@kushagradhawan/kookie-ui 0.1.28 → 0.1.30

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 (538) hide show
  1. package/components.css +4742 -2680
  2. package/dist/cjs/components/_internal/base-button.d.ts +36 -0
  3. package/dist/cjs/components/_internal/base-button.d.ts.map +1 -1
  4. package/dist/cjs/components/_internal/base-button.js +1 -1
  5. package/dist/cjs/components/_internal/base-button.js.map +3 -3
  6. package/dist/cjs/components/_internal/base-button.props.d.ts +61 -0
  7. package/dist/cjs/components/_internal/base-button.props.d.ts.map +1 -1
  8. package/dist/cjs/components/_internal/base-button.props.js +1 -1
  9. package/dist/cjs/components/_internal/base-button.props.js.map +3 -3
  10. package/dist/cjs/components/_internal/base-checkbox.props.d.ts +6 -1
  11. package/dist/cjs/components/_internal/base-checkbox.props.d.ts.map +1 -1
  12. package/dist/cjs/components/_internal/base-checkbox.props.js +1 -1
  13. package/dist/cjs/components/_internal/base-checkbox.props.js.map +3 -3
  14. package/dist/cjs/components/_internal/base-menu.props.d.ts +8 -0
  15. package/dist/cjs/components/_internal/base-menu.props.d.ts.map +1 -1
  16. package/dist/cjs/components/_internal/base-menu.props.js +1 -1
  17. package/dist/cjs/components/_internal/base-menu.props.js.map +3 -3
  18. package/dist/cjs/components/_internal/base-radio.props.d.ts +6 -1
  19. package/dist/cjs/components/_internal/base-radio.props.d.ts.map +1 -1
  20. package/dist/cjs/components/_internal/base-radio.props.js +1 -1
  21. package/dist/cjs/components/_internal/base-radio.props.js.map +3 -3
  22. package/dist/cjs/components/accordion.d.ts +22 -0
  23. package/dist/cjs/components/accordion.d.ts.map +1 -0
  24. package/dist/cjs/components/accordion.js +2 -0
  25. package/dist/cjs/components/accordion.js.map +7 -0
  26. package/dist/cjs/components/accordion.props.d.ts +97 -0
  27. package/dist/cjs/components/accordion.props.d.ts.map +1 -0
  28. package/dist/cjs/components/accordion.props.js +2 -0
  29. package/dist/cjs/components/accordion.props.js.map +7 -0
  30. package/dist/cjs/components/alert-dialog.d.ts.map +1 -1
  31. package/dist/cjs/components/alert-dialog.js +1 -1
  32. package/dist/cjs/components/alert-dialog.js.map +3 -3
  33. package/dist/cjs/components/alert-dialog.props.d.ts +69 -2
  34. package/dist/cjs/components/alert-dialog.props.d.ts.map +1 -1
  35. package/dist/cjs/components/alert-dialog.props.js +1 -1
  36. package/dist/cjs/components/alert-dialog.props.js.map +3 -3
  37. package/dist/cjs/components/avatar.d.ts.map +1 -1
  38. package/dist/cjs/components/avatar.js +1 -1
  39. package/dist/cjs/components/avatar.js.map +3 -3
  40. package/dist/cjs/components/avatar.props.d.ts +9 -1
  41. package/dist/cjs/components/avatar.props.d.ts.map +1 -1
  42. package/dist/cjs/components/avatar.props.js +1 -1
  43. package/dist/cjs/components/avatar.props.js.map +3 -3
  44. package/dist/cjs/components/badge.d.ts +8 -1
  45. package/dist/cjs/components/badge.d.ts.map +1 -1
  46. package/dist/cjs/components/badge.js +1 -1
  47. package/dist/cjs/components/badge.js.map +3 -3
  48. package/dist/cjs/components/badge.props.d.ts +14 -6
  49. package/dist/cjs/components/badge.props.d.ts.map +1 -1
  50. package/dist/cjs/components/badge.props.js +1 -1
  51. package/dist/cjs/components/badge.props.js.map +3 -3
  52. package/dist/cjs/components/blockquote.props.d.ts +1 -1
  53. package/dist/cjs/components/button.d.ts +53 -1
  54. package/dist/cjs/components/button.d.ts.map +1 -1
  55. package/dist/cjs/components/button.js +1 -1
  56. package/dist/cjs/components/button.js.map +3 -3
  57. package/dist/cjs/components/button.props.d.ts +17 -0
  58. package/dist/cjs/components/button.props.d.ts.map +1 -1
  59. package/dist/cjs/components/button.props.js.map +2 -2
  60. package/dist/cjs/components/callout.d.ts +4 -0
  61. package/dist/cjs/components/callout.d.ts.map +1 -1
  62. package/dist/cjs/components/callout.js +1 -1
  63. package/dist/cjs/components/callout.js.map +3 -3
  64. package/dist/cjs/components/callout.props.d.ts +9 -1
  65. package/dist/cjs/components/callout.props.d.ts.map +1 -1
  66. package/dist/cjs/components/callout.props.js +1 -1
  67. package/dist/cjs/components/callout.props.js.map +3 -3
  68. package/dist/cjs/components/card.d.ts.map +1 -1
  69. package/dist/cjs/components/card.js +1 -1
  70. package/dist/cjs/components/card.js.map +3 -3
  71. package/dist/cjs/components/card.props.d.ts +5 -0
  72. package/dist/cjs/components/card.props.d.ts.map +1 -1
  73. package/dist/cjs/components/card.props.js +1 -1
  74. package/dist/cjs/components/card.props.js.map +3 -3
  75. package/dist/cjs/components/checkbox-cards.d.ts.map +1 -1
  76. package/dist/cjs/components/checkbox-cards.js +1 -1
  77. package/dist/cjs/components/checkbox-cards.js.map +3 -3
  78. package/dist/cjs/components/checkbox-cards.props.d.ts +2 -2
  79. package/dist/cjs/components/checkbox-cards.props.js +1 -1
  80. package/dist/cjs/components/checkbox-cards.props.js.map +2 -2
  81. package/dist/cjs/components/checkbox-group.props.d.ts +6 -1
  82. package/dist/cjs/components/checkbox-group.props.d.ts.map +1 -1
  83. package/dist/cjs/components/checkbox.d.ts.map +1 -1
  84. package/dist/cjs/components/checkbox.js +1 -1
  85. package/dist/cjs/components/checkbox.js.map +3 -3
  86. package/dist/cjs/components/code.js.map +1 -1
  87. package/dist/cjs/components/code.props.d.ts +1 -1
  88. package/dist/cjs/components/context-menu.d.ts +1 -1
  89. package/dist/cjs/components/context-menu.d.ts.map +1 -1
  90. package/dist/cjs/components/context-menu.js +1 -1
  91. package/dist/cjs/components/context-menu.js.map +3 -3
  92. package/dist/cjs/components/dialog.d.ts.map +1 -1
  93. package/dist/cjs/components/dialog.js +1 -1
  94. package/dist/cjs/components/dialog.js.map +3 -3
  95. package/dist/cjs/components/dialog.props.d.ts +6 -1
  96. package/dist/cjs/components/dialog.props.d.ts.map +1 -1
  97. package/dist/cjs/components/dialog.props.js +1 -1
  98. package/dist/cjs/components/dialog.props.js.map +3 -3
  99. package/dist/cjs/components/dropdown-menu.d.ts +1 -1
  100. package/dist/cjs/components/dropdown-menu.d.ts.map +1 -1
  101. package/dist/cjs/components/dropdown-menu.js +1 -1
  102. package/dist/cjs/components/dropdown-menu.js.map +3 -3
  103. package/dist/cjs/components/heading.props.d.ts +1 -1
  104. package/dist/cjs/components/icon-button.d.ts +79 -1
  105. package/dist/cjs/components/icon-button.d.ts.map +1 -1
  106. package/dist/cjs/components/icon-button.js +4 -1
  107. package/dist/cjs/components/icon-button.js.map +3 -3
  108. package/dist/cjs/components/image.d.ts +131 -12
  109. package/dist/cjs/components/image.d.ts.map +1 -1
  110. package/dist/cjs/components/image.js +1 -1
  111. package/dist/cjs/components/image.js.map +3 -3
  112. package/dist/cjs/components/image.props.d.ts +136 -21
  113. package/dist/cjs/components/image.props.d.ts.map +1 -1
  114. package/dist/cjs/components/image.props.js +1 -1
  115. package/dist/cjs/components/image.props.js.map +3 -3
  116. package/dist/cjs/components/index.d.ts +1 -0
  117. package/dist/cjs/components/index.d.ts.map +1 -1
  118. package/dist/cjs/components/index.js +1 -1
  119. package/dist/cjs/components/index.js.map +3 -3
  120. package/dist/cjs/components/link.props.d.ts +1 -1
  121. package/dist/cjs/components/progress.props.d.ts +2 -2
  122. package/dist/cjs/components/progress.props.js +1 -1
  123. package/dist/cjs/components/progress.props.js.map +2 -2
  124. package/dist/cjs/components/radio-cards.d.ts.map +1 -1
  125. package/dist/cjs/components/radio-cards.js +1 -1
  126. package/dist/cjs/components/radio-cards.js.map +3 -3
  127. package/dist/cjs/components/radio-cards.props.d.ts +2 -2
  128. package/dist/cjs/components/radio-cards.props.js +1 -1
  129. package/dist/cjs/components/radio-cards.props.js.map +2 -2
  130. package/dist/cjs/components/radio.d.ts.map +1 -1
  131. package/dist/cjs/components/radio.js +1 -1
  132. package/dist/cjs/components/radio.js.map +3 -3
  133. package/dist/cjs/components/segmented-control.props.d.ts +3 -3
  134. package/dist/cjs/components/segmented-control.props.js +1 -1
  135. package/dist/cjs/components/segmented-control.props.js.map +2 -2
  136. package/dist/cjs/components/select.d.ts.map +1 -1
  137. package/dist/cjs/components/select.js +1 -1
  138. package/dist/cjs/components/select.js.map +3 -3
  139. package/dist/cjs/components/select.props.d.ts +12 -0
  140. package/dist/cjs/components/select.props.d.ts.map +1 -1
  141. package/dist/cjs/components/select.props.js +1 -1
  142. package/dist/cjs/components/select.props.js.map +2 -2
  143. package/dist/cjs/components/sidebar.d.ts +5 -0
  144. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  145. package/dist/cjs/components/sidebar.js +1 -1
  146. package/dist/cjs/components/sidebar.js.map +3 -3
  147. package/dist/cjs/components/slider.d.ts +5 -0
  148. package/dist/cjs/components/slider.d.ts.map +1 -1
  149. package/dist/cjs/components/slider.js +1 -1
  150. package/dist/cjs/components/slider.js.map +3 -3
  151. package/dist/cjs/components/slider.props.d.ts +10 -2
  152. package/dist/cjs/components/slider.props.d.ts.map +1 -1
  153. package/dist/cjs/components/slider.props.js +1 -1
  154. package/dist/cjs/components/slider.props.js.map +2 -2
  155. package/dist/cjs/components/switch.d.ts.map +1 -1
  156. package/dist/cjs/components/switch.js +1 -1
  157. package/dist/cjs/components/switch.js.map +3 -3
  158. package/dist/cjs/components/switch.props.d.ts +17 -4
  159. package/dist/cjs/components/switch.props.d.ts.map +1 -1
  160. package/dist/cjs/components/switch.props.js +1 -1
  161. package/dist/cjs/components/switch.props.js.map +3 -3
  162. package/dist/cjs/components/tab-nav.d.ts.map +1 -1
  163. package/dist/cjs/components/tab-nav.js +1 -1
  164. package/dist/cjs/components/tab-nav.js.map +3 -3
  165. package/dist/cjs/components/tabs.d.ts.map +1 -1
  166. package/dist/cjs/components/tabs.js +1 -1
  167. package/dist/cjs/components/tabs.js.map +2 -2
  168. package/dist/cjs/components/text-area.d.ts.map +1 -1
  169. package/dist/cjs/components/text-area.js +1 -1
  170. package/dist/cjs/components/text-area.js.map +3 -3
  171. package/dist/cjs/components/text-area.props.d.ts +29 -0
  172. package/dist/cjs/components/text-area.props.d.ts.map +1 -1
  173. package/dist/cjs/components/text-area.props.js +1 -1
  174. package/dist/cjs/components/text-area.props.js.map +3 -3
  175. package/dist/cjs/components/text-field.d.ts.map +1 -1
  176. package/dist/cjs/components/text-field.js +4 -4
  177. package/dist/cjs/components/text-field.js.map +3 -3
  178. package/dist/cjs/components/text-field.props.d.ts +29 -0
  179. package/dist/cjs/components/text-field.props.d.ts.map +1 -1
  180. package/dist/cjs/components/text-field.props.js +1 -1
  181. package/dist/cjs/components/text-field.props.js.map +3 -3
  182. package/dist/cjs/components/text.props.d.ts +1 -1
  183. package/dist/cjs/components/theme.d.ts +3 -0
  184. package/dist/cjs/components/theme.d.ts.map +1 -1
  185. package/dist/cjs/components/theme.js +1 -1
  186. package/dist/cjs/components/theme.js.map +3 -3
  187. package/dist/cjs/components/theme.props.d.ts +14 -0
  188. package/dist/cjs/components/theme.props.d.ts.map +1 -1
  189. package/dist/cjs/components/theme.props.js +1 -1
  190. package/dist/cjs/components/theme.props.js.map +3 -3
  191. package/dist/cjs/components/toggle-button.d.ts +52 -0
  192. package/dist/cjs/components/toggle-button.d.ts.map +1 -1
  193. package/dist/cjs/components/toggle-button.js +1 -1
  194. package/dist/cjs/components/toggle-button.js.map +3 -3
  195. package/dist/cjs/components/toggle-icon-button.d.ts +84 -2
  196. package/dist/cjs/components/toggle-icon-button.d.ts.map +1 -1
  197. package/dist/cjs/components/toggle-icon-button.js +1 -1
  198. package/dist/cjs/components/toggle-icon-button.js.map +3 -3
  199. package/dist/cjs/helpers/extract-margin-props.d.ts +7 -7
  200. package/dist/cjs/hooks/index.d.ts +2 -0
  201. package/dist/cjs/hooks/index.d.ts.map +1 -0
  202. package/dist/cjs/hooks/index.js +2 -0
  203. package/dist/cjs/hooks/index.js.map +7 -0
  204. package/dist/cjs/hooks/use-live-announcer.d.ts +6 -0
  205. package/dist/cjs/hooks/use-live-announcer.d.ts.map +1 -0
  206. package/dist/cjs/hooks/use-live-announcer.js +10 -0
  207. package/dist/cjs/hooks/use-live-announcer.js.map +7 -0
  208. package/dist/cjs/index.d.ts +1 -0
  209. package/dist/cjs/index.d.ts.map +1 -1
  210. package/dist/cjs/index.js +1 -1
  211. package/dist/cjs/index.js.map +2 -2
  212. package/dist/cjs/props/weight.prop.d.ts +1 -1
  213. package/dist/cjs/props/weight.prop.js +1 -1
  214. package/dist/cjs/props/weight.prop.js.map +2 -2
  215. package/dist/esm/components/_internal/base-button.d.ts +36 -0
  216. package/dist/esm/components/_internal/base-button.d.ts.map +1 -1
  217. package/dist/esm/components/_internal/base-button.js +1 -1
  218. package/dist/esm/components/_internal/base-button.js.map +3 -3
  219. package/dist/esm/components/_internal/base-button.props.d.ts +61 -0
  220. package/dist/esm/components/_internal/base-button.props.d.ts.map +1 -1
  221. package/dist/esm/components/_internal/base-button.props.js +1 -1
  222. package/dist/esm/components/_internal/base-button.props.js.map +3 -3
  223. package/dist/esm/components/_internal/base-checkbox.props.d.ts +6 -1
  224. package/dist/esm/components/_internal/base-checkbox.props.d.ts.map +1 -1
  225. package/dist/esm/components/_internal/base-checkbox.props.js +1 -1
  226. package/dist/esm/components/_internal/base-checkbox.props.js.map +3 -3
  227. package/dist/esm/components/_internal/base-menu.props.d.ts +8 -0
  228. package/dist/esm/components/_internal/base-menu.props.d.ts.map +1 -1
  229. package/dist/esm/components/_internal/base-menu.props.js +1 -1
  230. package/dist/esm/components/_internal/base-menu.props.js.map +3 -3
  231. package/dist/esm/components/_internal/base-radio.props.d.ts +6 -1
  232. package/dist/esm/components/_internal/base-radio.props.d.ts.map +1 -1
  233. package/dist/esm/components/_internal/base-radio.props.js +1 -1
  234. package/dist/esm/components/_internal/base-radio.props.js.map +3 -3
  235. package/dist/esm/components/accordion.d.ts +22 -0
  236. package/dist/esm/components/accordion.d.ts.map +1 -0
  237. package/dist/esm/components/accordion.js +2 -0
  238. package/dist/esm/components/accordion.js.map +7 -0
  239. package/dist/esm/components/accordion.props.d.ts +97 -0
  240. package/dist/esm/components/accordion.props.d.ts.map +1 -0
  241. package/dist/esm/components/accordion.props.js +2 -0
  242. package/dist/esm/components/accordion.props.js.map +7 -0
  243. package/dist/esm/components/alert-dialog.d.ts.map +1 -1
  244. package/dist/esm/components/alert-dialog.js +1 -1
  245. package/dist/esm/components/alert-dialog.js.map +3 -3
  246. package/dist/esm/components/alert-dialog.props.d.ts +69 -2
  247. package/dist/esm/components/alert-dialog.props.d.ts.map +1 -1
  248. package/dist/esm/components/alert-dialog.props.js +1 -1
  249. package/dist/esm/components/alert-dialog.props.js.map +3 -3
  250. package/dist/esm/components/avatar.d.ts.map +1 -1
  251. package/dist/esm/components/avatar.js +1 -1
  252. package/dist/esm/components/avatar.js.map +3 -3
  253. package/dist/esm/components/avatar.props.d.ts +9 -1
  254. package/dist/esm/components/avatar.props.d.ts.map +1 -1
  255. package/dist/esm/components/avatar.props.js +1 -1
  256. package/dist/esm/components/avatar.props.js.map +3 -3
  257. package/dist/esm/components/badge.d.ts +8 -1
  258. package/dist/esm/components/badge.d.ts.map +1 -1
  259. package/dist/esm/components/badge.js +1 -1
  260. package/dist/esm/components/badge.js.map +3 -3
  261. package/dist/esm/components/badge.props.d.ts +14 -6
  262. package/dist/esm/components/badge.props.d.ts.map +1 -1
  263. package/dist/esm/components/badge.props.js +1 -1
  264. package/dist/esm/components/badge.props.js.map +3 -3
  265. package/dist/esm/components/blockquote.props.d.ts +1 -1
  266. package/dist/esm/components/button.d.ts +53 -1
  267. package/dist/esm/components/button.d.ts.map +1 -1
  268. package/dist/esm/components/button.js +1 -1
  269. package/dist/esm/components/button.js.map +3 -3
  270. package/dist/esm/components/button.props.d.ts +17 -0
  271. package/dist/esm/components/button.props.d.ts.map +1 -1
  272. package/dist/esm/components/button.props.js.map +2 -2
  273. package/dist/esm/components/callout.d.ts +4 -0
  274. package/dist/esm/components/callout.d.ts.map +1 -1
  275. package/dist/esm/components/callout.js +1 -1
  276. package/dist/esm/components/callout.js.map +3 -3
  277. package/dist/esm/components/callout.props.d.ts +9 -1
  278. package/dist/esm/components/callout.props.d.ts.map +1 -1
  279. package/dist/esm/components/callout.props.js +1 -1
  280. package/dist/esm/components/callout.props.js.map +3 -3
  281. package/dist/esm/components/card.d.ts.map +1 -1
  282. package/dist/esm/components/card.js +1 -1
  283. package/dist/esm/components/card.js.map +3 -3
  284. package/dist/esm/components/card.props.d.ts +5 -0
  285. package/dist/esm/components/card.props.d.ts.map +1 -1
  286. package/dist/esm/components/card.props.js +1 -1
  287. package/dist/esm/components/card.props.js.map +3 -3
  288. package/dist/esm/components/checkbox-cards.d.ts.map +1 -1
  289. package/dist/esm/components/checkbox-cards.js +1 -1
  290. package/dist/esm/components/checkbox-cards.js.map +3 -3
  291. package/dist/esm/components/checkbox-cards.props.d.ts +2 -2
  292. package/dist/esm/components/checkbox-cards.props.js +1 -1
  293. package/dist/esm/components/checkbox-cards.props.js.map +2 -2
  294. package/dist/esm/components/checkbox-group.props.d.ts +6 -1
  295. package/dist/esm/components/checkbox-group.props.d.ts.map +1 -1
  296. package/dist/esm/components/checkbox.d.ts.map +1 -1
  297. package/dist/esm/components/checkbox.js +1 -1
  298. package/dist/esm/components/checkbox.js.map +3 -3
  299. package/dist/esm/components/code.js.map +1 -1
  300. package/dist/esm/components/code.props.d.ts +1 -1
  301. package/dist/esm/components/context-menu.d.ts +1 -1
  302. package/dist/esm/components/context-menu.d.ts.map +1 -1
  303. package/dist/esm/components/context-menu.js +1 -1
  304. package/dist/esm/components/context-menu.js.map +3 -3
  305. package/dist/esm/components/dialog.d.ts.map +1 -1
  306. package/dist/esm/components/dialog.js +1 -1
  307. package/dist/esm/components/dialog.js.map +3 -3
  308. package/dist/esm/components/dialog.props.d.ts +6 -1
  309. package/dist/esm/components/dialog.props.d.ts.map +1 -1
  310. package/dist/esm/components/dialog.props.js +1 -1
  311. package/dist/esm/components/dialog.props.js.map +3 -3
  312. package/dist/esm/components/dropdown-menu.d.ts +1 -1
  313. package/dist/esm/components/dropdown-menu.d.ts.map +1 -1
  314. package/dist/esm/components/dropdown-menu.js +1 -1
  315. package/dist/esm/components/dropdown-menu.js.map +3 -3
  316. package/dist/esm/components/heading.props.d.ts +1 -1
  317. package/dist/esm/components/icon-button.d.ts +79 -1
  318. package/dist/esm/components/icon-button.d.ts.map +1 -1
  319. package/dist/esm/components/icon-button.js +4 -1
  320. package/dist/esm/components/icon-button.js.map +3 -3
  321. package/dist/esm/components/image.d.ts +131 -12
  322. package/dist/esm/components/image.d.ts.map +1 -1
  323. package/dist/esm/components/image.js +1 -1
  324. package/dist/esm/components/image.js.map +3 -3
  325. package/dist/esm/components/image.props.d.ts +136 -21
  326. package/dist/esm/components/image.props.d.ts.map +1 -1
  327. package/dist/esm/components/image.props.js +1 -1
  328. package/dist/esm/components/image.props.js.map +3 -3
  329. package/dist/esm/components/index.d.ts +1 -0
  330. package/dist/esm/components/index.d.ts.map +1 -1
  331. package/dist/esm/components/index.js +1 -1
  332. package/dist/esm/components/index.js.map +3 -3
  333. package/dist/esm/components/link.props.d.ts +1 -1
  334. package/dist/esm/components/progress.props.d.ts +2 -2
  335. package/dist/esm/components/progress.props.js +1 -1
  336. package/dist/esm/components/progress.props.js.map +2 -2
  337. package/dist/esm/components/radio-cards.d.ts.map +1 -1
  338. package/dist/esm/components/radio-cards.js +1 -1
  339. package/dist/esm/components/radio-cards.js.map +3 -3
  340. package/dist/esm/components/radio-cards.props.d.ts +2 -2
  341. package/dist/esm/components/radio-cards.props.js +1 -1
  342. package/dist/esm/components/radio-cards.props.js.map +2 -2
  343. package/dist/esm/components/radio.d.ts.map +1 -1
  344. package/dist/esm/components/radio.js +1 -1
  345. package/dist/esm/components/radio.js.map +3 -3
  346. package/dist/esm/components/segmented-control.props.d.ts +3 -3
  347. package/dist/esm/components/segmented-control.props.js +1 -1
  348. package/dist/esm/components/segmented-control.props.js.map +2 -2
  349. package/dist/esm/components/select.d.ts.map +1 -1
  350. package/dist/esm/components/select.js +1 -1
  351. package/dist/esm/components/select.js.map +3 -3
  352. package/dist/esm/components/select.props.d.ts +12 -0
  353. package/dist/esm/components/select.props.d.ts.map +1 -1
  354. package/dist/esm/components/select.props.js +1 -1
  355. package/dist/esm/components/select.props.js.map +2 -2
  356. package/dist/esm/components/sidebar.d.ts +5 -0
  357. package/dist/esm/components/sidebar.d.ts.map +1 -1
  358. package/dist/esm/components/sidebar.js +1 -1
  359. package/dist/esm/components/sidebar.js.map +3 -3
  360. package/dist/esm/components/slider.d.ts +5 -0
  361. package/dist/esm/components/slider.d.ts.map +1 -1
  362. package/dist/esm/components/slider.js +1 -1
  363. package/dist/esm/components/slider.js.map +3 -3
  364. package/dist/esm/components/slider.props.d.ts +10 -2
  365. package/dist/esm/components/slider.props.d.ts.map +1 -1
  366. package/dist/esm/components/slider.props.js +1 -1
  367. package/dist/esm/components/slider.props.js.map +2 -2
  368. package/dist/esm/components/switch.d.ts.map +1 -1
  369. package/dist/esm/components/switch.js +1 -1
  370. package/dist/esm/components/switch.js.map +3 -3
  371. package/dist/esm/components/switch.props.d.ts +17 -4
  372. package/dist/esm/components/switch.props.d.ts.map +1 -1
  373. package/dist/esm/components/switch.props.js +1 -1
  374. package/dist/esm/components/switch.props.js.map +3 -3
  375. package/dist/esm/components/tab-nav.d.ts.map +1 -1
  376. package/dist/esm/components/tab-nav.js +1 -1
  377. package/dist/esm/components/tab-nav.js.map +3 -3
  378. package/dist/esm/components/tabs.d.ts.map +1 -1
  379. package/dist/esm/components/tabs.js +1 -1
  380. package/dist/esm/components/tabs.js.map +2 -2
  381. package/dist/esm/components/text-area.d.ts.map +1 -1
  382. package/dist/esm/components/text-area.js +1 -1
  383. package/dist/esm/components/text-area.js.map +3 -3
  384. package/dist/esm/components/text-area.props.d.ts +29 -0
  385. package/dist/esm/components/text-area.props.d.ts.map +1 -1
  386. package/dist/esm/components/text-area.props.js +1 -1
  387. package/dist/esm/components/text-area.props.js.map +3 -3
  388. package/dist/esm/components/text-field.d.ts.map +1 -1
  389. package/dist/esm/components/text-field.js +4 -4
  390. package/dist/esm/components/text-field.js.map +3 -3
  391. package/dist/esm/components/text-field.props.d.ts +29 -0
  392. package/dist/esm/components/text-field.props.d.ts.map +1 -1
  393. package/dist/esm/components/text-field.props.js +1 -1
  394. package/dist/esm/components/text-field.props.js.map +3 -3
  395. package/dist/esm/components/text.props.d.ts +1 -1
  396. package/dist/esm/components/theme.d.ts +3 -0
  397. package/dist/esm/components/theme.d.ts.map +1 -1
  398. package/dist/esm/components/theme.js +1 -1
  399. package/dist/esm/components/theme.js.map +3 -3
  400. package/dist/esm/components/theme.props.d.ts +14 -0
  401. package/dist/esm/components/theme.props.d.ts.map +1 -1
  402. package/dist/esm/components/theme.props.js +1 -1
  403. package/dist/esm/components/theme.props.js.map +3 -3
  404. package/dist/esm/components/toggle-button.d.ts +52 -0
  405. package/dist/esm/components/toggle-button.d.ts.map +1 -1
  406. package/dist/esm/components/toggle-button.js +1 -1
  407. package/dist/esm/components/toggle-button.js.map +3 -3
  408. package/dist/esm/components/toggle-icon-button.d.ts +84 -2
  409. package/dist/esm/components/toggle-icon-button.d.ts.map +1 -1
  410. package/dist/esm/components/toggle-icon-button.js +1 -1
  411. package/dist/esm/components/toggle-icon-button.js.map +3 -3
  412. package/dist/esm/helpers/extract-margin-props.d.ts +7 -7
  413. package/dist/esm/hooks/index.d.ts +2 -0
  414. package/dist/esm/hooks/index.d.ts.map +1 -0
  415. package/dist/esm/hooks/index.js +2 -0
  416. package/dist/esm/hooks/index.js.map +7 -0
  417. package/dist/esm/hooks/use-live-announcer.d.ts +6 -0
  418. package/dist/esm/hooks/use-live-announcer.d.ts.map +1 -0
  419. package/dist/esm/hooks/use-live-announcer.js +10 -0
  420. package/dist/esm/hooks/use-live-announcer.js.map +7 -0
  421. package/dist/esm/index.d.ts +1 -0
  422. package/dist/esm/index.d.ts.map +1 -1
  423. package/dist/esm/index.js +1 -1
  424. package/dist/esm/index.js.map +2 -2
  425. package/dist/esm/props/weight.prop.d.ts +1 -1
  426. package/dist/esm/props/weight.prop.js +1 -1
  427. package/dist/esm/props/weight.prop.js.map +2 -2
  428. package/layout/components.css +1 -0
  429. package/layout.css +1 -0
  430. package/package.json +2 -1
  431. package/src/components/_internal/base-button.css +483 -284
  432. package/src/components/_internal/base-button.props.ts +87 -0
  433. package/src/components/_internal/base-button.tsx +127 -10
  434. package/src/components/_internal/base-card.css +866 -83
  435. package/src/components/_internal/base-checkbox.css +252 -52
  436. package/src/components/_internal/base-checkbox.props.ts +4 -1
  437. package/src/components/_internal/base-dialog.css +39 -8
  438. package/src/components/_internal/base-menu.css +55 -32
  439. package/src/components/_internal/base-menu.props.ts +10 -0
  440. package/src/components/_internal/base-radio.css +222 -52
  441. package/src/components/_internal/base-radio.props.ts +4 -1
  442. package/src/components/_internal/base-sidebar-menu.css +223 -0
  443. package/src/components/_internal/base-sidebar.css +141 -0
  444. package/src/components/_internal/base-tab-list.css +16 -0
  445. package/src/components/accordion.css +657 -0
  446. package/src/components/accordion.props.tsx +90 -0
  447. package/src/components/accordion.tsx +209 -0
  448. package/src/components/alert-dialog.props.tsx +22 -2
  449. package/src/components/alert-dialog.tsx +94 -3
  450. package/src/components/avatar.css +294 -152
  451. package/src/components/avatar.props.tsx +7 -1
  452. package/src/components/avatar.tsx +12 -2
  453. package/src/components/badge.css +160 -138
  454. package/src/components/badge.props.tsx +10 -3
  455. package/src/components/badge.tsx +71 -9
  456. package/src/components/button.css +88 -0
  457. package/src/components/button.props.tsx +17 -0
  458. package/src/components/button.tsx +107 -5
  459. package/src/components/callout.css +122 -35
  460. package/src/components/callout.props.tsx +7 -1
  461. package/src/components/callout.tsx +32 -9
  462. package/src/components/card.css +0 -597
  463. package/src/components/card.props.tsx +3 -0
  464. package/src/components/card.tsx +4 -2
  465. package/src/components/checkbox-cards.css +27 -104
  466. package/src/components/checkbox-cards.props.tsx +2 -2
  467. package/src/components/checkbox-cards.tsx +21 -3
  468. package/src/components/checkbox.tsx +2 -0
  469. package/src/components/code.css +1 -1
  470. package/src/components/code.tsx +1 -1
  471. package/src/components/container.css +1 -0
  472. package/src/components/context-menu.tsx +54 -12
  473. package/src/components/dialog.props.tsx +3 -0
  474. package/src/components/dialog.tsx +93 -3
  475. package/src/components/dropdown-menu.tsx +49 -12
  476. package/src/components/icon-button.css +73 -4
  477. package/src/components/icon-button.tsx +125 -19
  478. package/src/components/image.css +160 -91
  479. package/src/components/image.props.ts +152 -15
  480. package/src/components/image.tsx +290 -247
  481. package/src/components/index.css +1 -0
  482. package/src/components/index.tsx +1 -0
  483. package/src/components/kbd.css +23 -44
  484. package/src/components/progress.css +130 -149
  485. package/src/components/progress.props.tsx +2 -2
  486. package/src/components/radio-cards.css +23 -113
  487. package/src/components/radio-cards.props.tsx +2 -2
  488. package/src/components/radio-cards.tsx +45 -18
  489. package/src/components/radio.tsx +4 -3
  490. package/src/components/scroll-area.css +1 -1
  491. package/src/components/segmented-control.css +83 -64
  492. package/src/components/segmented-control.props.tsx +3 -3
  493. package/src/components/select.css +502 -224
  494. package/src/components/select.props.tsx +8 -0
  495. package/src/components/select.tsx +45 -2
  496. package/src/components/sidebar.css +186 -630
  497. package/src/components/sidebar.tsx +61 -5
  498. package/src/components/slider.css +228 -88
  499. package/src/components/slider.props.tsx +6 -2
  500. package/src/components/slider.tsx +201 -24
  501. package/src/components/spinner.css +12 -0
  502. package/src/components/switch.css +135 -216
  503. package/src/components/switch.props.tsx +16 -4
  504. package/src/components/switch.tsx +5 -3
  505. package/src/components/tab-nav.tsx +6 -3
  506. package/src/components/tabs.tsx +2 -0
  507. package/src/components/text-area.css +222 -140
  508. package/src/components/text-area.props.tsx +18 -1
  509. package/src/components/text-area.tsx +58 -7
  510. package/src/components/text-field.css +214 -131
  511. package/src/components/text-field.props.tsx +17 -0
  512. package/src/components/text-field.tsx +79 -28
  513. package/src/components/theme.props.tsx +12 -0
  514. package/src/components/theme.tsx +31 -1
  515. package/src/components/toggle-button.tsx +102 -3
  516. package/src/components/toggle-icon-button.tsx +150 -7
  517. package/src/components/tooltip.css +3 -3
  518. package/src/hooks/index.ts +1 -0
  519. package/src/hooks/use-live-announcer.ts +52 -0
  520. package/src/index.ts +1 -0
  521. package/src/props/weight.prop.ts +1 -1
  522. package/src/styles/fonts.css +27 -13
  523. package/src/styles/index.css +1 -1
  524. package/src/styles/tokens/base.css +2 -0
  525. package/src/styles/tokens/blur.css +32 -0
  526. package/src/styles/tokens/color.css +9 -9
  527. package/src/styles/tokens/constants.css +88 -140
  528. package/src/styles/tokens/index.css +2 -0
  529. package/src/styles/tokens/opacity.css +32 -0
  530. package/src/styles/tokens/radius.css +6 -10
  531. package/src/styles/tokens/shadow.css +25 -25
  532. package/src/styles/tokens/transition.css +49 -13
  533. package/src/styles/tokens/typography.css +7 -3
  534. package/src/styles/utilities/font-weight.css +16 -0
  535. package/styles.css +11129 -8945
  536. package/tokens/base.css +127 -49
  537. package/tokens.css +158 -114
  538. package/utilities.css +72 -0
