@kushagradhawan/kookie-ui 0.1.16 → 0.1.18

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 (276) hide show
  1. package/components.css +3730 -1072
  2. package/dist/cjs/components/_internal/base-button.d.ts.map +1 -1
  3. package/dist/cjs/components/_internal/base-button.js +1 -1
  4. package/dist/cjs/components/_internal/base-button.js.map +3 -3
  5. package/dist/cjs/components/_internal/base-button.props.d.ts +9 -0
  6. package/dist/cjs/components/_internal/base-button.props.d.ts.map +1 -1
  7. package/dist/cjs/components/_internal/base-button.props.js +1 -1
  8. package/dist/cjs/components/_internal/base-button.props.js.map +3 -3
  9. package/dist/cjs/components/_internal/base-menu.props.d.ts +5 -0
  10. package/dist/cjs/components/_internal/base-menu.props.d.ts.map +1 -1
  11. package/dist/cjs/components/_internal/base-menu.props.js +1 -1
  12. package/dist/cjs/components/_internal/base-menu.props.js.map +3 -3
  13. package/dist/cjs/components/_internal/base-tab-list.props.d.ts +5 -0
  14. package/dist/cjs/components/_internal/base-tab-list.props.d.ts.map +1 -1
  15. package/dist/cjs/components/_internal/base-tab-list.props.js +1 -1
  16. package/dist/cjs/components/_internal/base-tab-list.props.js.map +3 -3
  17. package/dist/cjs/components/alert-dialog.d.ts.map +1 -1
  18. package/dist/cjs/components/alert-dialog.js +1 -1
  19. package/dist/cjs/components/alert-dialog.js.map +3 -3
  20. package/dist/cjs/components/avatar.d.ts.map +1 -1
  21. package/dist/cjs/components/avatar.js +1 -1
  22. package/dist/cjs/components/avatar.js.map +3 -3
  23. package/dist/cjs/components/avatar.props.d.ts +6 -1
  24. package/dist/cjs/components/avatar.props.d.ts.map +1 -1
  25. package/dist/cjs/components/avatar.props.js +1 -1
  26. package/dist/cjs/components/avatar.props.js.map +3 -3
  27. package/dist/cjs/components/badge.d.ts.map +1 -1
  28. package/dist/cjs/components/badge.js +1 -1
  29. package/dist/cjs/components/badge.js.map +3 -3
  30. package/dist/cjs/components/badge.props.d.ts +6 -1
  31. package/dist/cjs/components/badge.props.d.ts.map +1 -1
  32. package/dist/cjs/components/badge.props.js +1 -1
  33. package/dist/cjs/components/badge.props.js.map +2 -2
  34. package/dist/cjs/components/callout.d.ts.map +1 -1
  35. package/dist/cjs/components/callout.js +1 -1
  36. package/dist/cjs/components/callout.js.map +3 -3
  37. package/dist/cjs/components/callout.props.d.ts +5 -0
  38. package/dist/cjs/components/callout.props.d.ts.map +1 -1
  39. package/dist/cjs/components/callout.props.js +1 -1
  40. package/dist/cjs/components/callout.props.js.map +3 -3
  41. package/dist/cjs/components/card.d.ts.map +1 -1
  42. package/dist/cjs/components/card.js +1 -1
  43. package/dist/cjs/components/card.js.map +3 -3
  44. package/dist/cjs/components/card.props.d.ts +11 -2
  45. package/dist/cjs/components/card.props.d.ts.map +1 -1
  46. package/dist/cjs/components/card.props.js +1 -1
  47. package/dist/cjs/components/card.props.js.map +3 -3
  48. package/dist/cjs/components/context-menu.d.ts.map +1 -1
  49. package/dist/cjs/components/context-menu.js +1 -1
  50. package/dist/cjs/components/context-menu.js.map +3 -3
  51. package/dist/cjs/components/dialog.d.ts.map +1 -1
  52. package/dist/cjs/components/dialog.js +1 -1
  53. package/dist/cjs/components/dialog.js.map +3 -3
  54. package/dist/cjs/components/dialog.props.d.ts +5 -0
  55. package/dist/cjs/components/dialog.props.d.ts.map +1 -1
  56. package/dist/cjs/components/dialog.props.js +1 -1
  57. package/dist/cjs/components/dialog.props.js.map +3 -3
  58. package/dist/cjs/components/dropdown-menu.d.ts.map +1 -1
  59. package/dist/cjs/components/dropdown-menu.js +1 -1
  60. package/dist/cjs/components/dropdown-menu.js.map +3 -3
  61. package/dist/cjs/components/image.d.ts +6 -1
  62. package/dist/cjs/components/image.d.ts.map +1 -1
  63. package/dist/cjs/components/image.js +1 -1
  64. package/dist/cjs/components/image.js.map +3 -3
  65. package/dist/cjs/components/popover.d.ts.map +1 -1
  66. package/dist/cjs/components/popover.js +1 -1
  67. package/dist/cjs/components/popover.js.map +3 -3
  68. package/dist/cjs/components/popover.props.d.ts +5 -0
  69. package/dist/cjs/components/popover.props.d.ts.map +1 -1
  70. package/dist/cjs/components/popover.props.js +1 -1
  71. package/dist/cjs/components/popover.props.js.map +3 -3
  72. package/dist/cjs/components/select.d.ts.map +1 -1
  73. package/dist/cjs/components/select.js +1 -1
  74. package/dist/cjs/components/select.js.map +3 -3
  75. package/dist/cjs/components/select.props.d.ts +6 -1
  76. package/dist/cjs/components/select.props.d.ts.map +1 -1
  77. package/dist/cjs/components/select.props.js +1 -1
  78. package/dist/cjs/components/select.props.js.map +2 -2
  79. package/dist/cjs/components/sidebar.d.ts +13 -2
  80. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  81. package/dist/cjs/components/sidebar.js +1 -1
  82. package/dist/cjs/components/sidebar.js.map +3 -3
  83. package/dist/cjs/components/sidebar.props.d.ts +5 -0
  84. package/dist/cjs/components/sidebar.props.d.ts.map +1 -1
  85. package/dist/cjs/components/sidebar.props.js +1 -1
  86. package/dist/cjs/components/sidebar.props.js.map +2 -2
  87. package/dist/cjs/components/tabs.d.ts.map +1 -1
  88. package/dist/cjs/components/tabs.js +1 -1
  89. package/dist/cjs/components/tabs.js.map +3 -3
  90. package/dist/cjs/components/text-area.d.ts.map +1 -1
  91. package/dist/cjs/components/text-area.js +1 -1
  92. package/dist/cjs/components/text-area.js.map +3 -3
  93. package/dist/cjs/components/text-area.props.d.ts +6 -1
  94. package/dist/cjs/components/text-area.props.d.ts.map +1 -1
  95. package/dist/cjs/components/text-area.props.js +1 -1
  96. package/dist/cjs/components/text-area.props.js.map +3 -3
  97. package/dist/cjs/components/text-field.d.ts.map +1 -1
  98. package/dist/cjs/components/text-field.js +2 -2
  99. package/dist/cjs/components/text-field.js.map +3 -3
  100. package/dist/cjs/components/text-field.props.d.ts +6 -1
  101. package/dist/cjs/components/text-field.props.d.ts.map +1 -1
  102. package/dist/cjs/components/text-field.props.js +1 -1
  103. package/dist/cjs/components/text-field.props.js.map +3 -3
  104. package/dist/cjs/components/theme.d.ts.map +1 -1
  105. package/dist/cjs/components/theme.js +1 -1
  106. package/dist/cjs/components/theme.js.map +2 -2
  107. package/dist/cjs/helpers/map-prop-values.js +1 -1
  108. package/dist/cjs/helpers/map-prop-values.js.map +2 -2
  109. package/dist/esm/components/_internal/base-button.d.ts.map +1 -1
  110. package/dist/esm/components/_internal/base-button.js +1 -1
  111. package/dist/esm/components/_internal/base-button.js.map +3 -3
  112. package/dist/esm/components/_internal/base-button.props.d.ts +9 -0
  113. package/dist/esm/components/_internal/base-button.props.d.ts.map +1 -1
  114. package/dist/esm/components/_internal/base-button.props.js +1 -1
  115. package/dist/esm/components/_internal/base-button.props.js.map +3 -3
  116. package/dist/esm/components/_internal/base-menu.props.d.ts +5 -0
  117. package/dist/esm/components/_internal/base-menu.props.d.ts.map +1 -1
  118. package/dist/esm/components/_internal/base-menu.props.js +1 -1
  119. package/dist/esm/components/_internal/base-menu.props.js.map +3 -3
  120. package/dist/esm/components/_internal/base-tab-list.props.d.ts +5 -0
  121. package/dist/esm/components/_internal/base-tab-list.props.d.ts.map +1 -1
  122. package/dist/esm/components/_internal/base-tab-list.props.js +1 -1
  123. package/dist/esm/components/_internal/base-tab-list.props.js.map +3 -3
  124. package/dist/esm/components/alert-dialog.d.ts.map +1 -1
  125. package/dist/esm/components/alert-dialog.js +1 -1
  126. package/dist/esm/components/alert-dialog.js.map +3 -3
  127. package/dist/esm/components/avatar.d.ts.map +1 -1
  128. package/dist/esm/components/avatar.js +1 -1
  129. package/dist/esm/components/avatar.js.map +3 -3
  130. package/dist/esm/components/avatar.props.d.ts +6 -1
  131. package/dist/esm/components/avatar.props.d.ts.map +1 -1
  132. package/dist/esm/components/avatar.props.js +1 -1
  133. package/dist/esm/components/avatar.props.js.map +3 -3
  134. package/dist/esm/components/badge.d.ts.map +1 -1
  135. package/dist/esm/components/badge.js +1 -1
  136. package/dist/esm/components/badge.js.map +3 -3
  137. package/dist/esm/components/badge.props.d.ts +6 -1
  138. package/dist/esm/components/badge.props.d.ts.map +1 -1
  139. package/dist/esm/components/badge.props.js +1 -1
  140. package/dist/esm/components/badge.props.js.map +2 -2
  141. package/dist/esm/components/callout.d.ts.map +1 -1
  142. package/dist/esm/components/callout.js +1 -1
  143. package/dist/esm/components/callout.js.map +3 -3
  144. package/dist/esm/components/callout.props.d.ts +5 -0
  145. package/dist/esm/components/callout.props.d.ts.map +1 -1
  146. package/dist/esm/components/callout.props.js +1 -1
  147. package/dist/esm/components/callout.props.js.map +3 -3
  148. package/dist/esm/components/card.d.ts.map +1 -1
  149. package/dist/esm/components/card.js +1 -1
  150. package/dist/esm/components/card.js.map +3 -3
  151. package/dist/esm/components/card.props.d.ts +11 -2
  152. package/dist/esm/components/card.props.d.ts.map +1 -1
  153. package/dist/esm/components/card.props.js +1 -1
  154. package/dist/esm/components/card.props.js.map +3 -3
  155. package/dist/esm/components/context-menu.d.ts.map +1 -1
  156. package/dist/esm/components/context-menu.js +1 -1
  157. package/dist/esm/components/context-menu.js.map +3 -3
  158. package/dist/esm/components/dialog.d.ts.map +1 -1
  159. package/dist/esm/components/dialog.js +1 -1
  160. package/dist/esm/components/dialog.js.map +3 -3
  161. package/dist/esm/components/dialog.props.d.ts +5 -0
  162. package/dist/esm/components/dialog.props.d.ts.map +1 -1
  163. package/dist/esm/components/dialog.props.js +1 -1
  164. package/dist/esm/components/dialog.props.js.map +3 -3
  165. package/dist/esm/components/dropdown-menu.d.ts.map +1 -1
  166. package/dist/esm/components/dropdown-menu.js +1 -1
  167. package/dist/esm/components/dropdown-menu.js.map +3 -3
  168. package/dist/esm/components/image.d.ts +6 -1
  169. package/dist/esm/components/image.d.ts.map +1 -1
  170. package/dist/esm/components/image.js +1 -1
  171. package/dist/esm/components/image.js.map +3 -3
  172. package/dist/esm/components/popover.d.ts.map +1 -1
  173. package/dist/esm/components/popover.js +1 -1
  174. package/dist/esm/components/popover.js.map +3 -3
  175. package/dist/esm/components/popover.props.d.ts +5 -0
  176. package/dist/esm/components/popover.props.d.ts.map +1 -1
  177. package/dist/esm/components/popover.props.js +1 -1
  178. package/dist/esm/components/popover.props.js.map +3 -3
  179. package/dist/esm/components/select.d.ts.map +1 -1
  180. package/dist/esm/components/select.js +1 -1
  181. package/dist/esm/components/select.js.map +3 -3
  182. package/dist/esm/components/select.props.d.ts +6 -1
  183. package/dist/esm/components/select.props.d.ts.map +1 -1
  184. package/dist/esm/components/select.props.js +1 -1
  185. package/dist/esm/components/select.props.js.map +2 -2
  186. package/dist/esm/components/sidebar.d.ts +13 -2
  187. package/dist/esm/components/sidebar.d.ts.map +1 -1
  188. package/dist/esm/components/sidebar.js +1 -1
  189. package/dist/esm/components/sidebar.js.map +3 -3
  190. package/dist/esm/components/sidebar.props.d.ts +5 -0
  191. package/dist/esm/components/sidebar.props.d.ts.map +1 -1
  192. package/dist/esm/components/sidebar.props.js +1 -1
  193. package/dist/esm/components/sidebar.props.js.map +2 -2
  194. package/dist/esm/components/tabs.d.ts.map +1 -1
  195. package/dist/esm/components/tabs.js +1 -1
  196. package/dist/esm/components/tabs.js.map +3 -3
  197. package/dist/esm/components/text-area.d.ts.map +1 -1
  198. package/dist/esm/components/text-area.js +1 -1
  199. package/dist/esm/components/text-area.js.map +3 -3
  200. package/dist/esm/components/text-area.props.d.ts +6 -1
  201. package/dist/esm/components/text-area.props.d.ts.map +1 -1
  202. package/dist/esm/components/text-area.props.js +1 -1
  203. package/dist/esm/components/text-area.props.js.map +3 -3
  204. package/dist/esm/components/text-field.d.ts.map +1 -1
  205. package/dist/esm/components/text-field.js +2 -2
  206. package/dist/esm/components/text-field.js.map +3 -3
  207. package/dist/esm/components/text-field.props.d.ts +6 -1
  208. package/dist/esm/components/text-field.props.d.ts.map +1 -1
  209. package/dist/esm/components/text-field.props.js +1 -1
  210. package/dist/esm/components/text-field.props.js.map +3 -3
  211. package/dist/esm/components/theme.d.ts.map +1 -1
  212. package/dist/esm/components/theme.js +1 -1
  213. package/dist/esm/components/theme.js.map +2 -2
  214. package/dist/esm/helpers/map-prop-values.js +1 -1
  215. package/dist/esm/helpers/map-prop-values.js.map +2 -2
  216. package/package.json +1 -1
  217. package/src/components/_internal/base-button.css +518 -110
  218. package/src/components/_internal/base-button.props.ts +5 -0
  219. package/src/components/_internal/base-button.tsx +4 -0
  220. package/src/components/_internal/base-card.css +59 -11
  221. package/src/components/_internal/base-dialog.css +26 -9
  222. package/src/components/_internal/base-menu.css +192 -21
  223. package/src/components/_internal/base-menu.props.ts +7 -0
  224. package/src/components/_internal/base-tab-list.css +56 -5
  225. package/src/components/_internal/base-tab-list.props.ts +3 -0
  226. package/src/components/alert-dialog.tsx +22 -7
  227. package/src/components/animations.css +31 -0
  228. package/src/components/avatar.css +436 -9
  229. package/src/components/avatar.props.tsx +4 -1
  230. package/src/components/avatar.tsx +19 -6
  231. package/src/components/badge.css +222 -7
  232. package/src/components/badge.props.tsx +3 -1
  233. package/src/components/badge.tsx +3 -2
  234. package/src/components/button.css +17 -17
  235. package/src/components/callout.css +75 -6
  236. package/src/components/callout.props.tsx +3 -0
  237. package/src/components/callout.tsx +6 -5
  238. package/src/components/card.css +361 -44
  239. package/src/components/card.props.tsx +7 -2
  240. package/src/components/card.tsx +7 -1
  241. package/src/components/context-menu.tsx +47 -22
  242. package/src/components/dialog.props.tsx +3 -0
  243. package/src/components/dialog.tsx +22 -7
  244. package/src/components/dropdown-menu.css +10 -10
  245. package/src/components/dropdown-menu.tsx +37 -11
  246. package/src/components/icon-button.css +36 -8
  247. package/src/components/image.tsx +92 -73
  248. package/src/components/kbd.css +122 -54
  249. package/src/components/popover.css +22 -3
  250. package/src/components/popover.props.tsx +3 -0
  251. package/src/components/popover.tsx +15 -8
  252. package/src/components/select.css +386 -95
  253. package/src/components/select.props.tsx +7 -1
  254. package/src/components/select.tsx +21 -13
  255. package/src/components/sidebar.css +201 -86
  256. package/src/components/sidebar.props.tsx +15 -3
  257. package/src/components/sidebar.tsx +306 -235
  258. package/src/components/tabs.css +3 -1
  259. package/src/components/tabs.tsx +8 -3
  260. package/src/components/text-area.css +323 -32
  261. package/src/components/text-area.props.tsx +4 -1
  262. package/src/components/text-area.tsx +3 -2
  263. package/src/components/text-field.css +336 -15
  264. package/src/components/text-field.props.tsx +4 -1
  265. package/src/components/text-field.tsx +5 -7
  266. package/src/components/theme.tsx +11 -9
  267. package/src/helpers/map-prop-values.ts +1 -1
  268. package/src/styles/tokens/color.css +19 -5
  269. package/src/styles/tokens/constants.css +118 -0
  270. package/src/styles/tokens/index.css +1 -0
  271. package/src/styles/tokens/radius.css +9 -6
  272. package/src/styles/tokens/shadow.css +10 -10
  273. package/src/styles/tokens/transition.css +33 -1
  274. package/styles.css +3846 -1089
  275. package/tokens/base.css +51 -22
  276. package/tokens.css +133 -34
