@justanarthur/modo-ui 0.6.0-canary.8 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (490) hide show
  1. package/README.md +66 -164
  2. package/dist/base.css +4 -141
  3. package/dist/blocks/sidebar-app/index.js +26 -40
  4. package/dist/components/AI/input-message/index.js +16 -23
  5. package/dist/components/AI/thinking-indicator/index.js +6 -9
  6. package/dist/components/accordion/index.d.ts +11 -39
  7. package/dist/components/accordion/index.js +13 -18
  8. package/dist/components/badge/index.d.ts +11 -18
  9. package/dist/components/badge/index.js +7 -12
  10. package/dist/components/button/index.d.ts +17 -53
  11. package/dist/components/button/index.js +6 -11
  12. package/dist/components/card/index.d.ts +9 -32
  13. package/dist/components/card/index.js +11 -17
  14. package/dist/components/copy/index.d.ts +8 -41
  15. package/dist/components/copy/index.js +9 -15
  16. package/dist/components/inputs/checkbox/index.d.ts +9 -28
  17. package/dist/components/inputs/checkbox/index.js +13 -18
  18. package/dist/components/inputs/color-picker/index.d.ts +14 -22
  19. package/dist/components/inputs/color-picker/index.js +18 -26
  20. package/dist/components/inputs/combobox/index.d.ts +20 -85
  21. package/dist/components/inputs/combobox/index.js +18 -27
  22. package/dist/components/inputs/date-time/calendar/index.d.ts +18 -24
  23. package/dist/components/inputs/date-time/calendar/index.js +11 -15
  24. package/dist/components/inputs/date-time/date-picker/index.d.ts +16 -105
  25. package/dist/components/inputs/date-time/date-picker/index.js +25 -35
  26. package/dist/components/inputs/date-time/date-range-picker/index.d.ts +12 -106
  27. package/dist/components/inputs/date-time/date-range-picker/index.js +24 -35
  28. package/dist/components/inputs/date-time/duration-picker/index.d.ts +13 -66
  29. package/dist/components/inputs/date-time/duration-picker/index.js +24 -33
  30. package/dist/components/inputs/date-time/month-picker/index.d.ts +10 -60
  31. package/dist/components/inputs/date-time/month-picker/index.js +23 -32
  32. package/dist/components/inputs/date-time/time-picker/index.d.ts +10 -58
  33. package/dist/components/inputs/date-time/time-picker/index.js +24 -33
  34. package/dist/components/inputs/input/index.d.ts +13 -95
  35. package/dist/components/inputs/input/index.js +9 -18
  36. package/dist/components/inputs/radio/index.d.ts +5 -20
  37. package/dist/components/inputs/radio/index.js +12 -16
  38. package/dist/components/inputs/search/index.d.ts +3 -3
  39. package/dist/components/inputs/search/index.js +18 -26
  40. package/dist/components/inputs/select/index.d.ts +23 -99
  41. package/dist/components/inputs/select/index.js +14 -29
  42. package/dist/components/inputs/slider/index.d.ts +0 -9
  43. package/dist/components/inputs/slider/index.js +5 -8
  44. package/dist/components/inputs/switch/index.d.ts +2 -8
  45. package/dist/components/inputs/switch/index.js +12 -15
  46. package/dist/components/inputs/textarea/index.d.ts +1 -20
  47. package/dist/components/inputs/textarea/index.js +6 -9
  48. package/dist/components/navigation/sidebar/index.d.ts +21 -44
  49. package/dist/components/navigation/sidebar/index.js +31 -42
  50. package/dist/components/navigation/tabs/index.d.ts +2 -8
  51. package/dist/components/navigation/tabs/index.js +10 -15
  52. package/dist/components/navigation/tabs-subtle/index.js +10 -13
  53. package/dist/components/overlays/alert-dialog/index.d.ts +16 -135
  54. package/dist/components/overlays/alert-dialog/index.js +13 -23
  55. package/dist/components/overlays/command/index.d.ts +20 -25
  56. package/dist/components/overlays/command/index.js +17 -25
  57. package/dist/components/overlays/context-menu/index.d.ts +17 -39
  58. package/dist/components/overlays/context-menu/index.js +18 -29
  59. package/dist/components/overlays/dialog/index.d.ts +16 -42
  60. package/dist/components/overlays/dialog/index.js +12 -20
  61. package/dist/components/overlays/dropdown/index.d.ts +34 -304
  62. package/dist/components/overlays/dropdown/index.js +17 -44
  63. package/dist/components/overlays/popover/index.d.ts +12 -38
  64. package/dist/components/overlays/popover/index.js +9 -13
  65. package/dist/components/overlays/preview-card/index.js +8 -12
  66. package/dist/components/overlays/sheet/index.d.ts +8 -25
  67. package/dist/components/overlays/sheet/index.js +13 -19
  68. package/dist/components/overlays/toast/index.d.ts +50 -209
  69. package/dist/components/overlays/toast/index.js +10 -23
  70. package/dist/components/overlays/tooltip/index.d.ts +21 -123
  71. package/dist/components/overlays/tooltip/index.js +6 -16
  72. package/dist/components/table/index.d.ts +8 -63
  73. package/dist/components/table/index.js +9 -20
  74. package/dist/index.d.ts +1048 -2999
  75. package/dist/index.js +82 -231
  76. package/dist/preset.d.ts +0 -22
  77. package/dist/preset.js +2 -24
  78. package/dist/primitives/code/index.js +5 -8
  79. package/dist/primitives/craft/index.js +6 -10
  80. package/dist/primitives/fluid-hover/index.js +8 -10
  81. package/dist/primitives/morph/index.js +10 -16
  82. package/dist/primitives/motion/index.js +8 -11
  83. package/dist/primitives/scroll-area/index.js +3 -5
  84. package/dist/primitives/sizes/index.js +4 -6
  85. package/dist/primitives/surface/index.js +4 -6
  86. package/dist/shared/{components-4y816hwp.js → components-0q0sqfh4.js} +49 -27
  87. package/dist/shared/components-0sn7ypjw.js +61 -0
  88. package/dist/shared/{components-vc864c51.js → components-11da9ajg.js} +5 -8
  89. package/dist/shared/components-1434p1mh.js +123 -0
  90. package/dist/shared/{components-t2a3qmy9.js → components-1z6tdadk.js} +24 -40
  91. package/dist/shared/{components-qs4rkqsj.js → components-27nnvrwe.js} +14 -15
  92. package/dist/shared/{components-av5t26rc.js → components-2dxkv6zm.js} +7 -8
  93. package/dist/shared/{components-wqrvqq5p.js → components-2ecg8svx.js} +152 -234
  94. package/dist/shared/{components-3ydr2fqe.js → components-2ph6t61s.js} +34 -37
  95. package/dist/shared/{components-6gk118w3.js → components-39jq9va1.js} +24 -29
  96. package/dist/shared/components-3ky44908.js +9 -0
  97. package/dist/shared/{components-y1qvbawa.js → components-3mkepka5.js} +25 -28
  98. package/dist/shared/{components-xqszvkj4.js → components-4700p9kz.js} +22 -24
  99. package/dist/shared/{components-yhgq0qxx.js → components-59efxjd9.js} +12 -13
  100. package/dist/shared/{components-9j9abkct.js → components-5vgpnxgy.js} +27 -51
  101. package/dist/shared/{components-8tt3xbb5.js → components-5xc2j8jz.js} +18 -19
  102. package/dist/shared/{components-jymmaevv.js → components-6p8tfcd6.js} +29 -57
  103. package/dist/shared/{components-4nck8acq.js → components-7r3etddy.js} +54 -19
  104. package/dist/shared/{components-skfd7kff.js → components-8snj490h.js} +32 -78
  105. package/dist/shared/{components-ctqmge8t.js → components-b0eac83j.js} +30 -9
  106. package/dist/shared/{components-9sttq78t.js → components-b2wyq2cq.js} +59 -41
  107. package/dist/shared/{components-vkwq2k96.js → components-b3c5et5b.js} +38 -49
  108. package/dist/shared/{components-rrbpmfx4.js → components-c6s6b43g.js} +2 -3
  109. package/dist/shared/{components-pw06rbxq.js → components-chacnk61.js} +19 -19
  110. package/dist/shared/{components-71nbt03m.js → components-cv16mryv.js} +7 -26
  111. package/dist/shared/{components-eqze3y30.js → components-d6xtjht3.js} +30 -35
  112. package/dist/shared/{components-5y5shqfd.js → components-dk0gjr5a.js} +18 -19
  113. package/dist/shared/{components-khspp26b.js → components-fzrq6tr3.js} +34 -37
  114. package/dist/shared/{components-km7fhgbk.js → components-gc5vtq2f.js} +30 -66
  115. package/dist/shared/components-gf5s6ap9.js +42 -0
  116. package/dist/shared/{components-qqcmtrbv.js → components-gz8zf3ec.js} +55 -56
  117. package/dist/shared/{components-mattt5jp.js → components-h2ajmhwn.js} +35 -107
  118. package/dist/shared/{components-awra5sff.js → components-hqeq3w9q.js} +16 -24
  119. package/dist/shared/{components-5tzhqbcw.js → components-hw9yk32z.js} +24 -36
  120. package/dist/shared/components-hyq23phv.js +310 -0
  121. package/dist/shared/{components-8mt5bsv6.js → components-jbbmdr74.js} +22 -41
  122. package/dist/shared/{components-dcc02hs2.js → components-jjw69c4c.js} +4 -7
  123. package/dist/shared/{components-2syq4mwc.js → components-jthe1pwb.js} +420 -139
  124. package/dist/shared/{components-r7q1zm7r.js → components-jwst3vtj.js} +76 -224
  125. package/dist/shared/{components-qdm3yh26.js → components-kvr7f9hy.js} +10 -19
  126. package/dist/shared/{components-s8yqk2dc.js → components-kwa6mrf9.js} +11 -46
  127. package/dist/shared/{components-de99ykt7.js → components-men63rwj.js} +2 -3
  128. package/dist/shared/{components-6b0zb8z3.js → components-mjthm1kf.js} +9 -13
  129. package/dist/shared/{components-2c64r8c9.js → components-n42c79bz.js} +22 -23
  130. package/dist/shared/{components-tz1fv35x.js → components-n7mjr357.js} +2 -3
  131. package/dist/shared/components-ng72k97e.js +128 -0
  132. package/dist/shared/{components-dyae0y7h.js → components-pbmqctfa.js} +65 -169
  133. package/dist/shared/{components-px2zm7dc.js → components-q5xj5c16.js} +8 -9
  134. package/dist/shared/components-raknhppb.js +64 -0
  135. package/dist/shared/{components-8rb25gbe.js → components-rr7a6ja9.js} +27 -59
  136. package/dist/shared/{components-5012r6gr.js → components-s083f38z.js} +34 -164
  137. package/dist/shared/components-s5ngg32c.js +267 -0
  138. package/dist/shared/components-sn1rxx1d.js +143 -0
  139. package/dist/shared/{components-r8eqs7gz.js → components-ta7shw28.js} +4 -4
  140. package/dist/shared/{components-9as3rf68.js → components-vc7vq5nz.js} +3 -6
  141. package/dist/shared/{components-ft3zdc79.js → components-vfbhxf5r.js} +5 -6
  142. package/dist/shared/components-vynjtrk6.js +19 -0
  143. package/dist/shared/{components-w0xq6q9k.js → components-w1r67ag9.js} +149 -294
  144. package/dist/shared/{components-z0bqtvcp.js → components-w90endve.js} +72 -71
  145. package/dist/shared/{components-t5pk5nmc.js → components-wvp1m52g.js} +102 -149
  146. package/dist/shared/components-wy9jpqny.js +146 -0
  147. package/dist/shared/{components-5sxjeh6h.js → components-y9y0g8er.js} +28 -52
  148. package/dist/shared/components-ypp01w3p.js +986 -0
  149. package/dist/shared/{components-t50hrswb.js → components-zfnmn5d4.js} +36 -82
  150. package/dist/shared/{components-jqpefjsn.js → components-zrkzcayz.js} +6 -54
  151. package/dist/shared/{components-vf45j12c.js → components-zx6b6yby.js} +18 -4
  152. package/dist/styles.css +32 -320
  153. package/dist/tailwind.css +0 -16
  154. package/dist/tokens.css +0 -67
  155. package/package.json +4 -227
  156. package/DESIGN.md +0 -623
  157. package/blocks/sidebar-app/examples.mdx +0 -33
  158. package/blocks/sidebar-app/index.tsx +0 -218
  159. package/blocks/sidebar-app/inset-topbar.tsx +0 -25
  160. package/blocks/sidebar-app/menu-grid.ts +0 -26
  161. package/blocks/sidebar-app/nav-data.ts +0 -36
  162. package/blocks/sidebar-app/search-field.tsx +0 -48
  163. package/blocks/sidebar-app/user-footer.tsx +0 -67
  164. package/blocks/sidebar-app/workspace-header.tsx +0 -129
  165. package/components/AI/input-message/examples.mdx +0 -130
  166. package/components/AI/input-message/file-thumbnail.tsx +0 -173
  167. package/components/AI/input-message/index.tsx +0 -1385
  168. package/components/AI/thinking-indicator/examples.mdx +0 -27
  169. package/components/AI/thinking-indicator/index.tsx +0 -210
  170. package/components/accordion/examples.mdx +0 -233
  171. package/components/accordion/index.tsx +0 -1071
  172. package/components/avatar/examples.mdx +0 -95
  173. package/components/avatar/index.tsx +0 -129
  174. package/components/badge/change-demo.tsx +0 -29
  175. package/components/badge/examples.mdx +0 -124
  176. package/components/badge/index.tsx +0 -225
  177. package/components/badge/variants.ts +0 -73
  178. package/components/button/examples.mdx +0 -168
  179. package/components/button/index.tsx +0 -424
  180. package/components/button/loading-demo.tsx +0 -25
  181. package/components/button/variants.ts +0 -168
  182. package/components/card/examples.mdx +0 -251
  183. package/components/card/index.tsx +0 -1070
  184. package/components/copy/examples.mdx +0 -125
  185. package/components/copy/index.tsx +0 -662
  186. package/components/inputs/checkbox/examples.mdx +0 -87
  187. package/components/inputs/checkbox/index.tsx +0 -611
  188. package/components/inputs/checkbox/select-all-demo.tsx +0 -48
  189. package/components/inputs/color-picker/examples.mdx +0 -111
  190. package/components/inputs/color-picker/index.tsx +0 -1981
  191. package/components/inputs/color-picker/variants.ts +0 -401
  192. package/components/inputs/combobox/examples.mdx +0 -366
  193. package/components/inputs/combobox/index.tsx +0 -1527
  194. package/components/inputs/combobox/remote-demo.tsx +0 -105
  195. package/components/inputs/date-time/calendar/examples.mdx +0 -45
  196. package/components/inputs/date-time/calendar/index.tsx +0 -370
  197. package/components/inputs/date-time/calendar/use-month-window.ts +0 -173
  198. package/components/inputs/date-time/date-picker/examples.mdx +0 -243
  199. package/components/inputs/date-time/date-picker/index.tsx +0 -476
  200. package/components/inputs/date-time/date-picker/masked-date-input.tsx +0 -348
  201. package/components/inputs/date-time/date-range-picker/examples.mdx +0 -93
  202. package/components/inputs/date-time/date-range-picker/index.tsx +0 -525
  203. package/components/inputs/date-time/duration-picker/examples.mdx +0 -40
  204. package/components/inputs/date-time/duration-picker/index.tsx +0 -253
  205. package/components/inputs/date-time/month-picker/examples.mdx +0 -45
  206. package/components/inputs/date-time/month-picker/index.tsx +0 -254
  207. package/components/inputs/date-time/picker-shell.tsx +0 -581
  208. package/components/inputs/date-time/time-columns.tsx +0 -94
  209. package/components/inputs/date-time/time-picker/examples.mdx +0 -57
  210. package/components/inputs/date-time/time-picker/index.tsx +0 -227
  211. package/components/inputs/field/examples.mdx +0 -117
  212. package/components/inputs/field/index.tsx +0 -268
  213. package/components/inputs/file-dropzone/examples.mdx +0 -83
  214. package/components/inputs/file-dropzone/file-row.tsx +0 -201
  215. package/components/inputs/file-dropzone/index.tsx +0 -316
  216. package/components/inputs/file-dropzone/upload-demo.tsx +0 -67
  217. package/components/inputs/file-dropzone/variants.ts +0 -94
  218. package/components/inputs/input/examples.mdx +0 -166
  219. package/components/inputs/input/index.tsx +0 -494
  220. package/components/inputs/input/password-demo.tsx +0 -30
  221. package/components/inputs/label/examples.mdx +0 -67
  222. package/components/inputs/label/index.tsx +0 -85
  223. package/components/inputs/number-input/examples.mdx +0 -69
  224. package/components/inputs/number-input/index.tsx +0 -221
  225. package/components/inputs/radio/examples.mdx +0 -77
  226. package/components/inputs/radio/index.tsx +0 -636
  227. package/components/inputs/search/examples.mdx +0 -74
  228. package/components/inputs/search/index.tsx +0 -333
  229. package/components/inputs/select/examples.mdx +0 -296
  230. package/components/inputs/select/index.tsx +0 -1044
  231. package/components/inputs/select/variants.ts +0 -32
  232. package/components/inputs/slider/examples.mdx +0 -153
  233. package/components/inputs/slider/index.tsx +0 -1867
  234. package/components/inputs/switch/examples.mdx +0 -96
  235. package/components/inputs/switch/index.tsx +0 -504
  236. package/components/inputs/textarea/examples.mdx +0 -126
  237. package/components/inputs/textarea/index.tsx +0 -207
  238. package/components/navigation/navigation-menu/examples.mdx +0 -136
  239. package/components/navigation/navigation-menu/index.tsx +0 -704
  240. package/components/navigation/pagination/examples.mdx +0 -74
  241. package/components/navigation/pagination/index.tsx +0 -401
  242. package/components/navigation/sidebar/examples.mdx +0 -325
  243. package/components/navigation/sidebar/index.tsx +0 -453
  244. package/components/navigation/sidebar/sidebar-core.tsx +0 -1408
  245. package/components/navigation/sidebar/sidebar-menu.tsx +0 -1495
  246. package/components/navigation/sidebar/sidebar.css +0 -74
  247. package/components/navigation/sidebar/variants.ts +0 -55
  248. package/components/navigation/tabs/examples.mdx +0 -89
  249. package/components/navigation/tabs/index.tsx +0 -494
  250. package/components/navigation/tabs-subtle/examples.mdx +0 -49
  251. package/components/navigation/tabs-subtle/index.tsx +0 -512
  252. package/components/overlays/alert-dialog/examples.mdx +0 -123
  253. package/components/overlays/alert-dialog/index.tsx +0 -276
  254. package/components/overlays/alert-dialog/pending-demo.tsx +0 -36
  255. package/components/overlays/command/examples.mdx +0 -113
  256. package/components/overlays/command/index.tsx +0 -425
  257. package/components/overlays/context-menu/examples.mdx +0 -56
  258. package/components/overlays/context-menu/index.tsx +0 -279
  259. package/components/overlays/dialog/examples.mdx +0 -165
  260. package/components/overlays/dialog/index.tsx +0 -451
  261. package/components/overlays/dropdown/dropdown-search.tsx +0 -395
  262. package/components/overlays/dropdown/examples.mdx +0 -444
  263. package/components/overlays/dropdown/index.tsx +0 -1241
  264. package/components/overlays/dropdown/menu-item.tsx +0 -510
  265. package/components/overlays/dropdown/menu-parts.tsx +0 -725
  266. package/components/overlays/popover/anchored-demo.tsx +0 -59
  267. package/components/overlays/popover/examples.mdx +0 -203
  268. package/components/overlays/popover/index.tsx +0 -317
  269. package/components/overlays/preview-card/examples.mdx +0 -61
  270. package/components/overlays/preview-card/index.tsx +0 -204
  271. package/components/overlays/sheet/examples.mdx +0 -101
  272. package/components/overlays/sheet/index.tsx +0 -307
  273. package/components/overlays/toast/examples.mdx +0 -85
  274. package/components/overlays/toast/global-demo.tsx +0 -72
  275. package/components/overlays/toast/index.tsx +0 -544
  276. package/components/overlays/toast/manager.ts +0 -193
  277. package/components/overlays/tooltip/examples.mdx +0 -106
  278. package/components/overlays/tooltip/index.tsx +0 -539
  279. package/components/progress/examples.mdx +0 -59
  280. package/components/progress/index.tsx +0 -174
  281. package/components/progress/progress.css +0 -49
  282. package/components/progress/step-demo.tsx +0 -27
  283. package/components/table/examples.mdx +0 -188
  284. package/components/table/index.tsx +0 -535
  285. package/components/table/sort-demo.tsx +0 -61
  286. package/dist/components/avatar/index.d.ts +0 -46
  287. package/dist/components/avatar/index.js +0 -19
  288. package/dist/components/badge/variants.d.ts +0 -33
  289. package/dist/components/badge/variants.js +0 -10
  290. package/dist/components/button/variants.d.ts +0 -39
  291. package/dist/components/button/variants.js +0 -8
  292. package/dist/components/inputs/color-picker/variants.d.ts +0 -61
  293. package/dist/components/inputs/color-picker/variants.js +0 -28
  294. package/dist/components/inputs/field/index.d.ts +0 -116
  295. package/dist/components/inputs/field/index.js +0 -29
  296. package/dist/components/inputs/file-dropzone/index.d.ts +0 -167
  297. package/dist/components/inputs/file-dropzone/index.js +0 -33
  298. package/dist/components/inputs/file-dropzone/variants.d.ts +0 -35
  299. package/dist/components/inputs/file-dropzone/variants.js +0 -12
  300. package/dist/components/inputs/label/index.d.ts +0 -32
  301. package/dist/components/inputs/label/index.js +0 -11
  302. package/dist/components/inputs/number-input/index.d.ts +0 -87
  303. package/dist/components/inputs/number-input/index.js +0 -21
  304. package/dist/components/inputs/select/variants.d.ts +0 -5
  305. package/dist/components/inputs/select/variants.js +0 -6
  306. package/dist/components/navigation/navigation-menu/index.d.ts +0 -126
  307. package/dist/components/navigation/navigation-menu/index.js +0 -41
  308. package/dist/components/navigation/pagination/index.d.ts +0 -75
  309. package/dist/components/navigation/pagination/index.js +0 -41
  310. package/dist/components/navigation/sidebar/variants.d.ts +0 -25
  311. package/dist/components/navigation/sidebar/variants.js +0 -28
  312. package/dist/components/progress/index.d.ts +0 -56
  313. package/dist/components/progress/index.js +0 -15
  314. package/dist/docs/index.d.ts +0 -83
  315. package/dist/docs/index.js +0 -288
  316. package/dist/docs/vite.d.ts +0 -31
  317. package/dist/docs/vite.js +0 -45
  318. package/dist/lib/date-locale.d.ts +0 -26
  319. package/dist/lib/date-locale.js +0 -24
  320. package/dist/lib/field-classes.d.ts +0 -149
  321. package/dist/lib/field-classes.js +0 -41
  322. package/dist/lib/field-variants.d.ts +0 -47
  323. package/dist/lib/field-variants.js +0 -26
  324. package/dist/lib/fluid-hover-highlight.d.ts +0 -112
  325. package/dist/lib/fluid-hover-highlight.js +0 -17
  326. package/dist/lib/focus-ring.d.ts +0 -18
  327. package/dist/lib/focus-ring.js +0 -11
  328. package/dist/lib/goo-indicator.d.ts +0 -46
  329. package/dist/lib/goo-indicator.js +0 -14
  330. package/dist/lib/icon-context.d.ts +0 -30
  331. package/dist/lib/icon-context.js +0 -12
  332. package/dist/lib/inert.d.ts +0 -9
  333. package/dist/lib/inert.js +0 -8
  334. package/dist/lib/morph-layers.d.ts +0 -93
  335. package/dist/lib/morph-layers.js +0 -13
  336. package/dist/lib/morph-part.d.ts +0 -21
  337. package/dist/lib/morph-part.js +0 -12
  338. package/dist/lib/popup.d.ts +0 -20
  339. package/dist/lib/popup.js +0 -12
  340. package/dist/lib/reduced-motion.d.ts +0 -9
  341. package/dist/lib/reduced-motion.js +0 -6
  342. package/dist/lib/row-index.d.ts +0 -10
  343. package/dist/lib/row-index.js +0 -8
  344. package/dist/lib/row-order.d.ts +0 -28
  345. package/dist/lib/row-order.js +0 -10
  346. package/dist/lib/scroll-column.d.ts +0 -31
  347. package/dist/lib/scroll-column.js +0 -19
  348. package/dist/lib/shape-context.d.ts +0 -30
  349. package/dist/lib/shape-context.js +0 -13
  350. package/dist/lib/shape-radius.d.ts +0 -19
  351. package/dist/lib/shape-radius.js +0 -6
  352. package/dist/lib/size-context.d.ts +0 -94
  353. package/dist/lib/size-context.js +0 -20
  354. package/dist/lib/size-scale.d.ts +0 -79
  355. package/dist/lib/size-scale.js +0 -8
  356. package/dist/lib/slot.d.ts +0 -39
  357. package/dist/lib/slot.js +0 -14
  358. package/dist/lib/springs.d.ts +0 -44
  359. package/dist/lib/springs.js +0 -8
  360. package/dist/lib/surface-classes.d.ts +0 -19
  361. package/dist/lib/surface-classes.js +0 -10
  362. package/dist/lib/surface-context.d.ts +0 -9
  363. package/dist/lib/surface-context.js +0 -8
  364. package/dist/lib/use-controllable-state.d.ts +0 -2
  365. package/dist/lib/use-controllable-state.js +0 -6
  366. package/dist/lib/use-fluid-hover.d.ts +0 -138
  367. package/dist/lib/use-fluid-hover.js +0 -14
  368. package/dist/lib/use-is-mobile.d.ts +0 -2
  369. package/dist/lib/use-is-mobile.js +0 -6
  370. package/dist/lib/use-keyboard-nav-gate.d.ts +0 -20
  371. package/dist/lib/use-keyboard-nav-gate.js +0 -7
  372. package/dist/lib/use-merge-split.d.ts +0 -47
  373. package/dist/lib/use-merge-split.js +0 -15
  374. package/dist/lib/use-morph.d.ts +0 -101
  375. package/dist/lib/use-morph.js +0 -20
  376. package/dist/lib/use-touch-primary.d.ts +0 -2
  377. package/dist/lib/use-touch-primary.js +0 -6
  378. package/dist/lib/utils.d.ts +0 -3
  379. package/dist/lib/utils.js +0 -6
  380. package/dist/primitives/separator/index.d.ts +0 -25
  381. package/dist/primitives/separator/index.js +0 -9
  382. package/dist/primitives/skeleton/index.d.ts +0 -35
  383. package/dist/primitives/skeleton/index.js +0 -13
  384. package/dist/shared/components-124epb7f.js +0 -53
  385. package/dist/shared/components-1kab3j44.js +0 -337
  386. package/dist/shared/components-26snnbs9.js +0 -322
  387. package/dist/shared/components-34txk9rj.js +0 -35
  388. package/dist/shared/components-3h92d94m.js +0 -23
  389. package/dist/shared/components-4vfm04wq.js +0 -82
  390. package/dist/shared/components-54nq988h.js +0 -123
  391. package/dist/shared/components-7s7pykk5.js +0 -281
  392. package/dist/shared/components-7zkhz3r8.js +0 -399
  393. package/dist/shared/components-8v644a0s.js +0 -298
  394. package/dist/shared/components-a4evvq8h.js +0 -271
  395. package/dist/shared/components-adkarj8n.js +0 -35
  396. package/dist/shared/components-b1e239g3.js +0 -28
  397. package/dist/shared/components-b94t6qtj.js +0 -143
  398. package/dist/shared/components-c9yr4ed1.js +0 -44
  399. package/dist/shared/components-cwg1d0w6.js +0 -254
  400. package/dist/shared/components-d3shbwqq.js +0 -95
  401. package/dist/shared/components-dhgk6mbt.js +0 -16
  402. package/dist/shared/components-drxrtnp2.js +0 -25
  403. package/dist/shared/components-ej4r7wmj.js +0 -482
  404. package/dist/shared/components-f7h57m6t.js +0 -59
  405. package/dist/shared/components-fejdzvqc.js +0 -448
  406. package/dist/shared/components-gx4h5rbb.js +0 -40
  407. package/dist/shared/components-gyt7my41.js +0 -328
  408. package/dist/shared/components-h6p86be3.js +0 -19
  409. package/dist/shared/components-h83az0bz.js +0 -33
  410. package/dist/shared/components-hdzrqqpx.js +0 -55
  411. package/dist/shared/components-krtx3m5b.js +0 -84
  412. package/dist/shared/components-kswxnm3h.js +0 -24
  413. package/dist/shared/components-mpa2y6x8.js +0 -277
  414. package/dist/shared/components-mrbaxt8q.js +0 -62
  415. package/dist/shared/components-pt5ftm4p.js +0 -38
  416. package/dist/shared/components-rpw4md2b.js +0 -179
  417. package/dist/shared/components-rtadhd9j.js +0 -64
  418. package/dist/shared/components-tz4gaf1v.js +0 -23
  419. package/dist/shared/components-wbbckbw8.js +0 -34
  420. package/dist/shared/components-xdqmt6ed.js +0 -20
  421. package/dist/shared/components-xjkdvnbg.js +0 -107
  422. package/dist/shared/components-z3v0n0de.js +0 -11
  423. package/dist/shared/components-z6dfqtyt.js +0 -1545
  424. package/dist/tokens/colors.css +0 -230
  425. package/dist/tokens/motion.css +0 -40
  426. package/dist/tokens/radius.css +0 -10
  427. package/dist/tokens/spacing.css +0 -9
  428. package/dist/tokens/typography.css +0 -119
  429. package/docs/chrome.css +0 -120
  430. package/docs/chrome.tsx +0 -283
  431. package/docs/index.ts +0 -9
  432. package/docs/vite.ts +0 -85
  433. package/index.ts +0 -60
  434. package/lib/date-locale.ts +0 -195
  435. package/lib/field-classes.ts +0 -121
  436. package/lib/field-variants.ts +0 -117
  437. package/lib/fluid-hover-highlight.tsx +0 -139
  438. package/lib/focus-ring.tsx +0 -46
  439. package/lib/goo-indicator.tsx +0 -261
  440. package/lib/icon-context.tsx +0 -310
  441. package/lib/inert.ts +0 -22
  442. package/lib/morph-layers.tsx +0 -102
  443. package/lib/morph-part.tsx +0 -49
  444. package/lib/popup.ts +0 -52
  445. package/lib/reduced-motion.ts +0 -19
  446. package/lib/row-index.tsx +0 -29
  447. package/lib/row-order.tsx +0 -126
  448. package/lib/scroll-column.tsx +0 -273
  449. package/lib/shape-context.tsx +0 -138
  450. package/lib/shape-radius.ts +0 -67
  451. package/lib/size-context.tsx +0 -66
  452. package/lib/size-scale.ts +0 -115
  453. package/lib/slot.ts +0 -115
  454. package/lib/springs.ts +0 -62
  455. package/lib/surface-classes.ts +0 -58
  456. package/lib/surface-context.tsx +0 -21
  457. package/lib/use-controllable-state.ts +0 -44
  458. package/lib/use-fluid-hover.ts +0 -541
  459. package/lib/use-is-mobile.ts +0 -25
  460. package/lib/use-keyboard-nav-gate.ts +0 -45
  461. package/lib/use-merge-split.tsx +0 -209
  462. package/lib/use-morph.ts +0 -557
  463. package/lib/use-touch-primary.tsx +0 -43
  464. package/lib/utils.ts +0 -37
  465. package/preset.ts +0 -199
  466. package/primitives/code/examples.mdx +0 -27
  467. package/primitives/code/index.tsx +0 -80
  468. package/primitives/craft/demos.tsx +0 -173
  469. package/primitives/craft/examples.mdx +0 -142
  470. package/primitives/craft/index.tsx +0 -76
  471. package/primitives/fluid-hover/examples.mdx +0 -84
  472. package/primitives/fluid-hover/index.tsx +0 -316
  473. package/primitives/morph/examples.mdx +0 -139
  474. package/primitives/morph/index.tsx +0 -192
  475. package/primitives/motion/examples.mdx +0 -100
  476. package/primitives/motion/index.tsx +0 -160
  477. package/primitives/scroll-area/examples.mdx +0 -58
  478. package/primitives/scroll-area/index.tsx +0 -204
  479. package/primitives/separator/examples.mdx +0 -30
  480. package/primitives/separator/index.tsx +0 -53
  481. package/primitives/sizes/examples.mdx +0 -167
  482. package/primitives/sizes/index.tsx +0 -89
  483. package/primitives/skeleton/examples.mdx +0 -51
  484. package/primitives/skeleton/index.tsx +0 -72
  485. package/primitives/skeleton/skeleton.css +0 -15
  486. package/primitives/surface/examples.mdx +0 -173
  487. package/primitives/surface/index.tsx +0 -109
  488. package/primitives/surface/surface.css +0 -176
  489. /package/dist/shared/{components-3ey0hzpb.js → components-1v7rxytx.js} +0 -0
  490. /package/dist/shared/{components-jcnjay5g.js → components-ezxhrmer.js} +0 -0