@@ -0,0 +1,97 @@
1
+ declare const sizes: readonly ["1", "2", "3", "4"];
2
+ declare const variants: readonly ["classic", "soft", "surface", "outline", "ghost"];
3
+ declare const panelBackgrounds: readonly ["solid", "translucent"];
4
+ declare const accordionRootPropDefs: {
5
+ material: {
6
+ type: "enum";
7
+ values: readonly ["solid", "translucent"];
8
+ default: undefined;
9
+ };
10
+ /**
11
+ * @deprecated Use `material` prop instead. This prop will be removed in a future version.
12
+ */
13
+ panelBackground: {
14
+ type: "enum";
15
+ values: readonly ["solid", "translucent"];
16
+ default: undefined;
17
+ };
18
+ flush: {
19
+ type: "boolean";
20
+ default: false;
21
+ };
22
+ radius: {
23
+ type: "enum";
24
+ values: readonly ["none", "small", "medium", "large", "full"];
25
+ default: undefined;
26
+ };
27
+ highContrast: {
28
+ type: "boolean";
29
+ className: string;
30
+ default: undefined;
31
+ };
32
+ color: {
33
+ type: "enum";
34
+ values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
35
+ default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
36
+ };
37
+ size: {
38
+ type: "enum";
39
+ className: string;
40
+ values: readonly ["1", "2", "3", "4"];
41
+ default: "2";
42
+ responsive: true;
43
+ };
44
+ variant: {
45
+ type: "enum";
46
+ className: string;
47
+ values: readonly ["classic", "soft", "surface", "outline", "ghost"];
48
+ default: "surface";
49
+ };
50
+ asChild: {
51
+ type: "boolean";
52
+ };
53
+ };
54
+ declare const accordionItemPropDefs: {
55
+ asChild: {
56
+ type: "boolean";
57
+ };
58
+ };
59
+ declare const accordionHeaderPropDefs: {
60
+ asChild: {
61
+ type: "boolean";
62
+ };
63
+ };
64
+ declare const accordionTriggerPropDefs: {
65
+ asChild: {
66
+ type: "boolean";
67
+ };
68
+ };
69
+ declare const accordionContentPropDefs: {
70
+ asChild: {
71
+ type: "boolean";
72
+ };
73
+ };
74
+ export { accordionRootPropDefs, accordionItemPropDefs, accordionHeaderPropDefs, accordionTriggerPropDefs, accordionContentPropDefs, };
75
+ export type AccordionRootOwnProps = {
76
+ size?: (typeof sizes)[number];
77
+ variant?: (typeof variants)[number];
78
+ color?: string;
79
+ highContrast?: boolean;
80
+ radius?: string;
81
+ material?: (typeof panelBackgrounds)[number];
82
+ panelBackground?: (typeof panelBackgrounds)[number];
83
+ flush?: boolean;
84
+ };
85
+ export type AccordionItemOwnProps = {
86
+ asChild?: boolean;
87
+ };
88
+ export type AccordionHeaderOwnProps = {
89
+ asChild?: boolean;
90
+ };
91
+ export type AccordionTriggerOwnProps = {
92
+ asChild?: boolean;
93
+ };
94
+ export type AccordionContentOwnProps = {
95
+ asChild?: boolean;
96
+ };
97
+ //# sourceMappingURL=accordion.props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.props.d.ts","sourceRoot":"","sources":["../../../src/components/accordion.props.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK,+BAAgC,CAAC;AAC5C,QAAA,MAAM,QAAQ,6DAA8D,CAAC;AAC7E,QAAA,MAAM,gBAAgB,mCAAoC,CAAC;AAE3D,QAAA,MAAM,qBAAqB;;;;;;IAQzB;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASJ,CAAC;AAEF,QAAA,MAAM,qBAAqB;;;;CAI1B,CAAC;AAEF,QAAA,MAAM,uBAAuB;;;;CAI5B,CAAC;AAEF,QAAA,MAAM,wBAAwB;;;;CAI7B,CAAC;AAEF,QAAA,MAAM,wBAAwB;;;;CAI7B,CAAC;AAEF,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,GACzB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";var n=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var g=(e,o)=>{for(var a in o)n(e,a,{get:o[a],enumerable:!0})},h=(e,o,a,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of y(o))!D.call(e,s)&&s!==a&&n(e,s,{get:()=>o[s],enumerable:!(t=b(o,s))||t.enumerable});return e};var C=e=>h(n({},"__esModule",{value:!0}),e);var B={};g(B,{accordionContentPropDefs:()=>P,accordionHeaderPropDefs:()=>u,accordionItemPropDefs:()=>d,accordionRootPropDefs:()=>c,accordionTriggerPropDefs:()=>m});module.exports=C(B);var r=require("../props/as-child.prop.js"),p=require("../props/color.prop.js"),f=require("../props/high-contrast.prop.js"),l=require("../props/radius.prop.js");const v=["1","2","3","4"],k=["classic","soft","surface","outline","ghost"],i=["solid","translucent"],c={...r.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:k,default:"surface"},...p.colorPropDef,...f.highContrastPropDef,...l.radiusPropDef,material:{type:"enum",values:i,default:void 0},panelBackground:{type:"enum",values:i,default:void 0},flush:{type:"boolean",default:!1}},d={...r.asChildPropDef},u={...r.asChildPropDef},m={...r.asChildPropDef},P={...r.asChildPropDef};
2
+ //# sourceMappingURL=accordion.props.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/components/accordion.props.tsx"],
4
+ "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['classic', 'soft', 'surface', 'outline', 'ghost'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst accordionRootPropDefs = {\n ...asChildPropDef,\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n ...colorPropDef,\n ...highContrastPropDef,\n ...radiusPropDef,\n material: { type: 'enum', values: panelBackgrounds, default: undefined },\n /**\n * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n */\n panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n flush: { type: 'boolean', default: false },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n material: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n flush: PropDef<boolean>;\n};\n\nconst accordionItemPropDefs = {\n ...asChildPropDef,\n} satisfies {\n asChild: PropDef<boolean>;\n};\n\nconst accordionHeaderPropDefs = {\n ...asChildPropDef,\n} satisfies {\n asChild: PropDef<boolean>;\n};\n\nconst accordionTriggerPropDefs = {\n ...asChildPropDef,\n} satisfies {\n asChild: PropDef<boolean>;\n};\n\nconst accordionContentPropDefs = {\n ...asChildPropDef,\n} satisfies {\n asChild: PropDef<boolean>;\n};\n\nexport {\n accordionRootPropDefs,\n accordionItemPropDefs,\n accordionHeaderPropDefs,\n accordionTriggerPropDefs,\n accordionContentPropDefs,\n};\n\nexport type AccordionRootOwnProps = {\n size?: (typeof sizes)[number];\n variant?: (typeof variants)[number];\n color?: string;\n highContrast?: boolean;\n radius?: string;\n material?: (typeof panelBackgrounds)[number];\n panelBackground?: (typeof panelBackgrounds)[number];\n flush?: boolean;\n};\n\nexport type AccordionItemOwnProps = {\n asChild?: boolean;\n};\n\nexport type AccordionHeaderOwnProps = {\n asChild?: boolean;\n};\n\nexport type AccordionTriggerOwnProps = {\n asChild?: boolean;\n};\n\nexport type AccordionContentOwnProps = {\n asChild?: boolean;\n};\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8BAAAE,EAAA,4BAAAC,EAAA,0BAAAC,EAAA,0BAAAC,EAAA,6BAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAA+B,qCAC/BC,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,UAAW,UAAW,OAAO,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CT,EAAwB,CAC5B,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQO,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,sBACH,GAAG,gBACH,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAIvE,gBAAiB,CAAE,KAAM,OAAQ,OAAQA,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C,EAQMV,EAAwB,CAC5B,GAAG,gBACL,EAIMD,EAA0B,CAC9B,GAAG,gBACL,EAIMG,EAA2B,CAC/B,GAAG,gBACL,EAIMJ,EAA2B,CAC/B,GAAG,gBACL",
6
+ "names": ["accordion_props_exports", "__export", "accordionContentPropDefs", "accordionHeaderPropDefs", "accordionItemPropDefs", "accordionRootPropDefs", "accordionTriggerPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants", "panelBackgrounds"]
7
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAKjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;CAAG;AAC7E,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAEnD,CAAC;AAIF,UAAU,uBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AACrF,QAAA,MAAM,kBAAkB,mGAMvB,CAAC;AAIF,UAAU,uBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC9E,0BAA0B;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC7F;AACD,QAAA,MAAM,kBAAkB,gGAwCvB,CAAC;AAIF,KAAK,qBAAqB,GAAG,qBAAqB,CAAC,OAAO,OAAO,EAAE,SAAS,CAAC,CAAC;AAC9E,QAAA,MAAM,gBAAgB,kGAMrB,CAAC;AAIF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AACtE,QAAA,MAAM,sBAAsB,0GAO1B,CAAC;AAIH,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,kGAMtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,kGAMtB,CAAC;AAGF,OAAO,EACL,eAAe,IAAI,IAAI,EACvB,kBAAkB,IAAI,OAAO,EAC7B,kBAAkB,IAAI,OAAO,EAC7B,gBAAgB,IAAI,KAAK,EACzB,sBAAsB,IAAI,WAAW,EACrC,iBAAiB,IAAI,MAAM,EAC3B,iBAAiB,IAAI,MAAM,GAC5B,CAAC;AAEF,YAAY,EACV,oBAAoB,IAAI,SAAS,EACjC,uBAAuB,IAAI,YAAY,EACvC,uBAAuB,IAAI,YAAY,EACvC,qBAAqB,IAAI,UAAU,EACnC,2BAA2B,IAAI,gBAAgB,EAC/C,sBAAsB,IAAI,WAAW,EACrC,sBAAsB,IAAI,WAAW,GACtC,CAAC"}
1
+ {"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAKjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;CAAG;AAC7E,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAEnD,CAAC;AAIF,UAAU,uBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AACrF,QAAA,MAAM,kBAAkB,mGAMvB,CAAC;AAIF,UAAU,uBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC9E,0BAA0B;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC7F;AACD,QAAA,MAAM,kBAAkB,gGAmIvB,CAAC;AAIF,KAAK,qBAAqB,GAAG,qBAAqB,CAAC,OAAO,OAAO,EAAE,SAAS,CAAC,CAAC;AAC9E,QAAA,MAAM,gBAAgB,kGAMrB,CAAC;AAIF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AACtE,QAAA,MAAM,sBAAsB,0GAO1B,CAAC;AAIH,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,kGAMtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,kGAMtB,CAAC;AAGF,OAAO,EACL,eAAe,IAAI,IAAI,EACvB,kBAAkB,IAAI,OAAO,EAC7B,kBAAkB,IAAI,OAAO,EAC7B,gBAAgB,IAAI,KAAK,EACzB,sBAAsB,IAAI,WAAW,EACrC,iBAAiB,IAAI,MAAM,EAC3B,iBAAiB,IAAI,MAAM,GAC5B,CAAC;AAEF,YAAY,EACV,oBAAoB,IAAI,SAAS,EACjC,uBAAuB,IAAI,YAAY,EACvC,uBAAuB,IAAI,YAAY,EACvC,qBAAqB,IAAI,UAAU,EACnC,2BAA2B,IAAI,gBAAgB,EAC/C,sBAAsB,IAAI,WAAW,EACrC,sBAAsB,IAAI,WAAW,GACtC,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var W=Object.create;var n=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var b=(e,o)=>{for(var r in o)n(e,r,{get:o[r],enumerable:!0})},d=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of H(o))!M.call(e,l)&&l!==r&&n(e,l,{get:()=>o[l],enumerable:!(a=O(o,l))||a.enumerable});return e};var C=(e,o,r)=>(r=e!=null?W(S(e)):{},d(o||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),j=e=>d(n({},"__esModule",{value:!0}),e);var z={};b(z,{Action:()=>P,Cancel:()=>f,Content:()=>D,Description:()=>c,Root:()=>g,Title:()=>A,Trigger:()=>m});module.exports=j(z);var t=C(require("react")),y=C(require("classnames")),i=require("radix-ui"),v=require("./alert-dialog.props.js"),T=require("./heading.js"),R=require("./text.js"),h=require("./theme.js"),s=require("../helpers/extract-props.js"),p=require("../helpers/require-react-element.js");const g=e=>t.createElement(i.AlertDialog.Root,{...e});g.displayName="AlertDialog.Root";const m=t.forwardRef(({children:e,...o},r)=>t.createElement(i.AlertDialog.Trigger,{...o,ref:r,asChild:!0},(0,p.requireReactElement)(e)));m.displayName="AlertDialog.Trigger";const D=t.forwardRef(({align:e,...o},r)=>{const{align:a,panelBackground:l,...u}=v.alertDialogContentPropDefs,{className:E}=(0,s.extractProps)({align:e},{align:a}),{panelBackground:N}=(0,s.extractProps)({panelBackground:o.panelBackground},{panelBackground:l}),{className:B,forceMount:x,container:k,panelBackground:q,...w}=(0,s.extractProps)(o,u);return t.createElement(i.AlertDialog.Portal,{container:k,forceMount:x},t.createElement(h.Theme,{asChild:!0},t.createElement(i.AlertDialog.Overlay,{className:"rt-BaseDialogOverlay rt-AlertDialogOverlay"},t.createElement("div",{className:"rt-BaseDialogScroll rt-AlertDialogScroll"},t.createElement("div",{className:`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${E}`},t.createElement(i.AlertDialog.Content,{...w,ref:r,className:(0,y.default)("rt-BaseDialogContent","rt-AlertDialogContent",B),"data-panel-background":N}))))))});D.displayName="AlertDialog.Content";const A=t.forwardRef((e,o)=>t.createElement(i.AlertDialog.Title,{asChild:!0},t.createElement(T.Heading,{size:"5",mb:"3",trim:"start",...e,asChild:!1,ref:o})));A.displayName="AlertDialog.Title";const c=t.forwardRef((e,o)=>t.createElement(i.AlertDialog.Description,{asChild:!0},t.createElement(R.Text,{as:"p",size:"3",...e,asChild:!1,ref:o})));c.displayName="AlertDialog.Description";const P=t.forwardRef(({children:e,...o},r)=>t.createElement(i.AlertDialog.Action,{...o,ref:r,asChild:!0},(0,p.requireReactElement)(e)));P.displayName="AlertDialog.Action";const f=t.forwardRef(({children:e,...o},r)=>t.createElement(i.AlertDialog.Cancel,{...o,ref:r,asChild:!0},(0,p.requireReactElement)(e)));f.displayName="AlertDialog.Cancel";
1
+ "use strict";var z=Object.create;var m=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var r in t)m(e,r,{get:t[r],enumerable:!0})},N=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of I(t))!V.call(e,a)&&a!==r&&m(e,a,{get:()=>t[a],enumerable:!(s=F(t,a))||s.enumerable});return e};var b=(e,t,r)=>(r=e!=null?z(U(e)):{},N(t||!e||!e.__esModule?m(r,"default",{value:e,enumerable:!0}):r,e)),G=e=>N(m({},"__esModule",{value:!0}),e);var J={};$(J,{Action:()=>y,Cancel:()=>v,Content:()=>P,Description:()=>C,Root:()=>f,Title:()=>u,Trigger:()=>d});module.exports=G(J);var o=b(require("react")),k=b(require("classnames")),i=require("radix-ui"),B=require("./alert-dialog.props.js"),w=require("./heading.js"),M=require("./text.js"),W=require("./theme.js"),n=require("../helpers/extract-props.js"),c=require("../helpers/require-react-element.js");const f=e=>o.createElement(i.AlertDialog.Root,{...e});f.displayName="AlertDialog.Root";const d=o.forwardRef(({children:e,...t},r)=>o.createElement(i.AlertDialog.Trigger,{...t,ref:r,asChild:!0},(0,c.requireReactElement)(e)));d.displayName="AlertDialog.Trigger";const P=o.forwardRef(({align:e,...t},r)=>{const{align:s,panelBackground:a,material:H,...L}=B.alertDialogContentPropDefs,{className:O}=(0,n.extractProps)({align:e},{align:s}),{panelBackground:T}=(0,n.extractProps)({panelBackground:t.panelBackground},{panelBackground:a}),{material:D}=(0,n.extractProps)({material:t.material},{material:H}),E=o.useMemo(()=>(D!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead."),D??T),[D,T]),{className:S,forceMount:K,container:_,panelBackground:Q,material:X,...j}=(0,n.extractProps)(t,L),h=o.useRef(null),q=o.useMemo(()=>l=>{h.current=l,typeof r=="function"?r(l):r&&(r.current=l)},[r]);return o.useEffect(()=>{if(typeof window>"u")return;const l=h.current;if(!l)return;const p=l.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(p.length===0)return;const A=p[0],R=p[p.length-1],x=g=>{g.key==="Tab"&&(g.shiftKey?document.activeElement===A&&(g.preventDefault(),R.focus()):document.activeElement===R&&(g.preventDefault(),A.focus()))};return l.addEventListener("keydown",x),A.focus(),()=>{l.removeEventListener("keydown",x)}},[]),o.createElement(i.AlertDialog.Portal,{container:_,forceMount:K},o.createElement(W.Theme,{asChild:!0},o.createElement(i.AlertDialog.Overlay,{className:"rt-BaseDialogOverlay rt-AlertDialogOverlay"},o.createElement("div",{className:"rt-BaseDialogScroll rt-AlertDialogScroll"},o.createElement("div",{className:`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${O}`},o.createElement(i.AlertDialog.Content,{...j,ref:q,className:(0,k.default)("rt-BaseDialogContent","rt-AlertDialogContent",S),"data-material":E,"data-panel-background":E,tabIndex:-1,role:"alertdialog","aria-modal":"true","aria-describedby":"alert-dialog-description"}),o.createElement("div",{"aria-live":"assertive","aria-atomic":"true",className:"rt-sr-only",id:"alert-dialog-announcement"}))))))});P.displayName="AlertDialog.Content";const u=o.forwardRef((e,t)=>o.createElement(i.AlertDialog.Title,{asChild:!0},o.createElement(w.Heading,{size:"5",mb:"3",trim:"start",...e,asChild:!1,ref:t})));u.displayName="AlertDialog.Title";const C=o.forwardRef((e,t)=>o.createElement(i.AlertDialog.Description,{asChild:!0},o.createElement(M.Text,{as:"p",size:"3",...e,asChild:!1,ref:t})));C.displayName="AlertDialog.Description";const y=o.forwardRef(({children:e,...t},r)=>o.createElement(i.AlertDialog.Action,{...t,ref:r,asChild:!0},(0,c.requireReactElement)(e)));y.displayName="AlertDialog.Action";const v=o.forwardRef(({children:e,...t},r)=>o.createElement(i.AlertDialog.Cancel,{...t,ref:r,asChild:!0},(0,c.requireReactElement)(e)));v.displayName="AlertDialog.Cancel";
2
2
  //# sourceMappingURL=alert-dialog.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/alert-dialog.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\n\nimport { alertDialogContentPropDefs } from './alert-dialog.props.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { AlertDialogContentOwnProps } from './alert-dialog.props.js';\nimport type {\n ComponentPropsWithout,\n RemovedProps,\n ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface AlertDialogRootProps\n extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root> {}\nconst AlertDialogRoot: React.FC<AlertDialogRootProps> = (props) => (\n <AlertDialogPrimitive.Root {...props} />\n);\nAlertDialogRoot.displayName = 'AlertDialog.Root';\n\ntype AlertDialogTriggerElement = React.ElementRef<typeof AlertDialogPrimitive.Trigger>;\ninterface AlertDialogTriggerProps\n extends ComponentPropsWithout<typeof AlertDialogPrimitive.Trigger, RemovedProps> {}\nconst AlertDialogTrigger = React.forwardRef<AlertDialogTriggerElement, AlertDialogTriggerProps>(\n ({ children, ...props }, forwardedRef) => (\n <AlertDialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </AlertDialogPrimitive.Trigger>\n ),\n);\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger';\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ninterface AlertDialogContentProps\n extends ComponentPropsWithout<typeof AlertDialogPrimitive.Content, RemovedProps>,\n AlertDialogContentOwnProps {\n container?: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Portal>['container'];\n}\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n ({ align, ...props }, forwardedRef) => {\n const {\n align: alignPropDef,\n panelBackground: panelBackgroundPropDef,\n ...propDefs\n } = alertDialogContentPropDefs;\n const { className: alignClassName } = extractProps({ align }, { align: alignPropDef });\n const { panelBackground } = extractProps(\n { panelBackground: props.panelBackground },\n { panelBackground: panelBackgroundPropDef },\n );\n const {\n className,\n forceMount,\n container,\n panelBackground: _,\n ...contentProps\n } = extractProps(props, propDefs);\n return (\n <AlertDialogPrimitive.Portal container={container} forceMount={forceMount}>\n <Theme asChild>\n <AlertDialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-AlertDialogOverlay\">\n <div className=\"rt-BaseDialogScroll rt-AlertDialogScroll\">\n <div\n className={`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${alignClassName}`}\n >\n <AlertDialogPrimitive.Content\n {...contentProps}\n ref={forwardedRef}\n className={classNames('rt-BaseDialogContent', 'rt-AlertDialogContent', className)}\n data-panel-background={panelBackground}\n />\n </div>\n </div>\n </AlertDialogPrimitive.Overlay>\n </Theme>\n </AlertDialogPrimitive.Portal>\n );\n },\n);\nAlertDialogContent.displayName = 'AlertDialog.Content';\n\ntype AlertDialogTitleElement = React.ElementRef<typeof Heading>;\ntype AlertDialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n (props, forwardedRef) => (\n <AlertDialogPrimitive.Title asChild>\n <Heading size=\"5\" mb=\"3\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n </AlertDialogPrimitive.Title>\n ),\n);\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n\ntype AlertDialogDescriptionElement = HTMLParagraphElement;\ntype AlertDialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst AlertDialogDescription = React.forwardRef<\n AlertDialogDescriptionElement,\n AlertDialogDescriptionProps\n>((props, forwardedRef) => (\n <AlertDialogPrimitive.Description asChild>\n <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n </AlertDialogPrimitive.Description>\n));\nAlertDialogDescription.displayName = 'AlertDialog.Description';\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ninterface AlertDialogActionProps\n extends ComponentPropsWithout<typeof AlertDialogPrimitive.Action, RemovedProps> {}\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n ({ children, ...props }, forwardedRef) => (\n <AlertDialogPrimitive.Action {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </AlertDialogPrimitive.Action>\n ),\n);\nAlertDialogAction.displayName = 'AlertDialog.Action';\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ninterface AlertDialogCancelProps\n extends ComponentPropsWithout<typeof AlertDialogPrimitive.Cancel, RemovedProps> {}\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n ({ children, ...props }, forwardedRef) => (\n <AlertDialogPrimitive.Cancel {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </AlertDialogPrimitive.Cancel>\n ),\n);\nAlertDialogCancel.displayName = 'AlertDialog.Cancel';\n\nexport {\n AlertDialogRoot as Root,\n AlertDialogTrigger as Trigger,\n AlertDialogContent as Content,\n AlertDialogTitle as Title,\n AlertDialogDescription as Description,\n AlertDialogAction as Action,\n AlertDialogCancel as Cancel,\n};\n\nexport type {\n AlertDialogRootProps as RootProps,\n AlertDialogTriggerProps as TriggerProps,\n AlertDialogContentProps as ContentProps,\n AlertDialogTitleProps as TitleProps,\n AlertDialogDescriptionProps as DescriptionProps,\n AlertDialogActionProps as ActionProps,\n AlertDialogCancelProps as CancelProps,\n};\n"],
5
- "mappings": "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",
6
- "names": ["alert_dialog_exports", "__export", "AlertDialogAction", "AlertDialogCancel", "AlertDialogContent", "AlertDialogDescription", "AlertDialogRoot", "AlertDialogTitle", "AlertDialogTrigger", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_alert_dialog_props", "import_heading", "import_text", "import_theme", "import_extract_props", "import_require_react_element", "props", "AlertDialogPrimitive", "children", "forwardedRef", "align", "alignPropDef", "panelBackgroundPropDef", "propDefs", "alignClassName", "panelBackground", "className", "forceMount", "container", "_", "contentProps", "classNames"]
4
+ "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\n\nimport { alertDialogContentPropDefs } from './alert-dialog.props.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { AlertDialogContentOwnProps } from './alert-dialog.props.js';\nimport type {\n ComponentPropsWithout,\n RemovedProps,\n ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface AlertDialogRootProps\n extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root> {}\nconst AlertDialogRoot: React.FC<AlertDialogRootProps> = (props) => (\n <AlertDialogPrimitive.Root {...props} />\n);\nAlertDialogRoot.displayName = 'AlertDialog.Root';\n\ntype AlertDialogTriggerElement = React.ElementRef<typeof AlertDialogPrimitive.Trigger>;\ninterface AlertDialogTriggerProps\n extends ComponentPropsWithout<typeof AlertDialogPrimitive.Trigger, RemovedProps> {}\nconst AlertDialogTrigger = React.forwardRef<AlertDialogTriggerElement, AlertDialogTriggerProps>(\n ({ children, ...props }, forwardedRef) => (\n <AlertDialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </AlertDialogPrimitive.Trigger>\n ),\n);\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger';\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ninterface AlertDialogContentProps\n extends ComponentPropsWithout<typeof AlertDialogPrimitive.Content, RemovedProps>,\n AlertDialogContentOwnProps {\n container?: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Portal>['container'];\n}\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n ({ align, ...props }, forwardedRef) => {\n const {\n align: alignPropDef,\n panelBackground: panelBackgroundPropDef,\n material: materialPropDef,\n ...propDefs\n } = alertDialogContentPropDefs;\n\n const { className: alignClassName } = extractProps({ align }, { align: alignPropDef });\n\n // Extract panelBackground and material from props\n const { panelBackground: extractedPanelBackground } = extractProps(\n { panelBackground: props.panelBackground },\n { panelBackground: panelBackgroundPropDef },\n );\n\n const { material: extractedMaterial } = extractProps(\n { material: props.material },\n { material: materialPropDef },\n );\n\n // Handle material prop with panelBackground fallback\n const materialValue = React.useMemo(() => {\n if (extractedMaterial !== undefined) {\n console.warn(\n 'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n );\n }\n return extractedMaterial ?? extractedPanelBackground;\n }, [extractedMaterial, extractedPanelBackground]);\n\n const {\n className,\n forceMount,\n container,\n panelBackground: _,\n material: __,\n ...contentProps\n } = extractProps(props, propDefs);\n\n // Focus management\n const contentRef = React.useRef<HTMLDivElement>(null);\n const combinedRef = React.useMemo(\n () => (node: HTMLDivElement | null) => {\n contentRef.current = node;\n if (typeof forwardedRef === 'function') {\n forwardedRef(node);\n } else if (forwardedRef) {\n forwardedRef.current = node;\n }\n },\n [forwardedRef],\n );\n\n // Focus trap effect\n React.useEffect(() => {\n // SSR safety - only run on client\n if (typeof window === 'undefined') return;\n\n const content = contentRef.current;\n if (!content) return;\n\n const focusableElements = content.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n );\n\n if (focusableElements.length === 0) return;\n\n const firstElement = focusableElements[0] as HTMLElement;\n const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n if (event.shiftKey) {\n if (document.activeElement === firstElement) {\n event.preventDefault();\n lastElement.focus();\n }\n } else {\n if (document.activeElement === lastElement) {\n event.preventDefault();\n firstElement.focus();\n }\n }\n }\n };\n\n content.addEventListener('keydown', handleKeyDown);\n\n // Focus first element when dialog opens\n firstElement.focus();\n\n return () => {\n content.removeEventListener('keydown', handleKeyDown);\n };\n }, []);\n\n return (\n <AlertDialogPrimitive.Portal container={container} forceMount={forceMount}>\n <Theme asChild>\n <AlertDialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-AlertDialogOverlay\">\n <div className=\"rt-BaseDialogScroll rt-AlertDialogScroll\">\n <div\n className={`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${alignClassName}`}\n >\n <AlertDialogPrimitive.Content\n {...contentProps}\n ref={combinedRef}\n className={classNames('rt-BaseDialogContent', 'rt-AlertDialogContent', className)}\n data-material={materialValue}\n data-panel-background={materialValue}\n tabIndex={-1}\n role=\"alertdialog\"\n aria-modal=\"true\"\n aria-describedby=\"alert-dialog-description\"\n />\n {/* ARIA live region for screen reader announcements */}\n <div\n aria-live=\"assertive\"\n aria-atomic=\"true\"\n className=\"rt-sr-only\"\n id=\"alert-dialog-announcement\"\n />\n </div>\n </div>\n </AlertDialogPrimitive.Overlay>\n </Theme>\n </AlertDialogPrimitive.Portal>\n );\n },\n);\nAlertDialogContent.displayName = 'AlertDialog.Content';\n\ntype AlertDialogTitleElement = React.ElementRef<typeof Heading>;\ntype AlertDialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n (props, forwardedRef) => (\n <AlertDialogPrimitive.Title asChild>\n <Heading size=\"5\" mb=\"3\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n </AlertDialogPrimitive.Title>\n ),\n);\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n\ntype AlertDialogDescriptionElement = HTMLParagraphElement;\ntype AlertDialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst AlertDialogDescription = React.forwardRef<\n AlertDialogDescriptionElement,\n AlertDialogDescriptionProps\n>((props, forwardedRef) => (\n <AlertDialogPrimitive.Description asChild>\n <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n </AlertDialogPrimitive.Description>\n));\nAlertDialogDescription.displayName = 'AlertDialog.Description';\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ninterface AlertDialogActionProps\n extends ComponentPropsWithout<typeof AlertDialogPrimitive.Action, RemovedProps> {}\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n ({ children, ...props }, forwardedRef) => (\n <AlertDialogPrimitive.Action {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </AlertDialogPrimitive.Action>\n ),\n);\nAlertDialogAction.displayName = 'AlertDialog.Action';\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ninterface AlertDialogCancelProps\n extends ComponentPropsWithout<typeof AlertDialogPrimitive.Cancel, RemovedProps> {}\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n ({ children, ...props }, forwardedRef) => (\n <AlertDialogPrimitive.Cancel {...props} ref={forwardedRef} asChild>\n {requireReactElement(children)}\n </AlertDialogPrimitive.Cancel>\n ),\n);\nAlertDialogCancel.displayName = 'AlertDialog.Cancel';\n\nexport {\n AlertDialogRoot as Root,\n AlertDialogTrigger as Trigger,\n AlertDialogContent as Content,\n AlertDialogTitle as Title,\n AlertDialogDescription as Description,\n AlertDialogAction as Action,\n AlertDialogCancel as Cancel,\n};\n\nexport type {\n AlertDialogRootProps as RootProps,\n AlertDialogTriggerProps as TriggerProps,\n AlertDialogContentProps as ContentProps,\n AlertDialogTitleProps as TitleProps,\n AlertDialogDescriptionProps as DescriptionProps,\n AlertDialogActionProps as ActionProps,\n AlertDialogCancelProps as CancelProps,\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["alert_dialog_exports", "__export", "AlertDialogAction", "AlertDialogCancel", "AlertDialogContent", "AlertDialogDescription", "AlertDialogRoot", "AlertDialogTitle", "AlertDialogTrigger", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_alert_dialog_props", "import_heading", "import_text", "import_theme", "import_extract_props", "import_require_react_element", "props", "AlertDialogPrimitive", "children", "forwardedRef", "align", "alignPropDef", "panelBackgroundPropDef", "materialPropDef", "propDefs", "alignClassName", "extractedPanelBackground", "extractedMaterial", "materialValue", "className", "forceMount", "container", "_", "__", "contentProps", "contentRef", "combinedRef", "node", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "classNames"]
7
7
  }
@@ -1,3 +1,70 @@
1
- export { dialogContentPropDefs as alertDialogContentPropDefs } from './dialog.props.js';
2
- export type { DialogContentOwnProps as AlertDialogContentOwnProps } from './dialog.props.js';
1
+ import type { GetPropDefTypes } from '../props/prop-def.js';
2
+ declare const alertDialogContentPropDefs: {
3
+ material: {
4
+ type: "enum";
5
+ values: readonly ["solid", "translucent"];
6
+ default: undefined;
7
+ };
8
+ height: {
9
+ type: "string";
10
+ className: string;
11
+ customProperties: "--height"[];
12
+ responsive: true;
13
+ };
14
+ minHeight: {
15
+ type: "string";
16
+ className: string;
17
+ customProperties: "--min-height"[];
18
+ responsive: true;
19
+ };
20
+ maxHeight: {
21
+ type: "string";
22
+ className: string;
23
+ customProperties: "--max-height"[];
24
+ responsive: true;
25
+ };
26
+ align: {
27
+ type: "enum";
28
+ className: string;
29
+ values: ("center" | "start")[];
30
+ default: "center";
31
+ };
32
+ size: {
33
+ type: "enum";
34
+ className: string;
35
+ values: readonly ["1", "2", "3", "4"];
36
+ default: "3";
37
+ responsive: true;
38
+ };
39
+ panelBackground: {
40
+ type: "enum";
41
+ values: readonly ["solid", "translucent"];
42
+ default: undefined;
43
+ };
44
+ width: {
45
+ type: "string";
46
+ className: string;
47
+ customProperties: "--width"[];
48
+ responsive: true;
49
+ };
50
+ minWidth: {
51
+ type: "string";
52
+ className: string;
53
+ customProperties: "--min-width"[];
54
+ responsive: true;
55
+ };
56
+ maxWidth: {
57
+ default: string;
58
+ type: "string";
59
+ className: string;
60
+ customProperties: "--max-width"[];
61
+ responsive: true;
62
+ };
63
+ asChild: {
64
+ type: "boolean";
65
+ };
66
+ };
67
+ type AlertDialogContentOwnProps = GetPropDefTypes<typeof alertDialogContentPropDefs>;
68
+ export { alertDialogContentPropDefs };
69
+ export type { AlertDialogContentOwnProps };
3
70
  //# sourceMappingURL=alert-dialog.props.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert-dialog.props.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,IAAI,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACxF,YAAY,EAAE,qBAAqB,IAAI,0BAA0B,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"alert-dialog.props.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.props.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIrE,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAC;AAEF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAErF,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,YAAY,EAAE,0BAA0B,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var n=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var i=(t,o)=>{for(var r in o)n(t,r,{get:o[r],enumerable:!0})},D=(t,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of l(o))!g.call(t,e)&&e!==r&&n(t,e,{get:()=>o[e],enumerable:!(p=s(o,e))||p.enumerable});return t};var f=t=>D(n({},"__esModule",{value:!0}),t);var C={};i(C,{alertDialogContentPropDefs:()=>a.dialogContentPropDefs});module.exports=f(C);var a=require("./dialog.props.js");
1
+ "use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:!0})},d=(t,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of f(e))!l.call(t,o)&&o!==r&&n(t,o,{get:()=>e[o],enumerable:!(p=a(e,o))||p.enumerable});return t};var P=t=>d(n({},"__esModule",{value:!0}),t);var m={};D(m,{alertDialogContentPropDefs:()=>i});module.exports=P(m);var s=require("./dialog.props.js");const g=["solid","translucent"],i={...s.dialogContentPropDefs,material:{type:"enum",values:g,default:void 0}};
2
2
  //# sourceMappingURL=alert-dialog.props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/alert-dialog.props.tsx"],
4
- "sourcesContent": ["export { dialogContentPropDefs as alertDialogContentPropDefs } from './dialog.props.js';\nexport type { DialogContentOwnProps as AlertDialogContentOwnProps } from './dialog.props.js';\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yEAAAE,EAAAF,GAAA,IAAAG,EAAoE",
6
- "names": ["alert_dialog_props_exports", "__export", "__toCommonJS", "import_dialog_props"]
4
+ "sourcesContent": ["import { dialogContentPropDefs } from './dialog.props.js';\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst materials = ['solid', 'translucent'] as const;\n\nconst alertDialogContentPropDefs = {\n ...dialogContentPropDefs,\n material: { type: 'enum', values: materials, default: undefined },\n} satisfies {\n align: PropDef<'start' | 'center'>;\n size: PropDef<'1' | '2' | '3' | '4'>;\n panelBackground: PropDef<'solid' | 'translucent' | undefined>;\n width: PropDef<string>;\n minWidth: PropDef<string>;\n maxWidth: PropDef<string>;\n material: PropDef<'solid' | 'translucent' | undefined>;\n};\n\ntype AlertDialogContentOwnProps = GetPropDefTypes<typeof alertDialogContentPropDefs>;\n\nexport { alertDialogContentPropDefs };\nexport type { AlertDialogContentOwnProps };\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,6BAGtC,MAAMC,EAAY,CAAC,QAAS,aAAa,EAEnCH,EAA6B,CACjC,GAAG,wBACH,SAAU,CAAE,KAAM,OAAQ,OAAQG,EAAW,QAAS,MAAU,CAClE",
6
+ "names": ["alert_dialog_props_exports", "__export", "alertDialogContentPropDefs", "__toCommonJS", "import_dialog_props", "materials"]
7
7
  }
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,UAAU,WAAY,SAAQ,WAAW,EAAE,eAAe;CAAG;AAC7D,QAAA,MAAM,MAAM,sFA+BV,CAAC;AAIH,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7D,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,EACvE,cAAc;IAEhB,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;CACnD;AAsCD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,UAAU,WAAY,SAAQ,WAAW,EAAE,eAAe;CAAG;AAC7D,QAAA,MAAM,MAAM,sFAyCV,CAAC;AAIH,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7D,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,EACvE,cAAc;IAEhB,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;CACnD;AAsCD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";"use client";var w=Object.create;var l=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var S=(r,a)=>{for(var t in a)l(r,t,{get:a[t],enumerable:!0})},v=(r,a,t,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of D(a))!E.call(r,s)&&s!==t&&l(r,s,{get:()=>a[s],enumerable:!(e=C(a,s))||e.enumerable});return r};var f=(r,a,t)=>(t=r!=null?w(x(r)):{},v(a||!r||!r.__esModule?l(t,"default",{value:r,enumerable:!0}):t,r)),k=r=>v(l({},"__esModule",{value:!0}),r);var F={};S(F,{Avatar:()=>m});module.exports=k(F);var o=f(require("react")),n=f(require("classnames")),i=require("radix-ui"),A=require("./avatar.props.js"),u=require("../helpers/extract-props.js"),c=require("../helpers/get-subtree.js"),g=require("../props/margin.props.js");const m=o.forwardRef((r,a)=>{const{asChild:t,children:e,className:s,style:p,color:y,radius:I,panelBackground:h,...N}=(0,u.extractProps)(r,A.avatarPropDefs,g.marginPropDefs),b=o.useMemo(()=>{if(!t||!e)return!1;if(o.isValidElement(e)){const d=e.props;return d.disabled===!0||d["data-disabled"]===!0}return!1},[t,e]);return o.createElement(i.Avatar.Root,{"data-accent-color":y,"data-radius":I,"data-panel-background":h,"data-disabled":b||void 0,className:(0,n.default)("rt-reset","rt-AvatarRoot",s),style:p,asChild:t},(0,c.getSubtree)({asChild:t,children:e},o.createElement(P,{ref:a,...N})))});m.displayName="Avatar";const P=o.forwardRef(({fallback:r,...a},t)=>{const[e,s]=o.useState("idle");return o.createElement(o.Fragment,null,e==="idle"||e==="loading"?o.createElement("span",{className:"rt-AvatarFallback"}):null,e==="error"?o.createElement(i.Avatar.Fallback,{className:(0,n.default)("rt-AvatarFallback",{"rt-one-letter":typeof r=="string"&&r.length===1,"rt-two-letters":typeof r=="string"&&r.length===2}),delayMs:0},r):null,o.createElement(i.Avatar.Image,{ref:t,className:"rt-AvatarImage",...a,onLoadingStatusChange:p=>{a.onLoadingStatusChange?.(p),s(p)}}))});P.displayName="AvatarImpl";
1
+ "use strict";"use client";var C=Object.create;var l=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var k=(r,a)=>{for(var t in a)l(r,t,{get:a[t],enumerable:!0})},v=(r,a,t,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of x(a))!S.call(r,s)&&s!==t&&l(r,s,{get:()=>a[s],enumerable:!(e=D(a,s))||e.enumerable});return r};var f=(r,a,t)=>(t=r!=null?C(E(r)):{},v(a||!r||!r.__esModule?l(t,"default",{value:r,enumerable:!0}):t,r)),F=r=>v(l({},"__esModule",{value:!0}),r);var M={};k(M,{Avatar:()=>n});module.exports=F(M);var o=f(require("react")),m=f(require("classnames")),i=require("radix-ui"),A=require("./avatar.props.js"),u=require("../helpers/extract-props.js"),c=require("../helpers/get-subtree.js"),g=require("../props/margin.props.js");const n=o.forwardRef((r,a)=>{const{asChild:t,children:e,className:s,style:p,color:y,radius:I,material:h,panelBackground:N,...b}=(0,u.extractProps)(r,A.avatarPropDefs,g.marginPropDefs),w=o.useMemo(()=>{if(!t||!e)return!1;if(o.isValidElement(e)){const d=e.props;return d.disabled===!0||d["data-disabled"]===!0}return!1},[t,e]);return o.createElement(i.Avatar.Root,{"data-accent-color":y,"data-radius":I,"data-material":h,"data-panel-background":N,"data-disabled":w||void 0,className:(0,m.default)("rt-reset","rt-AvatarRoot",s),style:p,asChild:t},(0,c.getSubtree)({asChild:t,children:e},o.createElement(P,{ref:a,...b})))});n.displayName="Avatar";const P=o.forwardRef(({fallback:r,...a},t)=>{const[e,s]=o.useState("idle");return o.createElement(o.Fragment,null,e==="idle"||e==="loading"?o.createElement("span",{className:"rt-AvatarFallback"}):null,e==="error"?o.createElement(i.Avatar.Fallback,{className:(0,m.default)("rt-AvatarFallback",{"rt-one-letter":typeof r=="string"&&r.length===1,"rt-two-letters":typeof r=="string"&&r.length===2}),delayMs:0},r):null,o.createElement(i.Avatar.Image,{ref:t,className:"rt-AvatarImage",...a,onLoadingStatusChange:p=>{a.onLoadingStatusChange?.(p),s(p)}}))});P.displayName="AvatarImpl";
2
2
  //# sourceMappingURL=avatar.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/avatar.tsx"],
4
- "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface AvatarProps extends MarginProps, AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarImplElement, AvatarProps>((props, forwardedRef) => {\n const { asChild, children, className, style, color, radius, panelBackground, ...imageProps } =\n extractProps(props, avatarPropDefs, marginPropDefs);\n\n // Check if children contain a disabled element\n const isDisabled = React.useMemo(() => {\n if (!asChild || !children) return false;\n\n // If children is a React element, check its props\n if (React.isValidElement(children)) {\n const childProps = children.props as any;\n return childProps.disabled === true || childProps['data-disabled'] === true;\n }\n\n return false;\n }, [asChild, children]);\n\n return (\n // TODO as a rule, should we rather spread the props on root?\n <AvatarPrimitive.Root\n data-accent-color={color}\n data-radius={radius}\n data-panel-background={panelBackground}\n data-disabled={isDisabled || undefined}\n className={classNames('rt-reset', 'rt-AvatarRoot', className)}\n style={style}\n asChild={asChild}\n >\n {getSubtree({ asChild, children }, <AvatarImpl ref={forwardedRef} {...imageProps} />)}\n </AvatarPrimitive.Root>\n );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarImplElement = React.ElementRef<typeof AvatarPrimitive.Image>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps\n extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>,\n AvatarOwnProps {\n // TODO: See if we can automate making prop defs with `required: true` non nullable\n fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\nconst AvatarImpl = React.forwardRef<AvatarImplElement, AvatarImplProps>(\n ({ fallback, ...imageProps }, forwardedRef) => {\n const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>('idle');\n\n return (\n <>\n {status === 'idle' || status === 'loading' ? <span className=\"rt-AvatarFallback\" /> : null}\n\n {status === 'error' ? (\n <AvatarPrimitive.Fallback\n className={classNames('rt-AvatarFallback', {\n 'rt-one-letter': typeof fallback === 'string' && fallback.length === 1,\n 'rt-two-letters': typeof fallback === 'string' && fallback.length === 2,\n })}\n delayMs={0}\n >\n {fallback}\n </AvatarPrimitive.Fallback>\n ) : null}\n\n <AvatarPrimitive.Image\n ref={forwardedRef}\n className=\"rt-AvatarImage\"\n {...imageProps}\n onLoadingStatusChange={(status) => {\n imageProps.onLoadingStatusChange?.(status);\n setStatus(status);\n }}\n />\n </>\n );\n },\n);\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n"],
5
- "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA0C,oBAE1CC,EAA+B,6BAC/BC,EAA6B,uCAC7BC,EAA2B,qCAC3BC,EAA+B,oCAO/B,MAAMR,EAASE,EAAM,WAA2C,CAACO,EAAOC,IAAiB,CACvF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,GAAGC,CAAW,KACzF,gBAAaT,EAAO,iBAAgB,gBAAc,EAG9CU,EAAajB,EAAM,QAAQ,IAAM,CACrC,GAAI,CAACS,GAAW,CAACC,EAAU,MAAO,GAGlC,GAAIV,EAAM,eAAeU,CAAQ,EAAG,CAClC,MAAMQ,EAAaR,EAAS,MAC5B,OAAOQ,EAAW,WAAa,IAAQA,EAAW,eAAe,IAAM,EACzE,CAEA,MAAO,EACT,EAAG,CAACT,EAASC,CAAQ,CAAC,EAEtB,OAEEV,EAAA,cAAC,EAAAmB,OAAgB,KAAhB,CACC,oBAAmBN,EACnB,cAAaC,EACb,wBAAuBC,EACvB,gBAAeE,GAAc,OAC7B,aAAW,EAAAG,SAAW,WAAY,gBAAiBT,CAAS,EAC5D,MAAOC,EACP,QAASH,MAER,cAAW,CAAE,QAAAA,EAAS,SAAAC,CAAS,EAAGV,EAAA,cAACqB,EAAA,CAAW,IAAKb,EAAe,GAAGQ,EAAY,CAAE,CACtF,CAEJ,CAAC,EACDlB,EAAO,YAAc,SAYrB,MAAMuB,EAAarB,EAAM,WACvB,CAAC,CAAE,SAAAsB,EAAU,GAAGN,CAAW,EAAGR,IAAiB,CAC7C,KAAM,CAACe,EAAQC,CAAS,EAAIxB,EAAM,SAAkD,MAAM,EAE1F,OACEA,EAAA,cAAAA,EAAA,cACGuB,IAAW,QAAUA,IAAW,UAAYvB,EAAA,cAAC,QAAK,UAAU,oBAAoB,EAAK,KAErFuB,IAAW,QACVvB,EAAA,cAAC,EAAAmB,OAAgB,SAAhB,CACC,aAAW,EAAAC,SAAW,oBAAqB,CACzC,gBAAiB,OAAOE,GAAa,UAAYA,EAAS,SAAW,EACrE,iBAAkB,OAAOA,GAAa,UAAYA,EAAS,SAAW,CACxE,CAAC,EACD,QAAS,GAERA,CACH,EACE,KAEJtB,EAAA,cAAC,EAAAmB,OAAgB,MAAhB,CACC,IAAKX,EACL,UAAU,iBACT,GAAGQ,EACJ,sBAAwBO,GAAW,CACjCP,EAAW,wBAAwBO,CAAM,EACzCC,EAAUD,CAAM,CAClB,EACF,CACF,CAEJ,CACF,EAEAF,EAAW,YAAc",
6
- "names": ["avatar_exports", "__export", "Avatar", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_avatar_props", "import_extract_props", "import_get_subtree", "import_margin_props", "props", "forwardedRef", "asChild", "children", "className", "style", "color", "radius", "panelBackground", "imageProps", "isDisabled", "childProps", "AvatarPrimitive", "classNames", "AvatarImpl", "fallback", "status", "setStatus"]
4
+ "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface AvatarProps extends MarginProps, AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarImplElement, AvatarProps>((props, forwardedRef) => {\n const {\n asChild,\n children,\n className,\n style,\n color,\n radius,\n material,\n panelBackground,\n ...imageProps\n } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n // Check if children contain a disabled element\n const isDisabled = React.useMemo(() => {\n if (!asChild || !children) return false;\n\n // If children is a React element, check its props\n if (React.isValidElement(children)) {\n const childProps = children.props as any;\n return childProps.disabled === true || childProps['data-disabled'] === true;\n }\n\n return false;\n }, [asChild, children]);\n\n return (\n // TODO as a rule, should we rather spread the props on root?\n <AvatarPrimitive.Root\n data-accent-color={color}\n data-radius={radius}\n data-material={material}\n data-panel-background={panelBackground}\n data-disabled={isDisabled || undefined}\n className={classNames('rt-reset', 'rt-AvatarRoot', className)}\n style={style}\n asChild={asChild}\n >\n {getSubtree({ asChild, children }, <AvatarImpl ref={forwardedRef} {...imageProps} />)}\n </AvatarPrimitive.Root>\n );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarImplElement = React.ElementRef<typeof AvatarPrimitive.Image>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps\n extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>,\n AvatarOwnProps {\n // TODO: See if we can automate making prop defs with `required: true` non nullable\n fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\nconst AvatarImpl = React.forwardRef<AvatarImplElement, AvatarImplProps>(\n ({ fallback, ...imageProps }, forwardedRef) => {\n const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>('idle');\n\n return (\n <>\n {status === 'idle' || status === 'loading' ? <span className=\"rt-AvatarFallback\" /> : null}\n\n {status === 'error' ? (\n <AvatarPrimitive.Fallback\n className={classNames('rt-AvatarFallback', {\n 'rt-one-letter': typeof fallback === 'string' && fallback.length === 1,\n 'rt-two-letters': typeof fallback === 'string' && fallback.length === 2,\n })}\n delayMs={0}\n >\n {fallback}\n </AvatarPrimitive.Fallback>\n ) : null}\n\n <AvatarPrimitive.Image\n ref={forwardedRef}\n className=\"rt-AvatarImage\"\n {...imageProps}\n onLoadingStatusChange={(status) => {\n imageProps.onLoadingStatusChange?.(status);\n setStatus(status);\n }}\n />\n </>\n );\n },\n);\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n"],
5
+ "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA0C,oBAE1CC,EAA+B,6BAC/BC,EAA6B,uCAC7BC,EAA2B,qCAC3BC,EAA+B,oCAO/B,MAAMR,EAASE,EAAM,WAA2C,CAACO,EAAOC,IAAiB,CACvF,KAAM,CACJ,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,KAAI,gBAAaV,EAAO,iBAAgB,gBAAc,EAGhDW,EAAalB,EAAM,QAAQ,IAAM,CACrC,GAAI,CAACS,GAAW,CAACC,EAAU,MAAO,GAGlC,GAAIV,EAAM,eAAeU,CAAQ,EAAG,CAClC,MAAMS,EAAaT,EAAS,MAC5B,OAAOS,EAAW,WAAa,IAAQA,EAAW,eAAe,IAAM,EACzE,CAEA,MAAO,EACT,EAAG,CAACV,EAASC,CAAQ,CAAC,EAEtB,OAEEV,EAAA,cAAC,EAAAoB,OAAgB,KAAhB,CACC,oBAAmBP,EACnB,cAAaC,EACb,gBAAeC,EACf,wBAAuBC,EACvB,gBAAeE,GAAc,OAC7B,aAAW,EAAAG,SAAW,WAAY,gBAAiBV,CAAS,EAC5D,MAAOC,EACP,QAASH,MAER,cAAW,CAAE,QAAAA,EAAS,SAAAC,CAAS,EAAGV,EAAA,cAACsB,EAAA,CAAW,IAAKd,EAAe,GAAGS,EAAY,CAAE,CACtF,CAEJ,CAAC,EACDnB,EAAO,YAAc,SAYrB,MAAMwB,EAAatB,EAAM,WACvB,CAAC,CAAE,SAAAuB,EAAU,GAAGN,CAAW,EAAGT,IAAiB,CAC7C,KAAM,CAACgB,EAAQC,CAAS,EAAIzB,EAAM,SAAkD,MAAM,EAE1F,OACEA,EAAA,cAAAA,EAAA,cACGwB,IAAW,QAAUA,IAAW,UAAYxB,EAAA,cAAC,QAAK,UAAU,oBAAoB,EAAK,KAErFwB,IAAW,QACVxB,EAAA,cAAC,EAAAoB,OAAgB,SAAhB,CACC,aAAW,EAAAC,SAAW,oBAAqB,CACzC,gBAAiB,OAAOE,GAAa,UAAYA,EAAS,SAAW,EACrE,iBAAkB,OAAOA,GAAa,UAAYA,EAAS,SAAW,CACxE,CAAC,EACD,QAAS,GAERA,CACH,EACE,KAEJvB,EAAA,cAAC,EAAAoB,OAAgB,MAAhB,CACC,IAAKZ,EACL,UAAU,iBACT,GAAGS,EACJ,sBAAwBO,GAAW,CACjCP,EAAW,wBAAwBO,CAAM,EACzCC,EAAUD,CAAM,CAClB,EACF,CACF,CAEJ,CACF,EAEAF,EAAW,YAAc",
6
+ "names": ["avatar_exports", "__export", "Avatar", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_avatar_props", "import_extract_props", "import_get_subtree", "import_margin_props", "props", "forwardedRef", "asChild", "children", "className", "style", "color", "radius", "material", "panelBackground", "imageProps", "isDisabled", "childProps", "AvatarPrimitive", "classNames", "AvatarImpl", "fallback", "status", "setStatus"]
7
7
  }
@@ -3,6 +3,14 @@ declare const avatarPropDefs: {
3
3
  type: "ReactNode";
4
4
  required: true;
5
5
  };
6
+ material: {
7
+ type: "enum";
8
+ values: readonly ["solid", "translucent"];
9
+ default: undefined;
10
+ };
11
+ /**
12
+ * @deprecated Use `material` prop instead. This prop will be removed in a future version.
13
+ */
6
14
  panelBackground: {
7
15
  type: "enum";
8
16
  values: readonly ["solid", "translucent"];
@@ -33,7 +41,7 @@ declare const avatarPropDefs: {
33
41
  variant: {
34
42
  type: "enum";
35
43
  className: string;
36
- values: readonly ["solid", "soft", "surface", "outline"];
44
+ values: readonly ["classic", "solid", "soft", "surface", "outline"];
37
45
  default: "soft";
38
46
  };
39
47
  asChild: {
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.props.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.props.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"avatar.props.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.props.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,cAAc;;;;;;;;;;IASlB;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQJ,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var t=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var m=(r,e)=>{for(var o in e)t(r,o,{get:e[o],enumerable:!0})},v=(r,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!d.call(r,a)&&a!==o&&t(r,a,{get:()=>e[a],enumerable:!(s=c(e,a))||s.enumerable});return r};var D=r=>v(t({},"__esModule",{value:!0}),r);var b={};m(b,{avatarPropDefs:()=>u});module.exports=D(b);var n=require("../props/as-child.prop.js"),p=require("../props/color.prop.js"),f=require("../props/high-contrast.prop.js"),i=require("../props/radius.prop.js");const P=["1","2","3","4","5","6","7","8","9"],y=["solid","soft","surface","outline"],k=["solid","translucent"],u={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:P,default:"3",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"soft"},...p.accentColorPropDef,...f.highContrastPropDef,...i.radiusPropDef,fallback:{type:"ReactNode",required:!0},panelBackground:{type:"enum",values:k,default:void 0}};
1
+ "use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var m=(a,e)=>{for(var r in e)s(a,r,{get:e[r],enumerable:!0})},v=(a,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of c(e))!d.call(a,t)&&t!==r&&s(a,t,{get:()=>e[t],enumerable:!(o=l(e,t))||o.enumerable});return a};var D=a=>v(s({},"__esModule",{value:!0}),a);var g={};m(g,{avatarPropDefs:()=>u});module.exports=D(g);var n=require("../props/as-child.prop.js"),p=require("../props/color.prop.js"),f=require("../props/high-contrast.prop.js"),i=require("../props/radius.prop.js");const P=["1","2","3","4","5","6","7","8","9"],y=["classic","solid","soft","surface","outline"],b=["solid","translucent"],k=["solid","translucent"],u={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:P,default:"3",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"soft"},...p.accentColorPropDef,...f.highContrastPropDef,...i.radiusPropDef,fallback:{type:"ReactNode",required:!0},material:{type:"enum",values:k,default:void 0},panelBackground:{type:"enum",values:b,default:void 0}};
2
2
  //# sourceMappingURL=avatar.props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/avatar.props.tsx"],
4
- "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst variants = ['solid', 'soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst avatarPropDefs = {\n ...asChildPropDef,\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '3', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n ...accentColorPropDef,\n ...highContrastPropDef,\n ...radiusPropDef,\n fallback: { type: 'ReactNode', required: true },\n panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n fallback: PropDef<React.ReactNode>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { avatarPropDefs };\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACpDC,EAAW,CAAC,QAAS,OAAQ,UAAW,SAAS,EACjDC,EAAmB,CAAC,QAAS,aAAa,EAE1CR,EAAiB,CACrB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAG,qBACH,GAAG,sBACH,GAAG,gBACH,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAC9C,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,CAChF",
6
- "names": ["avatar_props_exports", "__export", "avatarPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants", "panelBackgrounds"]
4
+ "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst avatarPropDefs = {\n ...asChildPropDef,\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '3', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n ...accentColorPropDef,\n ...highContrastPropDef,\n ...radiusPropDef,\n fallback: { type: 'ReactNode', required: true },\n material: { type: 'enum', values: materials, default: undefined },\n /**\n * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n */\n panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n fallback: PropDef<React.ReactNode>;\n material: PropDef<(typeof materials)[number] | undefined>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { avatarPropDefs };\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACpDC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCT,EAAiB,CACrB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAG,qBACH,GAAG,sBACH,GAAG,gBACH,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAC9C,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,MAAU,EAIhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,CAChF",
6
+ "names": ["avatar_props_exports", "__export", "avatarPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants", "panelBackgrounds", "materials"]
7
7
  }
@@ -4,7 +4,14 @@ import type { MarginProps } from '../props/margin.props.js';
4
4
  import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
5
5
  import type { GetPropDefTypes } from '../props/prop-def.js';
6
6
  type BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;
7
- interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps>, MarginProps, BadgeOwnProps {
7
+ interface BadgeTooltipProps {
8
+ tooltip?: React.ReactNode;
9
+ tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
10
+ tooltipAlign?: 'start' | 'center' | 'end';
11
+ tooltipDelayDuration?: number;
12
+ tooltipDisableHoverableContent?: boolean;
13
+ }
14
+ interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps>, MarginProps, BadgeOwnProps, BadgeTooltipProps {
8
15
  }
9
16
  declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
10
17
  export { Badge };
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;AAC3D,UAAU,UACR,SAAQ,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,EACjD,WAAW,EACX,aAAa;CAAG;AACpB,QAAA,MAAM,KAAK,oFAiBT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;AAG3D,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,UAAU,UACR,SAAQ,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,EACjD,WAAW,EACX,aAAa,EACb,iBAAiB;CAAG;AAExB,QAAA,MAAM,KAAK,oFAkET,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var R=Object.create;var a=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var C=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},m=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of b(e))!x.call(o,p)&&p!==r&&a(o,p,{get:()=>e[p],enumerable:!(t=D(e,p))||t.enumerable});return o};var n=(o,e,r)=>(r=o!=null?R(h(o)):{},m(e||!o||!o.__esModule?a(r,"default",{value:o,enumerable:!0}):r,o)),N=o=>m(a({},"__esModule",{value:!0}),o);var j={};C(j,{Badge:()=>s});module.exports=N(j);var d=n(require("react")),f=n(require("classnames")),i=require("radix-ui"),g=require("./badge.props.js"),P=require("../helpers/extract-props.js"),c=require("../props/margin.props.js");const s=d.forwardRef((o,e)=>{const{asChild:r,className:t,color:p,radius:l,panelBackground:B,...y}=(0,P.extractProps)(o,g.badgePropDefs,c.marginPropDefs),u=r?i.Slot.Root:"span";return d.createElement(u,{"data-accent-color":p,"data-radius":l,"data-panel-background":B,...y,ref:e,className:(0,f.default)("rt-reset","rt-Badge",t)})});s.displayName="Badge";
1
+ "use strict";var x=Object.create;var i=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var S=(e,o)=>{for(var t in o)i(e,t,{get:o[t],enumerable:!0})},c=(e,o,t,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of j(o))!H.call(e,r)&&r!==t&&i(e,r,{get:()=>o[r],enumerable:!(p=E(o,r))||p.enumerable});return e};var g=(e,o,t)=>(t=e!=null?x(k(e)):{},c(o||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),W=e=>c(i({},"__esModule",{value:!0}),e);var A={};S(A,{Badge:()=>s});module.exports=W(A);var a=g(require("react")),P=g(require("classnames")),u=require("radix-ui"),b=require("./badge.props.js"),B=require("../helpers/extract-props.js"),y=require("../props/margin.props.js"),D=require("./tooltip.js");const s=a.forwardRef((e,o)=>{const{asChild:t,className:p,children:r,color:v,radius:C,material:l,panelBackground:n,tooltip:d,tooltipSide:h="top",tooltipAlign:R="center",tooltipDelayDuration:T,tooltipDisableHoverableContent:w,...M}=(0,B.extractProps)(e,b.badgePropDefs,y.marginPropDefs),m=a.useMemo(()=>l??n,[l,n]);a.useEffect(()=>{n!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[n]);const N=a.useMemo(()=>t?u.Slot.Root:"span",[t]),f=a.createElement(N,{"data-accent-color":v,"data-radius":C,"data-material":m,"data-panel-background":m,...M,ref:o,className:(0,P.default)("rt-reset","rt-Badge",p)},r);return d?a.createElement(D.Tooltip,{content:d,side:h,align:R,delayDuration:T,disableHoverableContent:w},f):f});s.displayName="Badge";
2
2
  //# sourceMappingURL=badge.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/badge.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { badgePropDefs } from './badge.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype BadgeElement = React.ElementRef<'span'>;\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;\ninterface BadgeProps\n extends ComponentPropsWithout<'span', RemovedProps>,\n MarginProps,\n BadgeOwnProps {}\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n const { asChild, className, color, radius, panelBackground, ...badgeProps } = extractProps(\n props,\n badgePropDefs,\n marginPropDefs,\n );\n const Comp = asChild ? Slot.Root : 'span';\n return (\n <Comp\n data-accent-color={color}\n data-radius={radius}\n data-panel-background={panelBackground}\n {...badgeProps}\n ref={forwardedRef}\n className={classNames('rt-reset', 'rt-Badge', className)}\n />\n );\n});\nBadge.displayName = 'Badge';\n\nexport { Badge };\nexport type { BadgeProps };\n"],
5
- "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAA8B,4BAC9BC,EAA6B,uCAC7BC,EAA+B,oCAY/B,MAAMP,EAAQE,EAAM,WAAqC,CAACM,EAAOC,IAAiB,CAChF,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,GAAGC,CAAW,KAAI,gBAC5EP,EACA,gBACA,gBACF,EACMQ,EAAON,EAAU,OAAK,KAAO,OACnC,OACER,EAAA,cAACc,EAAA,CACC,oBAAmBJ,EACnB,cAAaC,EACb,wBAAuBC,EACtB,GAAGC,EACJ,IAAKN,EACL,aAAW,EAAAQ,SAAW,WAAY,WAAYN,CAAS,EACzD,CAEJ,CAAC,EACDX,EAAM,YAAc",
6
- "names": ["badge_exports", "__export", "Badge", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_badge_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "asChild", "className", "color", "radius", "panelBackground", "badgeProps", "Comp", "classNames"]
4
+ "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { badgePropDefs } from './badge.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { Tooltip } from './tooltip.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype BadgeElement = React.ElementRef<'span'>;\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;\n\n// Tooltip props that can be passed to Badge\ninterface BadgeTooltipProps {\n tooltip?: React.ReactNode;\n tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n tooltipAlign?: 'start' | 'center' | 'end';\n tooltipDelayDuration?: number;\n tooltipDisableHoverableContent?: boolean;\n}\n\ninterface BadgeProps\n extends ComponentPropsWithout<'span', RemovedProps>,\n MarginProps,\n BadgeOwnProps,\n BadgeTooltipProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n const {\n asChild,\n className,\n children,\n color,\n radius,\n material,\n panelBackground,\n tooltip,\n tooltipSide = 'top',\n tooltipAlign = 'center',\n tooltipDelayDuration,\n tooltipDisableHoverableContent,\n ...badgeProps\n } = extractProps(props, badgePropDefs, marginPropDefs);\n\n // Memoize material calculation for performance\n const effectiveMaterial = React.useMemo(\n () => material ?? panelBackground,\n [material, panelBackground],\n );\n\n // Show deprecation warning for panelBackground when used\n React.useEffect(() => {\n if (panelBackground !== undefined) {\n console.warn(\n 'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n );\n }\n }, [panelBackground]);\n\n // Memoize component variable to prevent unnecessary re-renders\n const Comp = React.useMemo(() => (asChild ? Slot.Root : 'span'), [asChild]);\n\n const badge = (\n <Comp\n data-accent-color={color}\n data-radius={radius}\n data-material={effectiveMaterial}\n data-panel-background={effectiveMaterial}\n {...badgeProps}\n ref={forwardedRef}\n className={classNames('rt-reset', 'rt-Badge', className)}\n >\n {children}\n </Comp>\n );\n\n // If no tooltip is provided, return the badge as-is\n if (!tooltip) {\n return badge;\n }\n\n // Wrap with Tooltip when tooltip content is provided\n return (\n <Tooltip\n content={tooltip}\n side={tooltipSide}\n align={tooltipAlign}\n delayDuration={tooltipDelayDuration}\n disableHoverableContent={tooltipDisableHoverableContent}\n >\n {badge}\n </Tooltip>\n );\n});\nBadge.displayName = 'Badge';\n\nexport { Badge };\nexport type { BadgeProps };\n"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAA8B,4BAC9BC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAAwB,wBAwBxB,MAAMR,EAAQE,EAAM,WAAqC,CAACO,EAAOC,IAAiB,CAChF,KAAM,CACJ,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,GAAGC,CACL,KAAI,gBAAad,EAAO,gBAAe,gBAAc,EAG/Ce,EAAoBtB,EAAM,QAC9B,IAAMc,GAAYC,EAClB,CAACD,EAAUC,CAAe,CAC5B,EAGAf,EAAM,UAAU,IAAM,CAChBe,IAAoB,QACtB,QAAQ,KACN,yHACF,CAEJ,EAAG,CAACA,CAAe,CAAC,EAGpB,MAAMQ,EAAOvB,EAAM,QAAQ,IAAOS,EAAU,OAAK,KAAO,OAAS,CAACA,CAAO,CAAC,EAEpEe,EACJxB,EAAA,cAACuB,EAAA,CACC,oBAAmBX,EACnB,cAAaC,EACb,gBAAeS,EACf,wBAAuBA,EACtB,GAAGD,EACJ,IAAKb,EACL,aAAW,EAAAiB,SAAW,WAAY,WAAYf,CAAS,GAEtDC,CACH,EAIF,OAAKK,EAMHhB,EAAA,cAAC,WACC,QAASgB,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,GAExBI,CACH,EAbOA,CAeX,CAAC,EACD1B,EAAM,YAAc",
6
+ "names": ["badge_exports", "__export", "Badge", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_badge_props", "import_extract_props", "import_margin_props", "import_tooltip", "props", "forwardedRef", "asChild", "className", "children", "color", "radius", "material", "panelBackground", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "badgeProps", "effectiveMaterial", "Comp", "badge", "classNames"]
7
7
  }
@@ -1,4 +1,17 @@
1
1
  declare const badgePropDefs: {
2
+ material: {
3
+ type: "enum";
4
+ values: readonly ["solid", "translucent"];
5
+ default: undefined;
6
+ };
7
+ /**
8
+ * @deprecated Use `material` prop instead. This prop will be removed in a future version.
9
+ */
10
+ panelBackground: {
11
+ type: "enum";
12
+ values: readonly ["solid", "translucent"];
13
+ default: undefined;
14
+ };
2
15
  radius: {
3
16
  type: "enum";
4
17
  values: readonly ["none", "small", "medium", "large", "full"];
@@ -17,7 +30,7 @@ declare const badgePropDefs: {
17
30
  size: {
18
31
  type: "enum";
19
32
  className: string;
20
- values: readonly ["1", "2", "3"];
33
+ values: readonly ["1", "2", "3", "4"];
21
34
  default: "1";
22
35
  responsive: true;
23
36
  };
@@ -27,11 +40,6 @@ declare const badgePropDefs: {
27
40
  values: readonly ["solid", "soft", "surface", "outline", "ghost", "classic"];
28
41
  default: "soft";
29
42
  };
30
- panelBackground: {
31
- type: "enum";
32
- values: ("solid" | "translucent")[];
33
- default: undefined;
34
- };
35
43
  asChild: {
36
44
  type: "boolean";
37
45
  };
@@ -1 +1 @@
1
- {"version":3,"file":"badge.props.d.ts","sourceRoot":"","sources":["../../../src/components/badge.props.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYlB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"badge.props.d.ts","sourceRoot":"","sources":["../../../src/components/badge.props.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,aAAa;;;;;;IAQjB;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOJ,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var t=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(s,e)=>{for(var r in e)t(s,r,{get:e[r],enumerable:!0})},v=(s,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!c.call(s,o)&&o!==r&&t(s,o,{get:()=>e[o],enumerable:!(a=l(e,o))||a.enumerable});return s};var D=s=>v(t({},"__esModule",{value:!0}),s);var g={};d(g,{badgePropDefs:()=>u});module.exports=D(g);var n=require("../props/as-child.prop.js"),p=require("../props/color.prop.js"),i=require("../props/high-contrast.prop.js"),f=require("../props/radius.prop.js");const P=["1","2","3"],y=["solid","soft","surface","outline","ghost","classic"],u={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:P,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"soft"},panelBackground:{type:"enum",values:["solid","translucent"],default:void 0},...p.accentColorPropDef,...i.highContrastPropDef,...f.radiusPropDef};
1
+ "use strict";var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(s,e)=>{for(var t in e)o(s,t,{get:e[t],enumerable:!0})},v=(s,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of m(e))!d.call(s,a)&&a!==t&&o(s,a,{get:()=>e[a],enumerable:!(r=l(e,a))||r.enumerable});return s};var D=s=>v(o({},"__esModule",{value:!0}),s);var z={};c(z,{badgePropDefs:()=>u});module.exports=D(z);var n=require("../props/as-child.prop.js"),i=require("../props/color.prop.js"),p=require("../props/high-contrast.prop.js"),f=require("../props/radius.prop.js");const P=["1","2","3","4"],y=["solid","soft","surface","outline","ghost","classic"],g=["solid","translucent"],b=["solid","translucent"],u={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:P,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"soft"},...i.accentColorPropDef,...p.highContrastPropDef,...f.radiusPropDef,material:{type:"enum",values:b,default:void 0},panelBackground:{type:"enum",values:g,default:void 0}};
2
2
  //# sourceMappingURL=badge.props.js.map