@@ -1 +1 @@
1
- {"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAQ5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAGrE,KAAK,0BAA0B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACxE,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,kBAAkB,GACpB,WAAW,GACX,qBAAqB,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,kBAAkB,GAAG,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;AAE/F,UAAU,eAAgB,SAAQ,0BAA0B;CAAG;AAE/D,QAAA,MAAM,UAAU,2FA8Ed,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAQ5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAGrE,KAAK,0BAA0B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACxE,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,kBAAkB,GACpB,WAAW,GACX,qBAAqB,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,kBAAkB,GAAG,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;AAE/F,UAAU,eAAgB,SAAQ,0BAA0B;CAAG;AAE/D,QAAA,MAAM,UAAU,2FAkFd,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var E=Object.create;var a=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var k=(e,o)=>{for(var s in o)a(e,s,{get:o[s],enumerable:!0})},f=(e,o,s,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of I(o))!O.call(e,n)&&n!==s&&a(e,n,{get:()=>o[n],enumerable:!(r=N(o,n))||r.enumerable});return e};var y=(e,o,s)=>(s=e!=null?E(M(e)):{},f(o||!e||!e.__esModule?a(s,"default",{value:e,enumerable:!0}):s,e)),F=e=>f(a({},"__esModule",{value:!0}),e);var G={};k(G,{BaseButton:()=>l});module.exports=F(G);var t=y(require("react")),P=y(require("classnames")),c=require("radix-ui"),d=require("./base-button.props.js"),b=require("../flex.js"),h=require("../spinner.js"),g=require("../visually-hidden.js"),C=require("../../helpers/extract-props.js"),i=require("../../helpers/map-prop-values.js"),x=require("../../props/margin.props.js");const l=t.forwardRef((e,o)=>{const{size:s=d.baseButtonPropDefs.size.default}=e,{className:r,children:n,asChild:m,as:p,color:w,radius:D,disabled:u=e.loading,...z}=(0,C.extractProps)(e,d.baseButtonPropDefs,x.marginPropDefs),S=m?c.Slot.Root:p||"button",T=m||!p||["button","input","textarea","select"].includes(p),j=t.useId(),B=e.loading?`${j}-loading`:void 0,v=e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":B}:{};return t.createElement(S,{"data-disabled":u||void 0,"data-accent-color":w,"data-radius":D,...z,...v,ref:o,className:(0,P.default)("rt-reset","rt-BaseButton",r),...T&&{disabled:u}},e.loading?t.createElement(t.Fragment,null,t.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),t.createElement(g.VisuallyHidden,null,t.createElement("span",{id:B},"Loading, please wait..."),n),t.createElement(b.Flex,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},t.createElement("span",null,t.createElement(h.Spinner,{size:(0,i.mapResponsiveProp)(s,i.mapButtonSizeToSpinnerSize),"aria-hidden":"true"})))):n)});l.displayName="BaseButton";
1
+ "use strict";var N=Object.create;var r=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var G=(e,o)=>{for(var s in o)r(e,s,{get:o[s],enumerable:!0})},B=(e,o,s,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of M(o))!F.call(e,n)&&n!==s&&r(e,n,{get:()=>o[n],enumerable:!(a=I(o,n))||a.enumerable});return e};var c=(e,o,s)=>(s=e!=null?N(O(e)):{},B(o||!e||!e.__esModule?r(s,"default",{value:e,enumerable:!0}):s,e)),H=e=>B(r({},"__esModule",{value:!0}),e);var V={};G(V,{BaseButton:()=>l});module.exports=H(V);var t=c(require("react")),y=c(require("classnames")),P=require("radix-ui"),d=require("./base-button.props.js"),b=require("../flex.js"),h=require("../spinner.js"),g=require("../visually-hidden.js"),C=require("../../helpers/extract-props.js"),i=require("../../helpers/map-prop-values.js"),x=require("../../props/margin.props.js");const l=t.forwardRef((e,o)=>{const{size:s=d.baseButtonPropDefs.size.default}=e,{className:a,children:n,asChild:u,as:p,color:w,radius:D,panelBackground:z,flush:S,disabled:m=e.loading,...T}=(0,C.extractProps)(e,d.baseButtonPropDefs,x.marginPropDefs),j=u?P.Slot.Root:p||"button",k=u||!p||["button","input","textarea","select"].includes(p),v=t.useId(),f=e.loading?`${v}-loading`:void 0,E=e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":f}:{};return t.createElement(j,{"data-disabled":m||void 0,"data-accent-color":w,"data-radius":D,"data-panel-background":z,"data-flush":S?"true":void 0,...T,...E,ref:o,className:(0,y.default)("rt-reset","rt-BaseButton",a),...k&&{disabled:m}},e.loading?t.createElement(t.Fragment,null,t.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),t.createElement(g.VisuallyHidden,null,t.createElement("span",{id:f},"Loading, please wait..."),n),t.createElement(b.Flex,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},t.createElement("span",null,t.createElement(h.Spinner,{size:(0,i.mapResponsiveProp)(s,i.mapButtonSizeToSpinnerSize),"aria-hidden":"true"})))):n)});l.displayName="BaseButton";
2
2
  //# sourceMappingURL=base-button.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/_internal/base-button.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { baseButtonPropDefs } from './base-button.props.js';\nimport { Flex } from '../flex.js';\nimport { Spinner } from '../spinner.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { extractProps } from '../../helpers/extract-props.js';\nimport { mapResponsiveProp, mapButtonSizeToSpinnerSize } from '../../helpers/map-prop-values.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 BaseButtonElement = React.ElementRef<'button'>;\ntype BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;\n\n// Polymorphic types using the proper ComponentPropsWithout pattern\ntype PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {\n as?: C;\n} & BaseButtonOwnProps &\n MarginProps &\n ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | keyof MarginProps | 'as'>;\n\ninterface BaseButtonProps extends PolymorphicBaseButtonProps {}\n\nconst BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((props, forwardedRef) => {\n const { size = baseButtonPropDefs.size.default } = props;\n const {\n className,\n children,\n asChild,\n as,\n color,\n radius,\n disabled = props.loading,\n ...baseButtonProps\n } = extractProps(props, baseButtonPropDefs, marginPropDefs);\n\n // asChild takes precedence over as prop\n const Comp = asChild ? Slot.Root : as || 'button';\n\n // Only pass disabled for elements that support it\n const shouldPassDisabled =\n asChild || !as || ['button', 'input', 'textarea', 'select'].includes(as);\n\n // Generate unique ID for loading announcements\n const loadingId = React.useId();\n const describedById = props.loading ? `${loadingId}-loading` : undefined;\n\n // Enhanced accessibility props for loading state\n const accessibilityProps = props.loading\n ? {\n 'aria-busy': true,\n 'aria-disabled': true,\n 'aria-describedby': describedById,\n }\n : {};\n\n return (\n <Comp\n // The `data-disabled` attribute enables correct styles when doing `<Button asChild disabled>`\n data-disabled={disabled || undefined}\n data-accent-color={color}\n data-radius={radius}\n {...baseButtonProps}\n {...accessibilityProps}\n ref={forwardedRef}\n className={classNames('rt-reset', 'rt-BaseButton', className)}\n {...(shouldPassDisabled && { disabled })}\n >\n {props.loading ? (\n <>\n {/**\n * We need a wrapper to set `visibility: hidden` to hide the button content whilst we show the `Spinner`.\n * The button is a flex container with a `gap`, so we use `display: contents` to ensure the correct flex layout.\n *\n * However, `display: contents` removes the content from the accessibility tree in some browsers,\n * so we force remove it with `aria-hidden` and re-add it in the tree with `VisuallyHidden`\n */}\n <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n {children}\n </span>\n\n {/* Enhanced accessibility for loading state */}\n <VisuallyHidden>\n <span id={describedById}>Loading, please wait...</span>\n {children}\n </VisuallyHidden>\n\n <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n <span>\n <Spinner\n size={mapResponsiveProp(size, mapButtonSizeToSpinnerSize)}\n aria-hidden=\"true\"\n />\n </span>\n </Flex>\n </>\n ) : (\n children\n )}\n </Comp>\n );\n});\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\nexport type { BaseButtonProps };\n"],
5
- "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAAmC,kCACnCC,EAAqB,sBACrBC,EAAwB,yBACxBC,EAA+B,iCAC/BC,EAA6B,0CAC7BC,EAA8D,4CAC9DC,EAA+B,uCAkB/B,MAAMX,EAAaE,EAAM,WAA+C,CAACU,EAAOC,IAAiB,CAC/F,KAAM,CAAE,KAAAC,EAAO,qBAAmB,KAAK,OAAQ,EAAIF,EAC7C,CACJ,UAAAG,EACA,SAAAC,EACA,QAAAC,EACA,GAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EAAWT,EAAM,QACjB,GAAGU,CACL,KAAI,gBAAaV,EAAO,qBAAoB,gBAAc,EAGpDW,EAAON,EAAU,OAAK,KAAOC,GAAM,SAGnCM,EACJP,GAAW,CAACC,GAAM,CAAC,SAAU,QAAS,WAAY,QAAQ,EAAE,SAASA,CAAE,EAGnEO,EAAYvB,EAAM,MAAM,EACxBwB,EAAgBd,EAAM,QAAU,GAAGa,CAAS,WAAa,OAGzDE,EAAqBf,EAAM,QAC7B,CACE,YAAa,GACb,gBAAiB,GACjB,mBAAoBc,CACtB,EACA,CAAC,EAEL,OACExB,EAAA,cAACqB,EAAA,CAEC,gBAAeF,GAAY,OAC3B,oBAAmBF,EACnB,cAAaC,EACZ,GAAGE,EACH,GAAGK,EACJ,IAAKd,EACL,aAAW,EAAAe,SAAW,WAAY,gBAAiBb,CAAS,EAC3D,GAAIS,GAAsB,CAAE,SAAAH,CAAS,GAErCT,EAAM,QACLV,EAAA,cAAAA,EAAA,cAQEA,EAAA,cAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,IACpEc,CACH,EAGAd,EAAA,cAAC,sBACCA,EAAA,cAAC,QAAK,GAAIwB,GAAe,yBAAuB,EAC/CV,CACH,EAEAd,EAAA,cAAC,QAAK,QAAO,GAAC,MAAM,SAAS,QAAQ,SAAS,SAAS,WAAW,MAAM,KACtEA,EAAA,cAAC,YACCA,EAAA,cAAC,WACC,QAAM,qBAAkBY,EAAM,4BAA0B,EACxD,cAAY,OACd,CACF,CACF,CACF,EAEAE,CAEJ,CAEJ,CAAC,EACDhB,EAAW,YAAc",
6
- "names": ["base_button_exports", "__export", "BaseButton", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_base_button_props", "import_flex", "import_spinner", "import_visually_hidden", "import_extract_props", "import_map_prop_values", "import_margin_props", "props", "forwardedRef", "size", "className", "children", "asChild", "as", "color", "radius", "disabled", "baseButtonProps", "Comp", "shouldPassDisabled", "loadingId", "describedById", "accessibilityProps", "classNames"]
4
+ "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { baseButtonPropDefs } from './base-button.props.js';\nimport { Flex } from '../flex.js';\nimport { Spinner } from '../spinner.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { extractProps } from '../../helpers/extract-props.js';\nimport { mapResponsiveProp, mapButtonSizeToSpinnerSize } from '../../helpers/map-prop-values.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 BaseButtonElement = React.ElementRef<'button'>;\ntype BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;\n\n// Polymorphic types using the proper ComponentPropsWithout pattern\ntype PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {\n as?: C;\n} & BaseButtonOwnProps &\n MarginProps &\n ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | keyof MarginProps | 'as'>;\n\ninterface BaseButtonProps extends PolymorphicBaseButtonProps {}\n\nconst BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((props, forwardedRef) => {\n const { size = baseButtonPropDefs.size.default } = props;\n const {\n className,\n children,\n asChild,\n as,\n color,\n radius,\n panelBackground,\n flush,\n disabled = props.loading,\n ...baseButtonProps\n } = extractProps(props, baseButtonPropDefs, marginPropDefs);\n\n // asChild takes precedence over as prop\n const Comp = asChild ? Slot.Root : as || 'button';\n\n // Only pass disabled for elements that support it\n const shouldPassDisabled =\n asChild || !as || ['button', 'input', 'textarea', 'select'].includes(as);\n\n // Generate unique ID for loading announcements\n const loadingId = React.useId();\n const describedById = props.loading ? `${loadingId}-loading` : undefined;\n\n // Enhanced accessibility props for loading state\n const accessibilityProps = props.loading\n ? {\n 'aria-busy': true,\n 'aria-disabled': true,\n 'aria-describedby': describedById,\n }\n : {};\n\n return (\n <Comp\n // The `data-disabled` attribute enables correct styles when doing `<Button asChild disabled>`\n data-disabled={disabled || undefined}\n data-accent-color={color}\n data-radius={radius}\n data-panel-background={panelBackground}\n data-flush={flush ? 'true' : undefined}\n {...baseButtonProps}\n {...accessibilityProps}\n ref={forwardedRef}\n className={classNames('rt-reset', 'rt-BaseButton', className)}\n {...(shouldPassDisabled && { disabled })}\n >\n {props.loading ? (\n <>\n {/**\n * We need a wrapper to set `visibility: hidden` to hide the button content whilst we show the `Spinner`.\n * The button is a flex container with a `gap`, so we use `display: contents` to ensure the correct flex layout.\n *\n * However, `display: contents` removes the content from the accessibility tree in some browsers,\n * so we force remove it with `aria-hidden` and re-add it in the tree with `VisuallyHidden`\n */}\n <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n {children}\n </span>\n\n {/* Enhanced accessibility for loading state */}\n <VisuallyHidden>\n <span id={describedById}>Loading, please wait...</span>\n {children}\n </VisuallyHidden>\n\n <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n <span>\n <Spinner\n size={mapResponsiveProp(size, mapButtonSizeToSpinnerSize)}\n aria-hidden=\"true\"\n />\n </span>\n </Flex>\n </>\n ) : (\n children\n )}\n </Comp>\n );\n});\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\nexport type { BaseButtonProps };\n"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAAmC,kCACnCC,EAAqB,sBACrBC,EAAwB,yBACxBC,EAA+B,iCAC/BC,EAA6B,0CAC7BC,EAA8D,4CAC9DC,EAA+B,uCAkB/B,MAAMX,EAAaE,EAAM,WAA+C,CAACU,EAAOC,IAAiB,CAC/F,KAAM,CAAE,KAAAC,EAAO,qBAAmB,KAAK,OAAQ,EAAIF,EAC7C,CACJ,UAAAG,EACA,SAAAC,EACA,QAAAC,EACA,GAAAC,EACA,MAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,SAAAC,EAAWX,EAAM,QACjB,GAAGY,CACL,KAAI,gBAAaZ,EAAO,qBAAoB,gBAAc,EAGpDa,EAAOR,EAAU,OAAK,KAAOC,GAAM,SAGnCQ,EACJT,GAAW,CAACC,GAAM,CAAC,SAAU,QAAS,WAAY,QAAQ,EAAE,SAASA,CAAE,EAGnES,EAAYzB,EAAM,MAAM,EACxB0B,EAAgBhB,EAAM,QAAU,GAAGe,CAAS,WAAa,OAGzDE,EAAqBjB,EAAM,QAC7B,CACE,YAAa,GACb,gBAAiB,GACjB,mBAAoBgB,CACtB,EACA,CAAC,EAEL,OACE1B,EAAA,cAACuB,EAAA,CAEC,gBAAeF,GAAY,OAC3B,oBAAmBJ,EACnB,cAAaC,EACb,wBAAuBC,EACvB,aAAYC,EAAQ,OAAS,OAC5B,GAAGE,EACH,GAAGK,EACJ,IAAKhB,EACL,aAAW,EAAAiB,SAAW,WAAY,gBAAiBf,CAAS,EAC3D,GAAIW,GAAsB,CAAE,SAAAH,CAAS,GAErCX,EAAM,QACLV,EAAA,cAAAA,EAAA,cAQEA,EAAA,cAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,IACpEc,CACH,EAGAd,EAAA,cAAC,sBACCA,EAAA,cAAC,QAAK,GAAI0B,GAAe,yBAAuB,EAC/CZ,CACH,EAEAd,EAAA,cAAC,QAAK,QAAO,GAAC,MAAM,SAAS,QAAQ,SAAS,SAAS,WAAW,MAAM,KACtEA,EAAA,cAAC,YACCA,EAAA,cAAC,WACC,QAAM,qBAAkBY,EAAM,4BAA0B,EACxD,cAAY,OACd,CACF,CACF,CACF,EAEAE,CAEJ,CAEJ,CAAC,EACDhB,EAAW,YAAc",
6
+ "names": ["base_button_exports", "__export", "BaseButton", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_base_button_props", "import_flex", "import_spinner", "import_visually_hidden", "import_extract_props", "import_map_prop_values", "import_margin_props", "props", "forwardedRef", "size", "className", "children", "asChild", "as", "color", "radius", "panelBackground", "flush", "disabled", "baseButtonProps", "Comp", "shouldPassDisabled", "loadingId", "describedById", "accessibilityProps", "classNames"]
7
7
  }
@@ -9,6 +9,15 @@ declare const baseButtonPropDefs: {
9
9
  className: string;
10
10
  default: false;
11
11
  };
12
+ panelBackground: {
13
+ type: "enum";
14
+ values: readonly ["solid", "translucent"];
15
+ default: undefined;
16
+ };
17
+ flush: {
18
+ type: "boolean";
19
+ default: false;
20
+ };
12
21
  radius: {
13
22
  type: "enum";
14
23
  values: readonly ["none", "small", "medium", "large", "full"];
@@ -1 +1 @@
1
- {"version":3,"file":"base-button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcvB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"base-button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.props.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBvB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(o,e)=>{for(var t in e)a(o,t,{get:e[t],enumerable:!0})},D=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of u(e))!d.call(o,s)&&s!==t&&a(o,s,{get:()=>e[s],enumerable:!(r=m(e,s))||r.enumerable});return o};var P=o=>D(a({},"__esModule",{value:!0}),o);var h={};c(h,{baseButtonPropDefs:()=>n});module.exports=P(h);var i=require("../../props/as-child.prop.js"),l=require("../../props/color.prop.js"),f=require("../../props/high-contrast.prop.js"),p=require("../../props/radius.prop.js");const v=["1","2","3","4"],b=["classic","solid","soft","surface","outline","ghost"],n={...i.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:b,default:"solid"},...l.accentColorPropDef,...f.highContrastPropDef,...p.radiusPropDef,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1}};
1
+ "use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var s in e)t(o,s,{get:e[s],enumerable:!0})},D=(o,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of d(e))!c.call(o,a)&&a!==s&&t(o,a,{get:()=>e[a],enumerable:!(r=u(e,a))||r.enumerable});return o};var P=o=>D(t({},"__esModule",{value:!0}),o);var h={};m(h,{baseButtonPropDefs:()=>i});module.exports=P(h);var n=require("../../props/as-child.prop.js"),l=require("../../props/color.prop.js"),f=require("../../props/high-contrast.prop.js"),p=require("../../props/radius.prop.js");const b=["1","2","3","4"],y=["classic","solid","soft","surface","outline","ghost"],g=["solid","translucent"],i={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:b,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"solid"},...l.accentColorPropDef,...f.highContrastPropDef,...p.radiusPropDef,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},panelBackground:{type:"enum",values:g,default:void 0},flush:{type:"boolean",default:!1}};
2
2
  //# sourceMappingURL=base-button.props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/_internal/base-button.props.ts"],
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'] as const;\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\n\nconst baseButtonPropDefs = {\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: 'solid' },\n ...accentColorPropDef,\n ...highContrastPropDef,\n ...radiusPropDef,\n loading: { type: 'boolean', className: 'rt-loading', default: false },\n fullWidth: { type: 'boolean', className: 'rt-full-width', default: false },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n loading: PropDef<boolean>;\n fullWidth: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,wCAC/BC,EAAmC,qCACnCC,EAAoC,6CACpCC,EAA8B,sCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,UAAW,OAAO,EAErEP,EAAqB,CACzB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAG,qBACH,GAAG,sBACH,GAAG,gBACH,QAAS,CAAE,KAAM,UAAW,UAAW,aAAc,QAAS,EAAM,EACpE,UAAW,CAAE,KAAM,UAAW,UAAW,gBAAiB,QAAS,EAAM,CAC3E",
6
- "names": ["base_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants"]
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'] as const;\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst baseButtonPropDefs = {\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: 'solid' },\n ...accentColorPropDef,\n ...highContrastPropDef,\n ...radiusPropDef,\n loading: { type: 'boolean', className: 'rt-loading', default: false },\n fullWidth: { type: 'boolean', className: 'rt-full-width', default: false },\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 loading: PropDef<boolean>;\n fullWidth: PropDef<boolean>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n flush: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,wCAC/BC,EAAmC,qCACnCC,EAAoC,6CACpCC,EAA8B,sCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,UAAW,OAAO,EACrEC,EAAmB,CAAC,QAAS,aAAa,EAE1CR,EAAqB,CACzB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAG,qBACH,GAAG,sBACH,GAAG,gBACH,QAAS,CAAE,KAAM,UAAW,UAAW,aAAc,QAAS,EAAM,EACpE,UAAW,CAAE,KAAM,UAAW,UAAW,gBAAiB,QAAS,EAAM,EACzE,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
6
+ "names": ["base_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants", "panelBackgrounds"]
7
7
  }