@@ -6,19 +6,15 @@ import {
6
6
  PopoverDescription2,
7
7
  Popover2,
8
8
  popover_default
9
- } from "../../../shared/components-km7fhgbk.js";
10
- import"../../../shared/components-vf45j12c.js";
11
- import"../../../shared/components-mrbaxt8q.js";
12
- import"../../../shared/components-4y816hwp.js";
13
- import"../../../shared/components-b1e239g3.js";
14
- import"../../../shared/components-dhgk6mbt.js";
15
- import"../../../shared/components-awra5sff.js";
16
- import"../../../shared/components-tz1fv35x.js";
17
- import"../../../shared/components-de99ykt7.js";
18
- import"../../../shared/components-3ey0hzpb.js";
19
- import"../../../shared/components-71nbt03m.js";
20
- import"../../../shared/components-gx4h5rbb.js";
21
- import"../../../shared/components-jcnjay5g.js";
9
+ } from "../../../shared/components-gc5vtq2f.js";
10
+ import"../../../shared/components-3ky44908.js";
11
+ import"../../../shared/components-0q0sqfh4.js";
12
+ import"../../../shared/components-hqeq3w9q.js";
13
+ import"../../../shared/components-n7mjr357.js";
14
+ import"../../../shared/components-men63rwj.js";
15
+ import"../../../shared/components-cv16mryv.js";
16
+ import"../../../shared/components-zx6b6yby.js";
17
+ import"../../../shared/components-ezxhrmer.js";
22
18
  export {
23
19
  Popover2 as Popover,
24
20
  PopoverClose2 as PopoverClose,
@@ -3,18 +3,14 @@ import {
3
3
  PreviewCardContent2,
4
4
  PreviewCard2,
5
5
  preview_card_default
6
- } from "../../../shared/components-y1qvbawa.js";
7
- import"../../../shared/components-vf45j12c.js";
8
- import"../../../shared/components-4y816hwp.js";
9
- import"../../../shared/components-b1e239g3.js";
10
- import"../../../shared/components-dhgk6mbt.js";
11
- import"../../../shared/components-awra5sff.js";
12
- import"../../../shared/components-tz1fv35x.js";
13
- import"../../../shared/components-de99ykt7.js";
14
- import"../../../shared/components-3ey0hzpb.js";
15
- import"../../../shared/components-71nbt03m.js";
16
- import"../../../shared/components-gx4h5rbb.js";
17
- import"../../../shared/components-jcnjay5g.js";
6
+ } from "../../../shared/components-3mkepka5.js";
7
+ import"../../../shared/components-0q0sqfh4.js";
8
+ import"../../../shared/components-hqeq3w9q.js";
9
+ import"../../../shared/components-n7mjr357.js";
10
+ import"../../../shared/components-men63rwj.js";
11
+ import"../../../shared/components-cv16mryv.js";
12
+ import"../../../shared/components-zx6b6yby.js";
13
+ import"../../../shared/components-ezxhrmer.js";
18
14
  export {
19
15
  PreviewCard2 as PreviewCard,
20
16
  PreviewCardContent2 as PreviewCardContent,
@@ -1,5 +1,4 @@
1
- import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
2
- import { ComponentProps as ComponentProps2, HTMLAttributes as HTMLAttributes2, ReactNode as ReactNode3, RefObject as RefObject3 } from "react";
1
+ import { HTMLAttributes as HTMLAttributes2, ReactNode as ReactNode3, RefObject as RefObject3 } from "react";
3
2
  import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
4
3
  import { RefAttributes as RefAttributes_miuf562 } from "react";
5
4
  import { JSX as JSX_1kxb2 } from "react";
@@ -15,32 +14,21 @@ interface SheetContentProps extends HTMLAttributes2<HTMLDivElement> {
15
14
  tier?: "moderate" | "slow";
16
15
  /** Portal target. Defaults to the document body. */
17
16
  container?: HTMLElement | null;
18
- /** The edge the sheet is attached to, overriding the root's `side` (the Radix shape); the swipe follows it. Defaults to the `Sheet`'s `side`. */
19
- side?: SheetSide;
20
- /** Where focus goes when the sheet opens: a ref, `false` to leave it, `true` for the default, or a function of how it opened (`'mouse'`, `'touch'`, `'pen'`, `'keyboard'`). Defaults to the first tabbable element in the panel. */
21
- initialFocus?: DrawerPopupProps["initialFocus"];
22
- /** Where focus goes when the sheet closes: a ref, `false` to leave it, `true` for the default, or a function of how it closed. Defaults to the trigger. */
23
- finalFocus?: DrawerPopupProps["finalFocus"];
24
- /** Classes for the positioned popup box, merged after its placement (`max-w-[36rem]` on top and bottom, `w-[min(24rem,calc(100%-1rem))]` on the sides), so a width class resizes the sheet. */
25
- popupClassName?: string;
26
17
  /** Classes for the sheet's content box: padding, layout. */
27
18
  className?: string;
28
19
  /** The sheet's content. Everything inside reads the sheet's surface level as its substrate. */
29
20
  children?: ReactNode3;
30
21
  }
31
- type DrawerPopupProps = ComponentProps2<typeof DrawerPrimitive.Popup>;
32
22
  declare const SheetContent: ForwardRefExoticComponent_tcubfn2<SheetContentProps & RefAttributes_miuf562<HTMLDivElement>>;
33
23
  declare const SheetIndent: ForwardRefExoticComponent_tcubfn2<HTMLAttributes2<HTMLDivElement> & RefAttributes_miuf562<HTMLDivElement>>;
34
- /** What `onOpenChange` receives besides the open state: Base UI's Drawer change details. */
35
- type SheetOpenChangeDetails = DrawerPrimitive.Root.ChangeEventDetails;
36
24
  interface SheetProps {
37
25
  /** Controlled open state. */
38
26
  open?: boolean;
39
27
  /** Initial open state, for an uncontrolled sheet. Defaults to `false`. */
40
28
  defaultOpen?: boolean;
41
- /** Called when the sheet opens or closes, including by a swipe, with Base UI's change details: `reason` (`'swipe'`, `'escape-key'`, `'outside-press'`, …), the `event`, and `cancel()` to keep it as it is. */
42
- onOpenChange?: (open: boolean, details: SheetOpenChangeDetails) => void;
43
- /** The edge the sheet is attached to; a swipe back toward it dismisses it. A `Sheet.Content` `side` overrides it. Defaults to `'bottom'`. */
29
+ /** Called when the sheet opens or closes, including by a swipe. */
30
+ onOpenChange?: (open: boolean) => void;
31
+ /** The edge the sheet is attached to; a swipe back toward it dismisses it. Defaults to `'bottom'`. */
44
32
  side?: "top" | "right" | "bottom" | "left";
45
33
  /** Snap points for a top or bottom sheet: fractions of the viewport height (0–1), pixels, or `px` / `rem` strings. */
46
34
  snapPoints?: (number | string)[];
@@ -48,8 +36,6 @@ interface SheetProps {
48
36
  defaultSnapPoint?: number | string;
49
37
  /** Traps focus and locks page scroll while open. Defaults to `true`. */
50
38
  modal?: boolean;
51
- /** Ignore presses outside the sheet: only Escape, a swipe and its own closes dismiss it. Defaults to `false`. */
52
- disablePointerDismissal?: boolean;
53
39
  /** The trigger and the content — `Sheet.Trigger` plus a `Sheet.Content`. */
54
40
  children?: ReactNode3;
55
41
  }
@@ -64,21 +50,18 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
64
50
  * go), top and bottom sheets can rest at `snapPoints`, and
65
51
  * focus and scroll are held while it is open. It floats a spacing step off
66
52
  * its edge and lifts 4 surface levels off its substrate, like a dialog; top
67
- * and bottom sheets show a handle. `onOpenChange` hears why
68
- * (`details.reason`, `'swipe'` included) and can `details.cancel()` it.
53
+ * and bottom sheets show a handle.
69
54
  *
70
55
  * Statics:
71
56
  * - `Sheet.Trigger`, `Sheet.Header`, `Sheet.Footer`, `Sheet.Title`,
72
57
  * `Sheet.Description`, `Sheet.Close` — Dialog's parts, which work the same
73
58
  * here.
74
- * - `Sheet.Content` — the panel: `side` (overrides the root's),
75
- * `initialFocus`, `finalFocus`, `popupClassName` (sizes the popup box),
76
- * and the morph options `from`, `effect`,
59
+ * - `Sheet.Content` — the panel, with the morph options `from`, `effect`,
77
60
  * `hideSource`, `tier`.
78
61
  * - `Sheet.Provider` / `Sheet.Indent` — wrap the page in an `Indent` under a
79
62
  * `Provider` and it eases back while any sheet inside is open.
80
63
  *
81
64
  * @example {@include ./examples.mdx}
82
65
  */
83
- declare function Sheet({ children, open, defaultOpen, onOpenChange, side, snapPoints, defaultSnapPoint, modal, disablePointerDismissal }: SheetProps): Element_12xgc2;
84
- export { Sheet, SheetContent, SheetContentProps, SheetIndent, SheetOpenChangeDetails, SheetProps, SheetSide, Sheet as default };
66
+ declare function Sheet({ children, open, defaultOpen, onOpenChange, side, snapPoints, defaultSnapPoint, modal }: SheetProps): Element_12xgc2;
67
+ export { Sheet, SheetContent, SheetContentProps, SheetIndent, SheetProps, SheetSide, Sheet as default };
@@ -3,25 +3,19 @@ import {
3
3
  SheetIndent2,
4
4
  Sheet2,
5
5
  sheet_default
6
- } from "../../../shared/components-8rb25gbe.js";
7
- import"../../../shared/components-t50hrswb.js";
8
- import"../../../shared/components-vf45j12c.js";
9
- import"../../../shared/components-mrbaxt8q.js";
10
- import"../../../shared/components-4y816hwp.js";
11
- import"../../../shared/components-b1e239g3.js";
12
- import"../../../shared/components-dhgk6mbt.js";
13
- import"../../../shared/components-jqpefjsn.js";
14
- import"../../../shared/components-awra5sff.js";
15
- import"../../../shared/components-9sttq78t.js";
16
- import"../../../shared/components-4vfm04wq.js";
17
- import"../../../shared/components-tz1fv35x.js";
18
- import"../../../shared/components-de99ykt7.js";
19
- import"../../../shared/components-3ey0hzpb.js";
20
- import"../../../shared/components-h83az0bz.js";
21
- import"../../../shared/components-34txk9rj.js";
22
- import"../../../shared/components-71nbt03m.js";
23
- import"../../../shared/components-gx4h5rbb.js";
24
- import"../../../shared/components-jcnjay5g.js";
6
+ } from "../../../shared/components-rr7a6ja9.js";
7
+ import"../../../shared/components-zfnmn5d4.js";
8
+ import"../../../shared/components-3ky44908.js";
9
+ import"../../../shared/components-zrkzcayz.js";
10
+ import"../../../shared/components-0q0sqfh4.js";
11
+ import"../../../shared/components-hqeq3w9q.js";
12
+ import"../../../shared/components-b2wyq2cq.js";
13
+ import"../../../shared/components-n7mjr357.js";
14
+ import"../../../shared/components-men63rwj.js";
15
+ import"../../../shared/components-0sn7ypjw.js";
16
+ import"../../../shared/components-cv16mryv.js";
17
+ import"../../../shared/components-zx6b6yby.js";
18
+ import"../../../shared/components-ezxhrmer.js";
25
19
  export {
26
20
  Sheet2 as Sheet,
27
21
  SheetContent2 as SheetContent,
@@ -1,216 +1,71 @@
1
- import { ReactNode as ReactNode5 } from "react";
2
- import { ComponentType } from "react";
3
- interface IconComponentProps {
4
- size?: number | string;
5
- strokeWidth?: number | string;
6
- className?: string;
7
- }
8
- type IconComponent = ComponentType<IconComponentProps>;
9
- import { ButtonHTMLAttributes, ReactElement, ReactNode as ReactNode2 } from "react";
1
+ import { ReactNode as ReactNode2 } from "react";
2
+ import { ButtonHTMLAttributes, ReactElement, ReactNode } from "react";
10
3
  interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
11
- /** The element that becomes the control, e.g. a Button. Children fill it when it has none of its own. */
4
+ /** The element that becomes the control, e.g. a Button. */
12
5
  render?: ReactElement;
13
6
  /** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
14
7
  asChild?: boolean;
15
- /** Control content when there is no render element, or the content of a render element that has none of its own. */
16
- children?: ReactNode2;
17
- /** Whether the render element is a native `<button>`: pass `false` for a `<div>` or a link, so Base UI adds the button role and keyboard handling itself. Parts not built on a Base UI button ignore it. Defaults to `true`. */
18
- nativeButton?: boolean;
19
- }
20
- import { VariantProps as VariantProps2 } from "class-variance-authority";
21
- import { ButtonHTMLAttributes as ButtonHTMLAttributes2, ReactNode as ReactNode3 } from "react";
22
- import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
23
- type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
24
- declare const buttonRecipe: (props?: ({
25
- variant?: "link" | "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | null | undefined;
26
- size?: "default" | "compact" | "icon" | "icon-compact" | null | undefined;
27
- iconLeft?: boolean | null | undefined;
28
- iconRight?: boolean | null | undefined;
29
- surface?: boolean | null | undefined;
30
- } & ClassProp_wz9o0r) | undefined) => string;
31
- type ButtonSizeCanonical = "default" | "compact" | "icon" | "icon-compact";
32
- /** Public size values: the canonical two-size scale plus aliases, kept so
33
- * existing call sites keep compiling. Aliases resolve onto the canonical
34
- * ladder (sm, xs → compact; md/lg → default). The ladder has two steps, so
35
- * `xs` is compact rather than a third height. */
36
- type ButtonSize = ButtonSizeCanonical | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
37
- type ButtonRecipeOptions = NonNullable<Parameters<typeof buttonRecipe>[0]>;
38
- /** Options of `buttonVariants`: the Button's look, picked without rendering one. */
39
- interface ButtonVariantsOptions extends Omit<ButtonRecipeOptions, "size"> {
40
- /** Visual style. Defaults to `"primary"`. */
41
- variant?: ButtonVariant | null;
42
- /** Step on the size ladder; the aliases resolve as on the Button (xs, sm → compact; md, lg → default; icon-sm → icon-compact; icon-lg → icon). Defaults to `"default"`. */
43
- size?: ButtonSize | null;
44
- /** Draw the fill, ring, hover, press and disabled (`aria-disabled`) look on the element itself, for a host that is not a Button, such as an `<a>`. Static: no press shrink or loading morph — prefer `<Button asChild>` when you can render a component. Defaults to `false`. */
45
- surface?: boolean | null;
46
- }
47
- /**
48
- * The Button's class recipe, callable from server code (no JSX, hooks or
49
- * context). Without `surface` it returns the root classes the Button builds
50
- * on: layout, label color, size, focus ring — the fill lives on the Button's
51
- * inner layer, so on its own it reads as a bare label. With `surface: true`
52
- * the fill and ring go on the element itself, for an anchor styled as a
53
- * button. Size aliases resolve onto the ladder; the radius is the rounded
54
- * shape's (pass `rounded-[20px]` or read `useShape().button` for pill).
55
- */
56
- declare function buttonVariants({ size,...options }?: ButtonVariantsOptions): string;
57
- interface ButtonProps extends ButtonHTMLAttributes2<HTMLButtonElement>, Omit<VariantProps2<typeof buttonVariants>, "size" | "surface"> {
58
- /** Visual style of the button. `outline` is `tertiary` under its shadcn name; `destructive` and `success` tint the label and a wash of their hue; `link` is underlined text on the control height. Defaults to `"primary"`. */
59
- variant?: "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
60
- /** Step on the size ladder (36px default, 28px compact — see Sizes): `"default"` | `"compact"` | `"icon"` | `"icon-compact"`. Omitted, the button follows the surrounding SizeProvider. Aliases resolve onto the ladder (xs, sm → compact; md/lg → default; icon-sm → icon-compact; icon-lg → icon). */
61
- size?: "default" | "compact" | "icon" | "icon-compact" | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
62
- /** Merge props onto the child element instead of rendering a `<button>` — the single React-element child becomes the rendered element (slot-style). Defaults to `false`. */
63
- asChild?: boolean;
64
- /** Folds the button into a circle around a spinner and blocks presses; the button keeps its box, so nothing around it moves, and keeps focus (`aria-disabled`, not `disabled`). Defaults to `false`. */
65
- loading?: boolean;
66
- /** Icon displayed before the label. */
67
- leadingIcon?: IconComponent;
68
- /** Icon displayed after the label. */
69
- trailingIcon?: IconComponent;
70
- /** Forces the pressed/held visual — e.g. while a dropdown or popover the button opened is showing. Defaults to `false`. */
71
- active?: boolean;
72
- /** Disables the button. Defaults to `false`. */
73
- disabled?: boolean;
74
- /** The label. With `size="icon"` / `"icon-compact"`, the icon itself (give the button an `aria-label`). */
75
- children?: ReactNode3;
8
+ /** Control content when there is no render element. */
9
+ children?: ReactNode;
76
10
  }
77
- import { ToastManager } from "@base-ui/react/toast";
78
- import { ReactNode as ReactNode4 } from "react";
79
- import { ToastManagerEvent as ToastManagerEvent_co995g } from "@base-ui/react";
11
+ import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
12
+ import { RefAttributes as RefAttributes_miuf56 } from "react";
13
+ import { JSX as JSX_1kxb } from "react";
80
14
  type ToastType = "success" | "loading" | "error" | "warning" | "info" | "action";
81
- /** A button in the toast's body. */
82
- interface ToastActionOptions {
83
- label: ReactNode4;
84
- onClick?: () => void;
85
- }
15
+ type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
86
16
  interface ToastOptions {
87
- /** Reuse an id to replace a toast that is still showing. */
88
- id?: string;
89
- title?: ReactNode4;
90
- description?: ReactNode4;
17
+ title?: string;
18
+ description?: string;
91
19
  type?: ToastType;
92
20
  /** Ms before it leaves; 0 keeps it until dismissed. */
93
21
  timeout?: number;
94
- /** Same as `timeout`; `timeout` wins when both are set. */
95
- duration?: number;
96
- /** Replaces the state's icon in the pill: an icon component, or any node. */
97
- icon?: IconComponent | ReactNode4;
98
- /** A button in the body (`{ label, onClick }`), or any node. */
99
- action?: ToastActionOptions | ReactNode4;
100
- /** Runs once the toast starts to leave, however it was closed. */
101
- onClose?: () => void;
102
- /** `high` is announced at once by screen readers; `low` waits its turn. */
103
- priority?: "low" | "high";
104
- }
105
- /** What a toast keeps beside Base UI's own fields. */
106
- interface ToastData {
107
- icon?: IconComponent | ReactNode4;
108
- action?: ReactNode4;
22
+ action?: {
23
+ label: string;
24
+ onClick?: () => void;
25
+ };
109
26
  }
110
- type ToastInput = string | ToastOptions;
111
- type ToastResult<T> = ToastInput | ((value: T) => ToastInput);
112
- interface ToastPromiseOptions<T> {
113
- loading: ToastInput;
114
- success: ToastResult<T>;
115
- error: ToastResult<unknown>;
116
- }
117
- /** A shown toast: its id, and updating or dismissing it. */
118
- interface ToastHandle {
119
- id: string;
120
- update: (options: ToastInput) => void;
121
- dismiss: () => void;
122
- }
123
- /**
124
- * Shows a toast from anywhere — an event handler, a fetch wrapper, code
125
- * outside React — in the `Toast` mounted with `manager={toast}`. Returns a
126
- * handle with the id, `update` and `dismiss`.
127
- */
128
- declare const toast: ((input: ToastInput) => ToastHandle) & {
129
- /** A `success` toast. */
130
- success: (input: ToastInput) => ToastHandle;
131
- /** An `error` toast. */
132
- error: (input: ToastInput) => ToastHandle;
133
- /** A `warning` toast. */
134
- warning: (input: ToastInput) => ToastHandle;
135
- /** An `info` toast. */
136
- info: (input: ToastInput) => ToastHandle;
137
- /** A spinning `loading` toast. It stays while its type is `loading`; once updated to another type it leaves on its own `timeout` or the `Toast`'s. */
138
- loading: (input: ToastInput) => ToastHandle;
139
- /** Runs `promise` behind a `loading` toast that turns into its `success` or `error` toast. Returns the promise. */
140
- promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
141
- /** Changes a toast that is showing. */
142
- update: (id: string, input: ToastInput) => void;
143
- /** Closes one toast, or every toast without an id. */
144
- dismiss: (id?: string) => void;
145
- " subscribe": (listener: (data: ToastManagerEvent_co995g) => void) => () => void;
146
- };
147
- /** What `<Toast manager>` takes: the global `toast`, or a manager from Base UI's `Toast.createToastManager()`. */
148
- type ToastSource = Pick<ToastManager, " subscribe">;
149
- import { ToastObject as ToastObject_9whgyu } from "@base-ui/react";
150
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
151
- import { RefAttributes as RefAttributes_miuf562 } from "react";
152
- import { JSX as JSX_1kxb2 } from "react";
153
- type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
154
- /**
155
- * Shows toasts from inside a `Toast`: `show`, the per-state shortcuts,
156
- * `promise`, `update` and `close` (alias `dismiss`), plus the `toasts` showing.
157
- * Under a `Toast` with `manager={toast}` it works on the same stack as the
158
- * global `toast()`.
159
- */
27
+ /** Shows toasts from inside a `Toast`: `show`, the per-state shortcuts, `promise` and `close`. */
160
28
  declare function useToast(): {
161
- toasts: ToastObject_9whgyu<ToastData>[];
162
- show: (o: ToastInput) => string;
163
- success: (o: ToastInput) => string;
164
- error: (o: ToastInput) => string;
165
- warning: (o: ToastInput) => string;
166
- info: (o: ToastInput) => string;
167
- promise: <T>(promise: Promise<T>, o: ToastPromiseOptions<T>) => Promise<T>;
168
- update: (id: string, o: ToastInput) => void;
29
+ show: (o: ToastOptions) => string;
30
+ success: (o: ToastOptions) => string;
31
+ error: (o: ToastOptions) => string;
32
+ warning: (o: ToastOptions) => string;
33
+ info: (o: ToastOptions) => string;
34
+ promise: <T>(promise: Promise<T>, o: {
35
+ loading: ToastOptions;
36
+ success: ToastOptions;
37
+ error: ToastOptions;
38
+ }) => Promise<T>;
169
39
  close: (toastId?: string) => void;
170
- dismiss: (toastId?: string) => void;
171
40
  };
172
- interface ToastTriggerProps extends Omit<SlotProps, "type" | "title"> {
41
+ interface ToastTriggerProps extends Omit<SlotProps, "type"> {
173
42
  /** The toast's title, in the pill. */
174
- title?: ReactNode5;
43
+ title?: string;
175
44
  /** Text for the body the pill melts into. */
176
- description?: ReactNode5;
45
+ description?: string;
177
46
  /** State: sets the icon and its color. Defaults to `'info'`. */
178
47
  type?: "success" | "loading" | "error" | "warning" | "info" | "action";
179
48
  /** Ms before it leaves; 0 keeps it until dismissed. Defaults to the `Toast`'s `timeout`. */
180
49
  timeout?: number;
181
- /** Replaces the state's icon in the pill: an icon component, or any node. */
182
- icon?: IconComponent | ReactNode5;
183
- /** A button in the body (`{ label, onClick }`), or any node. */
184
- action?: ToastActionOptions | ReactNode5;
50
+ /** A button in the body. */
51
+ action?: {
52
+ label: string;
53
+ onClick?: () => void;
54
+ };
185
55
  /** Runs a task: the toast shows `title` while it is pending, then `success` or `error`. */
186
56
  promise?: () => Promise<unknown>;
187
57
  /** The toast once `promise` resolves. */
188
- success?: ToastOptions;
58
+ success?: {
59
+ title?: string;
60
+ description?: string;
61
+ };
189
62
  /** The toast if `promise` rejects. */
190
- error?: ToastOptions;
191
- }
192
- declare const ToastTrigger: ForwardRefExoticComponent_tcubfn2<ToastTriggerProps & RefAttributes_miuf562<HTMLButtonElement>>;
193
- type ToastButtonVariant = NonNullable<ButtonProps["variant"]>;
194
- interface ToastActionProps extends SlotProps {
195
- /** The Button's variant when there is no `render` element. Defaults to `'secondary'`. */
196
- variant?: ToastButtonVariant;
63
+ error?: {
64
+ title?: string;
65
+ description?: string;
66
+ };
197
67
  }
198
- /**
199
- * A button inside a toast (a custom `action` node or `description`), on Base UI's
200
- * `Toast.Action`: a compact Button by default, or `render` / `asChild`. A toast shown with
201
- * `action: { label, onClick }` already renders one.
202
- */
203
- declare const ToastAction: ForwardRefExoticComponent_tcubfn2<ToastActionProps & RefAttributes_miuf562<HTMLButtonElement>>;
204
- interface ToastCloseProps extends SlotProps {
205
- /** The Button's variant when there is no `render` element. Defaults to `'ghost'`. */
206
- variant?: ToastButtonVariant;
207
- }
208
- /**
209
- * Dismisses the toast it sits in (a custom `action` node or `description`), on Base UI's
210
- * `Toast.Close`: a compact Button around `children`, an ✕ labelled `Close` without them, or
211
- * `render` / `asChild`.
212
- */
213
- declare const ToastClose: ForwardRefExoticComponent_tcubfn2<ToastCloseProps & RefAttributes_miuf562<HTMLButtonElement>>;
68
+ declare const ToastTrigger: ForwardRefExoticComponent_tcubfn<ToastTriggerProps & RefAttributes_miuf56<HTMLButtonElement>>;
214
69
  interface ToastProps {
215
70
  /** Where toasts stack; the pill sits on that side and the body opens away from the edge. Defaults to `'top-right'`. */
216
71
  position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
@@ -218,12 +73,10 @@ interface ToastProps {
218
73
  limit?: number;
219
74
  /** Ms a toast stays; hovering pauses it. Defaults to `6000`. */
220
75
  timeout?: number;
221
- /** Also renders the toasts this manager shows: pass the global `toast` so `toast()` calls from anywhere land here (mount one such `Toast` per app), or a manager from Base UI's `Toast.createToastManager()`. */
222
- manager?: ToastSource;
223
- /** The part of the app that can show toasts, with `Toast.Trigger`s or `useToast()`. Optional: a `Toast` with a `manager` can stand alone. */
224
- children?: ReactNode5;
76
+ /** The part of the app that can show toasts, with `Toast.Trigger`s or `useToast()`. */
77
+ children?: ReactNode2;
225
78
  }
226
- type Element_12xgc2 = JSX_1kxb2["Element"];
79
+ type Element_12xgc = JSX_1kxb["Element"];
227
80
  /**
228
81
  * Gooey toasts: a pill with the state's icon and title that melts into a body
229
82
  * with the details.
@@ -239,22 +92,10 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
239
92
  *
240
93
  * `Toast` wraps the part of the app that shows toasts and renders them at
241
94
  * its `position`. Show one with `Toast.Trigger`, or call `useToast()`
242
- * inside it: `show`, `success`, `error`, `warning`, `info`, `promise`,
243
- * `update` and `close`.
244
- *
245
- * Or mount one `<Toast manager={toast} />` near the root and call the global
246
- * `toast()` from anywhere, inside React or not: `toast({ title, description,
247
- * type, timeout, icon, action, onClose })`, `toast.success`, `.error`,
248
- * `.warning`, `.info`, `.loading`, `.promise`, `.update(id, …)` and
249
- * `.dismiss(id?)`. Each call returns a handle with the toast's `id`,
250
- * `update` and `dismiss`; calls made before the `Toast` mounts wait for it.
251
- * Titles and descriptions take any node, `icon` replaces the state's glyph,
252
- * and `action` is a button (`{ label, onClick }`) or any node.
95
+ * inside it: `show`, `success`, `error`, `warning`, `info`, `promise` and
96
+ * `close`.
253
97
  *
254
98
  * Statics:
255
- * - `Toast.Action` / `Toast.Close` — a button and a dismiss for a custom
256
- * `action` node (or a description): compact Buttons by default (the close
257
- * an ✕ without children), or `render` / `asChild`.
258
99
  * - `Toast.Trigger` — a control that shows a toast when pressed:
259
100
  * `render={<Button/>}` or `asChild`, with the toast's `title`,
260
101
  * `description`, `type`, `timeout`, `action`, or a `promise` with its
@@ -262,5 +103,5 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
262
103
  *
263
104
  * @example {@include ./examples.mdx}
264
105
  */
265
- declare function Toast({ position, limit, timeout, manager, children }: ToastProps): Element_12xgc2;
266
- export { Toast, ToastAction, ToastActionOptions, ToastActionProps, ToastClose, ToastCloseProps, ToastHandle, ToastInput, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastSource, ToastTrigger, ToastTriggerProps, ToastType, Toast as default, toast, useToast };
106
+ declare function Toast({ position, limit, timeout, children }: ToastProps): Element_12xgc;
107
+ export { Toast, ToastOptions, ToastPosition, ToastProps, ToastTrigger, ToastTriggerProps, ToastType, Toast as default, useToast };
@@ -1,34 +1,21 @@
1
1
  import {
2
- toast2,
3
2
  useToast2,
4
3
  ToastTrigger2,
5
- ToastAction2,
6
- ToastClose2,
7
4
  Toast2,
8
5
  toast_default
9
- } from "../../../shared/components-r7q1zm7r.js";
10
- import"../../../shared/components-vf45j12c.js";
11
- import"../../../shared/components-mrbaxt8q.js";
12
- import"../../../shared/components-4y816hwp.js";
13
- import"../../../shared/components-b1e239g3.js";
14
- import"../../../shared/components-dhgk6mbt.js";
15
- import"../../../shared/components-jqpefjsn.js";
16
- import"../../../shared/components-awra5sff.js";
17
- import"../../../shared/components-9sttq78t.js";
18
- import"../../../shared/components-4vfm04wq.js";
19
- import"../../../shared/components-de99ykt7.js";
20
- import"../../../shared/components-3ey0hzpb.js";
21
- import"../../../shared/components-h83az0bz.js";
22
- import"../../../shared/components-34txk9rj.js";
23
- import"../../../shared/components-71nbt03m.js";
24
- import"../../../shared/components-gx4h5rbb.js";
25
- import"../../../shared/components-jcnjay5g.js";
6
+ } from "../../../shared/components-jwst3vtj.js";
7
+ import"../../../shared/components-3ky44908.js";
8
+ import"../../../shared/components-0q0sqfh4.js";
9
+ import"../../../shared/components-hqeq3w9q.js";
10
+ import"../../../shared/components-b2wyq2cq.js";
11
+ import"../../../shared/components-men63rwj.js";
12
+ import"../../../shared/components-0sn7ypjw.js";
13
+ import"../../../shared/components-cv16mryv.js";
14
+ import"../../../shared/components-zx6b6yby.js";
15
+ import"../../../shared/components-ezxhrmer.js";
26
16
  export {
27
17
  Toast2 as Toast,
28
- ToastAction2 as ToastAction,
29
- ToastClose2 as ToastClose,
30
18
  ToastTrigger2 as ToastTrigger,
31
19
  toast_default as default,
32
- toast2 as toast,
33
20
  useToast2 as useToast
34
21
  };