@@ -22,6 +22,11 @@ declare const baseMenuContentPropDefs: {
22
22
  values: readonly ["solid", "soft"];
23
23
  default: "solid";
24
24
  };
25
+ panelBackground: {
26
+ type: "enum";
27
+ values: readonly ["solid", "translucent"];
28
+ default: undefined;
29
+ };
25
30
  };
26
31
  declare const baseMenuItemPropDefs: {
27
32
  shortcut: {
@@ -1 +1 @@
1
- {"version":3,"file":"base-menu.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;CAmB5B,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAMzB,CAAC;AAEF,QAAA,MAAM,4BAA4B;;;;;;;;;CAKjC,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;CAE9B,CAAC;AAEF,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,GAC1B,CAAC"}
1
+ {"version":3,"file":"base-menu.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB5B,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAMzB,CAAC;AAEF,QAAA,MAAM,4BAA4B;;;;;;;;;CAKjC,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;CAE9B,CAAC;AAEF,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,GAC1B,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var n=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})},b=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of P(t))!l.call(e,s)&&s!==r&&n(e,s,{get:()=>t[s],enumerable:!(a=D(t,s))||a.enumerable});return e};var d=e=>b(n({},"__esModule",{value:!0}),e);var g={};h(g,{baseMenuCheckboxItemPropDefs:()=>m,baseMenuContentPropDefs:()=>f,baseMenuItemPropDefs:()=>c,baseMenuRadioItemPropDefs:()=>u});module.exports=d(g);var i=require("../../props/as-child.prop.js"),o=require("../../props/color.prop.js"),p=require("../../props/high-contrast.prop.js");const y=["1","2"],v=["solid","soft"],f={size:{type:"enum",className:"rt-r-size",values:y,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"solid"},...o.colorPropDef,...p.highContrastPropDef},c={...i.asChildPropDef,...o.colorPropDef,shortcut:{type:"string"}},m={...o.colorPropDef,shortcut:{type:"string"}},u={...o.colorPropDef};
1
+ "use strict";var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var n in e)r(t,n,{get:e[n],enumerable:!0})},g=(t,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of d(e))!D.call(t,s)&&s!==n&&r(t,s,{get:()=>e[s],enumerable:!(a=l(e,s))||a.enumerable});return t};var y=t=>g(r({},"__esModule",{value:!0}),t);var k={};P(k,{baseMenuCheckboxItemPropDefs:()=>c,baseMenuContentPropDefs:()=>f,baseMenuItemPropDefs:()=>u,baseMenuRadioItemPropDefs:()=>m});module.exports=y(k);var p=require("../../props/as-child.prop.js"),o=require("../../props/color.prop.js"),i=require("../../props/high-contrast.prop.js");const b=["1","2"],h=["solid","soft"],v=["solid","translucent"],f={size:{type:"enum",className:"rt-r-size",values:b,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:h,default:"solid"},panelBackground:{type:"enum",values:v,default:void 0},...o.colorPropDef,...i.highContrastPropDef},u={...p.asChildPropDef,...o.colorPropDef,shortcut:{type:"string"}},c={...o.colorPropDef,shortcut:{type:"string"}},m={...o.colorPropDef};
2
2
  //# sourceMappingURL=base-menu.props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/_internal/base-menu.props.ts"],
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';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst contentSizes = ['1', '2'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\n\nconst baseMenuContentPropDefs = {\n size: {\n type: 'enum',\n className: 'rt-r-size',\n values: contentSizes,\n default: '2',\n responsive: true,\n },\n variant: {\n type: 'enum',\n className: 'rt-variant',\n values: contentVariants,\n default: 'solid',\n },\n ...colorPropDef,\n ...highContrastPropDef,\n} satisfies {\n size: PropDef<(typeof contentSizes)[number]>;\n variant: PropDef<(typeof contentVariants)[number]>;\n};\n\nconst baseMenuItemPropDefs = {\n ...asChildPropDef,\n ...colorPropDef,\n shortcut: { type: 'string' },\n} satisfies {\n shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n ...colorPropDef,\n shortcut: { type: 'string' },\n} satisfies {\n shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n ...colorPropDef,\n};\n\nexport {\n baseMenuContentPropDefs,\n baseMenuItemPropDefs,\n baseMenuCheckboxItemPropDefs,\n baseMenuRadioItemPropDefs,\n};\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAA+B,wCAC/BC,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAe,CAAC,IAAK,GAAG,EACxBC,EAAkB,CAAC,QAAS,MAAM,EAElCR,EAA0B,CAC9B,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQO,EACR,QAAS,IACT,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,OACX,EACA,GAAG,eACH,GAAG,qBACL,EAKMP,EAAuB,CAC3B,GAAG,iBACH,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMF,EAA+B,CACnC,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMG,EAA4B,CAChC,GAAG,cACL",
6
- "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "contentSizes", "contentVariants"]
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';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst contentSizes = ['1', '2'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst baseMenuContentPropDefs = {\n size: {\n type: 'enum',\n className: 'rt-r-size',\n values: contentSizes,\n default: '2',\n responsive: true,\n },\n variant: {\n type: 'enum',\n className: 'rt-variant',\n values: contentVariants,\n default: 'solid',\n },\n panelBackground: {\n type: 'enum',\n values: panelBackgrounds,\n default: undefined,\n },\n ...colorPropDef,\n ...highContrastPropDef,\n} satisfies {\n size: PropDef<(typeof contentSizes)[number]>;\n variant: PropDef<(typeof contentVariants)[number]>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nconst baseMenuItemPropDefs = {\n ...asChildPropDef,\n ...colorPropDef,\n shortcut: { type: 'string' },\n} satisfies {\n shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n ...colorPropDef,\n shortcut: { type: 'string' },\n} satisfies {\n shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n ...colorPropDef,\n};\n\nexport {\n baseMenuContentPropDefs,\n baseMenuItemPropDefs,\n baseMenuCheckboxItemPropDefs,\n baseMenuRadioItemPropDefs,\n};\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAA+B,wCAC/BC,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAe,CAAC,IAAK,GAAG,EACxBC,EAAkB,CAAC,QAAS,MAAM,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAE1CT,EAA0B,CAC9B,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQO,EACR,QAAS,IACT,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,OACX,EACA,gBAAiB,CACf,KAAM,OACN,OAAQC,EACR,QAAS,MACX,EACA,GAAG,eACH,GAAG,qBACL,EAMMR,EAAuB,CAC3B,GAAG,iBACH,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMF,EAA+B,CACnC,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMG,EAA4B,CAChC,GAAG,cACL",
6
+ "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "contentSizes", "contentVariants", "panelBackgrounds"]
7
7
  }
@@ -1,4 +1,9 @@
1
1
  declare const baseTabListPropDefs: {
2
+ panelBackground: {
3
+ type: "enum";
4
+ values: readonly ["solid", "translucent"];
5
+ default: undefined;
6
+ };
2
7
  highContrast: {
3
8
  type: "boolean";
4
9
  className: string;
@@ -1 +1 @@
1
- {"version":3,"file":"base-tab-list.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-tab-list.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBxB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
1
+ {"version":3,"file":"base-tab-list.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-tab-list.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBxB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var o=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(s,e)=>{for(var t in e)o(s,t,{get:e[t],enumerable:!0})},l=(s,e,t,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of i(e))!m.call(s,r)&&r!==t&&o(s,r,{get:()=>e[r],enumerable:!(p=n(e,r))||p.enumerable});return s};var y=s=>l(o({},"__esModule",{value:!0}),s);var P={};c(P,{baseTabListPropDefs:()=>u});module.exports=y(P);var a=require("../../props/color.prop.js"),f=require("../../props/high-contrast.prop.js");const w=["1","2"],v=["nowrap","wrap","wrap-reverse"],D=["start","center","end"],u={size:{type:"enum",className:"rt-r-size",values:w,default:"2",responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:v,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:D,responsive:!0},...a.colorPropDef,...f.highContrastPropDef};
1
+ "use strict";var o=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var l=(s,e)=>{for(var t in e)o(s,t,{get:e[t],enumerable:!0})},m=(s,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of i(e))!c.call(s,r)&&r!==t&&o(s,r,{get:()=>e[r],enumerable:!(a=f(e,r))||a.enumerable});return s};var d=s=>m(o({},"__esModule",{value:!0}),s);var P={};l(P,{baseTabListPropDefs:()=>u});module.exports=d(P);var p=require("../../props/color.prop.js"),n=require("../../props/high-contrast.prop.js");const y=["1","2"],v=["nowrap","wrap","wrap-reverse"],w=["start","center","end"],D=["solid","translucent"],u={size:{type:"enum",className:"rt-r-size",values:y,default:"2",responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:v,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:w,responsive:!0},...p.colorPropDef,...n.highContrastPropDef,panelBackground:{type:"enum",values:D,default:void 0}};
2
2
  //# sourceMappingURL=base-tab-list.props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/_internal/base-tab-list.props.ts"],
4
- "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nconst justifyValues = ['start', 'center', 'end'] as const;\n\nconst baseTabListPropDefs = {\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n wrap: {\n type: 'enum',\n className: 'rt-r-fw',\n values: wrapValues,\n responsive: true,\n },\n justify: {\n type: 'enum',\n className: 'rt-r-jc',\n values: justifyValues,\n responsive: true,\n },\n ...colorPropDef,\n ...highContrastPropDef,\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n wrap: PropDef<(typeof wrapValues)[number]>;\n justify: PropDef<(typeof justifyValues)[number]>;\n};\n\nexport { baseTabListPropDefs };\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAQ,CAAC,IAAK,GAAG,EACjBC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAC9CC,EAAgB,CAAC,QAAS,SAAU,KAAK,EAEzCN,EAAsB,CAC1B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,KAAM,CACJ,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,GAAG,eACH,GAAG,qBACL",
6
- "names": ["base_tab_list_props_exports", "__export", "baseTabListPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "sizes", "wrapValues", "justifyValues"]
4
+ "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nconst justifyValues = ['start', 'center', 'end'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst baseTabListPropDefs = {\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n wrap: {\n type: 'enum',\n className: 'rt-r-fw',\n values: wrapValues,\n responsive: true,\n },\n justify: {\n type: 'enum',\n className: 'rt-r-jc',\n values: justifyValues,\n responsive: true,\n },\n ...colorPropDef,\n ...highContrastPropDef,\n panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n wrap: PropDef<(typeof wrapValues)[number]>;\n justify: PropDef<(typeof justifyValues)[number]>;\n panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { baseTabListPropDefs };\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAQ,CAAC,IAAK,GAAG,EACjBC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAC9CC,EAAgB,CAAC,QAAS,SAAU,KAAK,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAE1CP,EAAsB,CAC1B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,KAAM,CACJ,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,GAAG,eACH,GAAG,sBACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,CAChF",
6
+ "names": ["base_tab_list_props_exports", "__export", "baseTabListPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "sizes", "wrapValues", "justifyValues", "panelBackgrounds"]
7
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,gGAyBvB,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,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,2 +1,2 @@
1
- "use strict";var W=Object.create;var n=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})},C=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of B(t))!S.call(e,l)&&l!==r&&n(e,l,{get:()=>t[l],enumerable:!(a=O(t,l))||a.enumerable});return e};var d=(e,t,r)=>(r=e!=null?W(H(e)):{},C(t||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),j=e=>C(n({},"__esModule",{value:!0}),e);var z={};M(z,{Action:()=>c,Cancel:()=>f,Content:()=>D,Description:()=>P,Root:()=>g,Title:()=>A,Trigger:()=>m});module.exports=j(z);var o=d(require("react")),y=d(require("classnames")),i=require("radix-ui"),v=require("./alert-dialog.props.js"),T=require("./heading.js"),R=require("./text.js"),h=require("./theme.js"),p=require("../helpers/extract-props.js"),s=require("../helpers/require-react-element.js");const g=e=>o.createElement(i.AlertDialog.Root,{...e});g.displayName="AlertDialog.Root";const m=o.forwardRef(({children:e,...t},r)=>o.createElement(i.AlertDialog.Trigger,{...t,ref:r,asChild:!0},(0,s.requireReactElement)(e)));m.displayName="AlertDialog.Trigger";const D=o.forwardRef(({align:e,...t},r)=>{const{align:a,...l}=v.alertDialogContentPropDefs,{className:E}=(0,p.extractProps)({align:e},{align:a}),{className:N,forceMount:u,container:x,...w}=(0,p.extractProps)(t,l);return o.createElement(i.AlertDialog.Portal,{container:x,forceMount:u},o.createElement(h.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 ${E}`},o.createElement(i.AlertDialog.Content,{...w,ref:r,className:(0,y.default)("rt-BaseDialogContent","rt-AlertDialogContent",N)}))))))});D.displayName="AlertDialog.Content";const A=o.forwardRef((e,t)=>o.createElement(i.AlertDialog.Title,{asChild:!0},o.createElement(T.Heading,{size:"5",mb:"3",trim:"start",...e,asChild:!1,ref:t})));A.displayName="AlertDialog.Title";const P=o.forwardRef((e,t)=>o.createElement(i.AlertDialog.Description,{asChild:!0},o.createElement(R.Text,{as:"p",size:"3",...e,asChild:!1,ref:t})));P.displayName="AlertDialog.Description";const c=o.forwardRef(({children:e,...t},r)=>o.createElement(i.AlertDialog.Action,{...t,ref:r,asChild:!0},(0,s.requireReactElement)(e)));c.displayName="AlertDialog.Action";const f=o.forwardRef(({children:e,...t},r)=>o.createElement(i.AlertDialog.Cancel,{...t,ref:r,asChild:!0},(0,s.requireReactElement)(e)));f.displayName="AlertDialog.Cancel";
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";
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 { align: alignPropDef, ...propDefs } = alertDialogContentPropDefs;\n const { className: alignClassName } = extractProps({ align }, { align: alignPropDef });\n const { className, forceMount, container, ...contentProps } = 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 />\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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,WAAAC,EAAA,YAAAC,EAAA,gBAAAC,EAAA,SAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAT,GAAA,IAAAU,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAoD,oBAEpDC,EAA2C,mCAC3CC,EAAwB,wBACxBC,EAAqB,qBACrBC,EAAsB,sBACtBC,EAA6B,uCAC7BC,EAAoC,+CAWpC,MAAMZ,EAAmDa,GACvDT,EAAA,cAAC,EAAAU,YAAqB,KAArB,CAA2B,GAAGD,EAAO,EAExCb,EAAgB,YAAc,mBAK9B,MAAME,EAAqBE,EAAM,WAC/B,CAAC,CAAE,SAAAW,EAAU,GAAGF,CAAM,EAAGG,IACvBZ,EAAA,cAAC,EAAAU,YAAqB,QAArB,CAA8B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAChE,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAb,EAAmB,YAAc,sBAQjC,MAAMJ,EAAqBM,EAAM,WAC/B,CAAC,CAAE,MAAAa,EAAO,GAAGJ,CAAM,EAAGG,IAAiB,CACrC,KAAM,CAAE,MAAOE,EAAc,GAAGC,CAAS,EAAI,6BACvC,CAAE,UAAWC,CAAe,KAAI,gBAAa,CAAE,MAAAH,CAAM,EAAG,CAAE,MAAOC,CAAa,CAAC,EAC/E,CAAE,UAAAG,EAAW,WAAAC,EAAY,UAAAC,EAAW,GAAGC,CAAa,KAAI,gBAAaX,EAAOM,CAAQ,EAC1F,OACEf,EAAA,cAAC,EAAAU,YAAqB,OAArB,CAA4B,UAAWS,EAAW,WAAYD,GAC7DlB,EAAA,cAAC,SAAM,QAAO,IACZA,EAAA,cAAC,EAAAU,YAAqB,QAArB,CAA6B,UAAU,8CACtCV,EAAA,cAAC,OAAI,UAAU,4CACbA,EAAA,cAAC,OACC,UAAW,0DAA0DgB,CAAc,IAEnFhB,EAAA,cAAC,EAAAU,YAAqB,QAArB,CACE,GAAGU,EACJ,IAAKR,EACL,aAAW,EAAAS,SAAW,uBAAwB,wBAAyBJ,CAAS,EAClF,CACF,CACF,CACF,CACF,CACF,CAEJ,CACF,EACAvB,EAAmB,YAAc,sBAIjC,MAAMG,EAAmBG,EAAM,WAC7B,CAACS,EAAOG,IACNZ,EAAA,cAAC,EAAAU,YAAqB,MAArB,CAA2B,QAAO,IACjCV,EAAA,cAAC,WAAQ,KAAK,IAAI,GAAG,IAAI,KAAK,QAAS,GAAGS,EAAO,QAAS,GAAO,IAAKG,EAAc,CACtF,CAEJ,EACAf,EAAiB,YAAc,oBAI/B,MAAMF,EAAyBK,EAAM,WAGnC,CAACS,EAAOG,IACRZ,EAAA,cAAC,EAAAU,YAAqB,YAArB,CAAiC,QAAO,IACvCV,EAAA,cAAC,QAAK,GAAG,IAAI,KAAK,IAAK,GAAGS,EAAO,QAAS,GAAO,IAAKG,EAAc,CACtE,CACD,EACDjB,EAAuB,YAAc,0BAKrC,MAAMH,EAAoBQ,EAAM,WAC9B,CAAC,CAAE,SAAAW,EAAU,GAAGF,CAAM,EAAGG,IACvBZ,EAAA,cAAC,EAAAU,YAAqB,OAArB,CAA6B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAC/D,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAnB,EAAkB,YAAc,qBAKhC,MAAMC,EAAoBO,EAAM,WAC9B,CAAC,CAAE,SAAAW,EAAU,GAAGF,CAAM,EAAGG,IACvBZ,EAAA,cAAC,EAAAU,YAAqB,OAArB,CAA6B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAC/D,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAlB,EAAkB,YAAc",
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", "propDefs", "alignClassName", "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 ...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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,WAAAC,EAAA,YAAAC,EAAA,gBAAAC,EAAA,SAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAT,GAAA,IAAAU,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAoD,oBAEpDC,EAA2C,mCAC3CC,EAAwB,wBACxBC,EAAqB,qBACrBC,EAAsB,sBACtBC,EAA6B,uCAC7BC,EAAoC,+CAWpC,MAAMZ,EAAmDa,GACvDT,EAAA,cAAC,EAAAU,YAAqB,KAArB,CAA2B,GAAGD,EAAO,EAExCb,EAAgB,YAAc,mBAK9B,MAAME,EAAqBE,EAAM,WAC/B,CAAC,CAAE,SAAAW,EAAU,GAAGF,CAAM,EAAGG,IACvBZ,EAAA,cAAC,EAAAU,YAAqB,QAArB,CAA8B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAChE,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAb,EAAmB,YAAc,sBAQjC,MAAMJ,EAAqBM,EAAM,WAC/B,CAAC,CAAE,MAAAa,EAAO,GAAGJ,CAAM,EAAGG,IAAiB,CACrC,KAAM,CACJ,MAAOE,EACP,gBAAiBC,EACjB,GAAGC,CACL,EAAI,6BACE,CAAE,UAAWC,CAAe,KAAI,gBAAa,CAAE,MAAAJ,CAAM,EAAG,CAAE,MAAOC,CAAa,CAAC,EAC/E,CAAE,gBAAAI,CAAgB,KAAI,gBAC1B,CAAE,gBAAiBT,EAAM,eAAgB,EACzC,CAAE,gBAAiBM,CAAuB,CAC5C,EACM,CACJ,UAAAI,EACA,WAAAC,EACA,UAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,KAAI,gBAAad,EAAOO,CAAQ,EAChC,OACEhB,EAAA,cAAC,EAAAU,YAAqB,OAArB,CAA4B,UAAWW,EAAW,WAAYD,GAC7DpB,EAAA,cAAC,SAAM,QAAO,IACZA,EAAA,cAAC,EAAAU,YAAqB,QAArB,CAA6B,UAAU,8CACtCV,EAAA,cAAC,OAAI,UAAU,4CACbA,EAAA,cAAC,OACC,UAAW,0DAA0DiB,CAAc,IAEnFjB,EAAA,cAAC,EAAAU,YAAqB,QAArB,CACE,GAAGa,EACJ,IAAKX,EACL,aAAW,EAAAY,SAAW,uBAAwB,wBAAyBL,CAAS,EAChF,wBAAuBD,EACzB,CACF,CACF,CACF,CACF,CACF,CAEJ,CACF,EACAxB,EAAmB,YAAc,sBAIjC,MAAMG,EAAmBG,EAAM,WAC7B,CAACS,EAAOG,IACNZ,EAAA,cAAC,EAAAU,YAAqB,MAArB,CAA2B,QAAO,IACjCV,EAAA,cAAC,WAAQ,KAAK,IAAI,GAAG,IAAI,KAAK,QAAS,GAAGS,EAAO,QAAS,GAAO,IAAKG,EAAc,CACtF,CAEJ,EACAf,EAAiB,YAAc,oBAI/B,MAAMF,EAAyBK,EAAM,WAGnC,CAACS,EAAOG,IACRZ,EAAA,cAAC,EAAAU,YAAqB,YAArB,CAAiC,QAAO,IACvCV,EAAA,cAAC,QAAK,GAAG,IAAI,KAAK,IAAK,GAAGS,EAAO,QAAS,GAAO,IAAKG,EAAc,CACtE,CACD,EACDjB,EAAuB,YAAc,0BAKrC,MAAMH,EAAoBQ,EAAM,WAC9B,CAAC,CAAE,SAAAW,EAAU,GAAGF,CAAM,EAAGG,IACvBZ,EAAA,cAAC,EAAAU,YAAqB,OAArB,CAA6B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAC/D,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAnB,EAAkB,YAAc,qBAKhC,MAAMC,EAAoBO,EAAM,WAC9B,CAAC,CAAE,SAAAW,EAAU,GAAGF,CAAM,EAAGG,IACvBZ,EAAA,cAAC,EAAAU,YAAqB,OAArB,CAA6B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAC/D,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAlB,EAAkB,YAAc",
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"]
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,sFAmBV,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;AAqCD,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,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,2 +1,2 @@
1
- "use strict";"use client";var h=Object.create;var m=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var D=(r,t)=>{for(var a in t)m(r,a,{get:t[a],enumerable:!0})},v=(r,t,a,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of w(t))!x.call(r,o)&&o!==a&&m(r,o,{get:()=>t[o],enumerable:!(p=N(t,o))||p.enumerable});return r};var f=(r,t,a)=>(a=r!=null?h(C(r)):{},v(t||!r||!r.__esModule?m(a,"default",{value:r,enumerable:!0}):a,r)),S=r=>v(m({},"__esModule",{value:!0}),r);var b={};D(b,{Avatar:()=>n});module.exports=S(b);var e=f(require("react")),i=f(require("classnames")),l=require("radix-ui"),A=require("./avatar.props.js"),P=require("../helpers/extract-props.js"),g=require("../helpers/get-subtree.js"),y=require("../props/margin.props.js");const n=e.forwardRef((r,t)=>{const{asChild:a,children:p,className:o,style:s,color:c,radius:u,...I}=(0,P.extractProps)(r,A.avatarPropDefs,y.marginPropDefs);return e.createElement(l.Avatar.Root,{"data-accent-color":c,"data-radius":u,className:(0,i.default)("rt-reset","rt-AvatarRoot",o),style:s,asChild:a},(0,g.getSubtree)({asChild:a,children:p},e.createElement(d,{ref:t,...I})))});n.displayName="Avatar";const d=e.forwardRef(({fallback:r,...t},a)=>{const[p,o]=e.useState("idle");return e.createElement(e.Fragment,null,p==="idle"||p==="loading"?e.createElement("span",{className:"rt-AvatarFallback"}):null,p==="error"?e.createElement(l.Avatar.Fallback,{className:(0,i.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,e.createElement(l.Avatar.Image,{ref:a,className:"rt-AvatarImage",...t,onLoadingStatusChange:s=>{t.onLoadingStatusChange?.(s),o(s)}}))});d.displayName="AvatarImpl";
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";
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, ...imageProps } = extractProps(\n props,\n avatarPropDefs,\n marginPropDefs\n );\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 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 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,GAAGC,CAAW,KAAI,gBAC5ER,EACA,iBACA,gBACF,EAEA,OAEEP,EAAA,cAAC,EAAAgB,OAAgB,KAAhB,CACC,oBAAmBH,EACnB,cAAaC,EACb,aAAW,EAAAG,SAAW,WAAY,gBAAiBN,CAAS,EAC5D,MAAOC,EACP,QAASH,MAER,cAAW,CAAE,QAAAA,EAAS,SAAAC,CAAS,EAAGV,EAAA,cAACkB,EAAA,CAAW,IAAKV,EAAe,GAAGO,EAAY,CAAE,CACtF,CAEJ,CAAC,EACDjB,EAAO,YAAc,SAYrB,MAAMoB,EAAalB,EAAM,WACvB,CAAC,CAAE,SAAAmB,EAAU,GAAGJ,CAAW,EAAGP,IAAiB,CAC7C,KAAM,CAACY,EAAQC,CAAS,EAAIrB,EAAM,SAAkD,MAAM,EAC1F,OACEA,EAAA,cAAAA,EAAA,cACGoB,IAAW,QAAUA,IAAW,UAAYpB,EAAA,cAAC,QAAK,UAAU,oBAAoB,EAAK,KAErFoB,IAAW,QACVpB,EAAA,cAAC,EAAAgB,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,KAEJnB,EAAA,cAAC,EAAAgB,OAAgB,MAAhB,CACC,IAAKR,EACL,UAAU,iBACT,GAAGO,EACJ,sBAAwBK,GAAW,CACjCL,EAAW,wBAAwBK,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", "imageProps", "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 { 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"]
7
7
  }
@@ -3,6 +3,11 @@ declare const avatarPropDefs: {
3
3
  type: "ReactNode";
4
4
  required: true;
5
5
  };
6
+ panelBackground: {
7
+ type: "enum";
8
+ values: readonly ["solid", "translucent"];
9
+ default: undefined;
10
+ };
6
11
  radius: {
7
12
  type: "enum";
8
13
  values: readonly ["none", "small", "medium", "large", "full"];
@@ -28,7 +33,7 @@ declare const avatarPropDefs: {
28
33
  variant: {
29
34
  type: "enum";
30
35
  className: string;
31
- values: readonly ["solid", "soft"];
36
+ values: readonly ["solid", "soft", "surface", "outline"];
32
37
  default: "soft";
33
38
  };
34
39
  asChild: {
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.props.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.props.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
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,2 +1,2 @@
1
- "use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var d=(r,e)=>{for(var t in e)s(r,t,{get:e[t],enumerable:!0})},v=(r,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of l(e))!u.call(r,o)&&o!==t&&s(r,o,{get:()=>e[o],enumerable:!(a=c(e,o))||a.enumerable});return r};var D=r=>v(s({},"__esModule",{value:!0}),r);var z={};d(z,{avatarPropDefs:()=>m});module.exports=D(z);var p=require("../props/as-child.prop.js"),f=require("../props/color.prop.js"),i=require("../props/high-contrast.prop.js"),n=require("../props/radius.prop.js");const P=["1","2","3","4","5","6","7","8","9"],y=["solid","soft"],m={...p.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:P,default:"3",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"soft"},...f.accentColorPropDef,...i.highContrastPropDef,...n.radiusPropDef,fallback:{type:"ReactNode",required:!0}};
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}};
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'] 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} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n fallback: PropDef<React.ReactNode>;\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,MAAM,EAE3BP,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,CAChD",
6
- "names": ["avatar_props_exports", "__export", "avatarPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants"]
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"]
7
7
  }
@@ -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,oFAgBT,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;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,2 +1,2 @@
1
- "use strict";var R=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var C=(o,e)=>{for(var r in e)s(o,r,{get:e[r],enumerable:!0})},m=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of D(e))!x.call(o,p)&&p!==r&&s(o,p,{get:()=>e[p],enumerable:!(t=u(e,p))||t.enumerable});return o};var n=(o,e,r)=>(r=o!=null?R(h(o)):{},m(e||!o||!o.__esModule?s(r,"default",{value:o,enumerable:!0}):r,o)),N=o=>m(s({},"__esModule",{value:!0}),o);var b={};C(b,{Badge:()=>a});module.exports=N(b);var d=n(require("react")),f=n(require("classnames")),i=require("radix-ui"),P=require("./badge.props.js"),g=require("../helpers/extract-props.js"),c=require("../props/margin.props.js");const a=d.forwardRef((o,e)=>{const{asChild:r,className:t,color:p,radius:l,...y}=(0,g.extractProps)(o,P.badgePropDefs,c.marginPropDefs),B=r?i.Slot.Root:"span";return d.createElement(B,{"data-accent-color":p,"data-radius":l,...y,ref:e,className:(0,f.default)("rt-reset","rt-Badge",t)})});a.displayName="Badge";
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";
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, ...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 {...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,GAAGC,CAAW,KAAI,gBAC3DN,EACA,gBACA,gBACF,EACMO,EAAOL,EAAU,OAAK,KAAO,OACnC,OACER,EAAA,cAACa,EAAA,CACC,oBAAmBH,EACnB,cAAaC,EACZ,GAAGC,EACJ,IAAKL,EACL,aAAW,EAAAO,SAAW,WAAY,WAAYL,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", "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';\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"]
7
7
  }
@@ -24,9 +24,14 @@ declare const badgePropDefs: {
24
24
  variant: {
25
25
  type: "enum";
26
26
  className: string;
27
- values: readonly ["solid", "soft", "surface", "outline"];
27
+ values: readonly ["solid", "soft", "surface", "outline", "ghost", "classic"];
28
28
  default: "soft";
29
29
  };
30
+ panelBackground: {
31
+ type: "enum";
32
+ values: ("solid" | "translucent")[];
33
+ default: undefined;
34
+ };
30
35
  asChild: {
31
36
  type: "boolean";
32
37
  };
@@ -1 +1 @@
1
- {"version":3,"file":"badge.props.d.ts","sourceRoot":"","sources":["../../../src/components/badge.props.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUlB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
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,2 +1,2 @@
1
- "use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var v=(r,e)=>{for(var o in e)t(r,o,{get:e[o],enumerable:!0})},D=(r,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of c(e))!l.call(r,s)&&s!==o&&t(r,s,{get:()=>e[s],enumerable:!(a=u(e,s))||a.enumerable});return r};var P=r=>D(t({},"__esModule",{value:!0}),r);var z={};v(z,{badgePropDefs:()=>m});module.exports=P(z);var p=require("../props/as-child.prop.js"),i=require("../props/color.prop.js"),f=require("../props/high-contrast.prop.js"),n=require("../props/radius.prop.js");const d=["1","2","3"],y=["solid","soft","surface","outline"],m={...p.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:d,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"soft"},...i.accentColorPropDef,...f.highContrastPropDef,...n.radiusPropDef};
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};
2
2
  //# sourceMappingURL=badge.props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/badge.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'] as const;\nconst variants = ['solid', 'soft', 'surface', 'outline'] as const;\n\nconst badgePropDefs = {\n ...asChildPropDef,\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n ...accentColorPropDef,\n ...highContrastPropDef,\n ...radiusPropDef,\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { badgePropDefs };\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,QAAS,OAAQ,UAAW,SAAS,EAEjDP,EAAgB,CACpB,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,eACL",
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'] as const;\nconst variants = ['solid', 'soft', 'surface', 'outline', 'ghost', 'classic'] as const;\n\nconst badgePropDefs = {\n ...asChildPropDef,\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n panelBackground: { type: 'enum', values: ['solid', 'translucent'], default: undefined },\n ...accentColorPropDef,\n ...highContrastPropDef,\n ...radiusPropDef,\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { badgePropDefs };\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,QAAS,OAAQ,UAAW,UAAW,QAAS,SAAS,EAErEP,EAAgB,CACpB,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,gBAAiB,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,EAAG,QAAS,MAAU,EACtF,GAAG,qBACH,GAAG,sBACH,GAAG,eACL",
6
6
  "names": ["badge_props_exports", "__export", "badgePropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants"]
7
7
  }
@@ -1 +1 @@
1
- {"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/components/callout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAKzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAMvE,UAAU,gBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,mBAAmB;CAAG;AAC1B,QAAA,MAAM,WAAW,yFAsBhB,CAAC;AAIF,UAAU,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAChF,QAAA,MAAM,WAAW,yFAMhB,CAAC;AAIF,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3D,QAAA,MAAM,WAAW,+FAchB,CAAC;AAGF,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,CAAC;AACzE,YAAY,EACV,gBAAgB,IAAI,SAAS,EAC7B,gBAAgB,IAAI,SAAS,EAC7B,gBAAgB,IAAI,SAAS,GAC9B,CAAC"}
1
+ {"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/components/callout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAKzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAMvE,UAAU,gBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,mBAAmB;CAAG;AAC1B,QAAA,MAAM,WAAW,yFAuBhB,CAAC;AAIF,UAAU,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAChF,QAAA,MAAM,WAAW,yFAMhB,CAAC;AAIF,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3D,QAAA,MAAM,WAAW,+FAchB,CAAC;AAGF,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,CAAC;AACzE,YAAY,EACV,gBAAgB,IAAI,SAAS,EAC7B,gBAAgB,IAAI,SAAS,EAC7B,gBAAgB,IAAI,SAAS,GAC9B,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";"use client";var z=Object.create;var p=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var g=(o,t)=>{for(var e in t)p(o,e,{get:t[e],enumerable:!0})},c=(o,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of h(t))!D.call(o,r)&&r!==e&&p(o,r,{get:()=>t[r],enumerable:!(s=N(t,r))||s.enumerable});return o};var f=(o,t,e)=>(e=o!=null?z(w(o)):{},c(t||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),j=o=>c(p({},"__esModule",{value:!0}),o);var M={};g(M,{Icon:()=>C,Root:()=>u,Text:()=>i});module.exports=j(M);var l=f(require("react")),a=f(require("classnames")),R=require("radix-ui"),d=require("./text.js"),m=require("./callout.props.js"),x=require("../helpers/extract-props.js"),n=require("../helpers/map-prop-values.js"),y=require("../props/margin.props.js");const P=l.createContext({}),u=l.forwardRef((o,t)=>{const{size:e=m.calloutRootPropDefs.size.default}=o,{asChild:s,children:r,className:T,color:v,...I}=(0,x.extractProps)(o,m.calloutRootPropDefs,y.marginPropDefs),E=s?R.Slot.Root:"div";return l.createElement(E,{"data-accent-color":v,...I,className:(0,a.default)("rt-CalloutRoot",T),ref:t},l.createElement(P.Provider,{value:l.useMemo(()=>({size:e}),[e])},r))});u.displayName="Callout.Root";const C=l.forwardRef(({className:o,...t},e)=>l.createElement("div",{...t,className:(0,a.default)("rt-CalloutIcon",o),ref:e}));C.displayName="Callout.Icon";const i=l.forwardRef(({className:o,...t},e)=>{const{size:s}=l.useContext(P);return l.createElement(d.Text,{as:"p",size:(0,n.mapResponsiveProp)(s,n.mapCalloutSizeToTextSize),...t,asChild:!1,ref:e,className:(0,a.default)("rt-CalloutText",o)})});i.displayName="Callout.Text";
1
+ "use strict";"use client";var N=Object.create;var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var j=(o,t)=>{for(var e in t)a(o,e,{get:t[e],enumerable:!0})},c=(o,t,e,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of g(t))!D.call(o,r)&&r!==e&&a(o,r,{get:()=>t[r],enumerable:!(p=h(t,r))||p.enumerable});return o};var f=(o,t,e)=>(e=o!=null?N(w(o)):{},c(t||!o||!o.__esModule?a(e,"default",{value:o,enumerable:!0}):e,o)),M=o=>c(a({},"__esModule",{value:!0}),o);var O={};j(O,{Icon:()=>C,Root:()=>u,Text:()=>i});module.exports=M(O);var l=f(require("react")),s=f(require("classnames")),d=require("radix-ui"),R=require("./text.js"),m=require("./callout.props.js"),x=require("../helpers/extract-props.js"),n=require("../helpers/map-prop-values.js"),y=require("../props/margin.props.js");const P=l.createContext({}),u=l.forwardRef((o,t)=>{const{size:e=m.calloutRootPropDefs.size.default}=o,{asChild:p,children:r,className:T,color:v,panelBackground:I,...E}=(0,x.extractProps)(o,m.calloutRootPropDefs,y.marginPropDefs),z=p?d.Slot.Root:"div";return l.createElement(z,{"data-accent-color":v,"data-panel-background":I,...E,className:(0,s.default)("rt-CalloutRoot",T),ref:t},l.createElement(P.Provider,{value:l.useMemo(()=>({size:e}),[e])},r))});u.displayName="Callout.Root";const C=l.forwardRef(({className:o,...t},e)=>l.createElement("div",{...t,className:(0,s.default)("rt-CalloutIcon",o),ref:e}));C.displayName="Callout.Icon";const i=l.forwardRef(({className:o,...t},e)=>{const{size:p}=l.useContext(P);return l.createElement(R.Text,{as:"p",size:(0,n.mapResponsiveProp)(p,n.mapCalloutSizeToTextSize),...t,asChild:!1,ref:e,className:(0,s.default)("rt-CalloutText",o)})});i.displayName="Callout.Text";
2
2
  //# sourceMappingURL=callout.js.map