@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
@@ -1,33 +0,0 @@
1
- import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
2
- declare const badgeColors: {
3
- readonly gray: "var(--badge-gray)";
4
- readonly red: "var(--badge-red)";
5
- readonly orange: "var(--badge-orange)";
6
- readonly amber: "var(--badge-amber)";
7
- readonly yellow: "var(--badge-yellow)";
8
- readonly lime: "var(--badge-lime)";
9
- readonly green: "var(--badge-green)";
10
- readonly emerald: "var(--badge-emerald)";
11
- readonly teal: "var(--badge-teal)";
12
- readonly cyan: "var(--badge-cyan)";
13
- readonly blue: "var(--badge-blue)";
14
- readonly indigo: "var(--badge-indigo)";
15
- readonly violet: "var(--badge-violet)";
16
- readonly purple: "var(--badge-purple)";
17
- readonly fuchsia: "var(--badge-fuchsia)";
18
- readonly pink: "var(--badge-pink)";
19
- readonly rose: "var(--badge-rose)";
20
- };
21
- type BadgeColor = keyof typeof badgeColors;
22
- type BadgeVariant = "solid" | "dot" | "outline";
23
- declare const badgeVariants: (props?: ({
24
- variant?: "dot" | "outline" | "solid" | null | undefined;
25
- size?: "default" | "compact" | null | undefined;
26
- } & ClassProp_wz9o0r) | undefined) => string;
27
- type BadgeSizeCanonical = "default" | "compact";
28
- /** Public size values: the canonical two-size scale plus the pre-sizes-system
29
- * aliases, kept so existing call sites keep compiling. Aliases resolve onto
30
- * the canonical ladder (sm → compact; md/lg → default). */
31
- type BadgeSize = BadgeSizeCanonical | "sm" | "md" | "lg";
32
- declare const legacySizeAliases: Partial<Record<BadgeSize, BadgeSizeCanonical>>;
33
- export { BadgeColor, BadgeSize, BadgeSizeCanonical, BadgeVariant, badgeColors, badgeVariants, legacySizeAliases };
@@ -1,10 +0,0 @@
1
- import {
2
- badgeColors2,
3
- badgeVariants2,
4
- legacySizeAliases3
5
- } from "../../shared/components-c9yr4ed1.js";
6
- export {
7
- badgeColors2 as badgeColors,
8
- badgeVariants2 as badgeVariants,
9
- legacySizeAliases3 as legacySizeAliases
10
- };
@@ -1,39 +0,0 @@
1
- import { VariantProps } from "class-variance-authority";
2
- import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
3
- type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
4
- declare const buttonRecipe: (props?: ({
5
- variant?: "link" | "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | null | undefined;
6
- size?: "default" | "compact" | "icon" | "icon-compact" | null | undefined;
7
- iconLeft?: boolean | null | undefined;
8
- iconRight?: boolean | null | undefined;
9
- surface?: boolean | null | undefined;
10
- } & ClassProp_wz9o0r) | undefined) => string;
11
- type ButtonSizeCanonical = "default" | "compact" | "icon" | "icon-compact";
12
- /** Public size values: the canonical two-size scale plus aliases, kept so
13
- * existing call sites keep compiling. Aliases resolve onto the canonical
14
- * ladder (sm, xs → compact; md/lg → default). The ladder has two steps, so
15
- * `xs` is compact rather than a third height. */
16
- type ButtonSize = ButtonSizeCanonical | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
17
- declare const legacySizeAliases: Partial<Record<ButtonSize, ButtonSizeCanonical>>;
18
- type ButtonRecipeOptions = NonNullable<Parameters<typeof buttonRecipe>[0]>;
19
- /** Options of `buttonVariants`: the Button's look, picked without rendering one. */
20
- interface ButtonVariantsOptions extends Omit<ButtonRecipeOptions, "size"> {
21
- /** Visual style. Defaults to `"primary"`. */
22
- variant?: ButtonVariant | null;
23
- /** 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"`. */
24
- size?: ButtonSize | null;
25
- /** 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`. */
26
- surface?: boolean | null;
27
- }
28
- /**
29
- * The Button's class recipe, callable from server code (no JSX, hooks or
30
- * context). Without `surface` it returns the root classes the Button builds
31
- * on: layout, label color, size, focus ring — the fill lives on the Button's
32
- * inner layer, so on its own it reads as a bare label. With `surface: true`
33
- * the fill and ring go on the element itself, for an anchor styled as a
34
- * button. Size aliases resolve onto the ladder; the radius is the rounded
35
- * shape's (pass `rounded-[20px]` or read `useShape().button` for pill).
36
- */
37
- declare function buttonVariants({ size,...options }?: ButtonVariantsOptions): string;
38
- type ButtonVariantsProps = VariantProps<typeof buttonVariants>;
39
- export { ButtonSize, ButtonSizeCanonical, ButtonVariant, ButtonVariantsOptions, ButtonVariantsProps, buttonVariants, legacySizeAliases };
@@ -1,8 +0,0 @@
1
- import {
2
- legacySizeAliases2,
3
- buttonVariants2
4
- } from "../../shared/components-4vfm04wq.js";
5
- export {
6
- buttonVariants2 as buttonVariants,
7
- legacySizeAliases2 as legacySizeAliases
8
- };
@@ -1,61 +0,0 @@
1
- type ColorFormat = "hex" | "rgb" | "hsl" | "oklch";
2
- interface ParsedColor {
3
- h: number;
4
- s: number;
5
- v: number;
6
- a: number;
7
- r: number;
8
- g: number;
9
- b: number;
10
- hex: string;
11
- rgb: string;
12
- hsl: string;
13
- oklch: string;
14
- }
15
- declare function clamp01(n: number): number;
16
- declare function hsvToRgb(h: number, s: number, v: number): {
17
- r: number;
18
- g: number;
19
- b: number;
20
- };
21
- declare function rgbToHsv(r: number, g: number, b: number): {
22
- h: number;
23
- s: number;
24
- v: number;
25
- };
26
- declare function rgbToHsl(r: number, g: number, b: number): {
27
- h: number;
28
- s: number;
29
- l: number;
30
- };
31
- declare function hslToRgb(h: number, s: number, l: number): {
32
- r: number;
33
- g: number;
34
- b: number;
35
- };
36
- declare function rgbToOklch(r: number, g: number, b: number): {
37
- L: number;
38
- C: number;
39
- H: number;
40
- };
41
- declare function oklchToRgb(L: number, C: number, H: number): {
42
- r: number;
43
- g: number;
44
- b: number;
45
- };
46
- declare function rgbToHexStr(r: number, g: number, b: number, a: number): string;
47
- declare function parseColor(input: string): {
48
- r: number;
49
- g: number;
50
- b: number;
51
- a: number;
52
- } | null;
53
- declare function resolveCssColor(input: string): {
54
- r: number;
55
- g: number;
56
- b: number;
57
- a: number;
58
- } | null;
59
- declare function buildParsed(h: number, s: number, v: number, a: number): ParsedColor;
60
- declare function formatValueByFormat(parsed: ParsedColor, fmt: ColorFormat): string;
61
- export { ColorFormat, ParsedColor, buildParsed, clamp01, formatValueByFormat, hslToRgb, hsvToRgb, oklchToRgb, parseColor, resolveCssColor, rgbToHexStr, rgbToHsl, rgbToHsv, rgbToOklch };
@@ -1,28 +0,0 @@
1
- import {
2
- clamp012,
3
- hsvToRgb2,
4
- rgbToHsv2,
5
- rgbToHsl2,
6
- hslToRgb2,
7
- rgbToOklch2,
8
- oklchToRgb2,
9
- rgbToHexStr2,
10
- parseColor2,
11
- resolveCssColor2,
12
- buildParsed2,
13
- formatValueByFormat2
14
- } from "../../../shared/components-26snnbs9.js";
15
- export {
16
- buildParsed2 as buildParsed,
17
- clamp012 as clamp01,
18
- formatValueByFormat2 as formatValueByFormat,
19
- hslToRgb2 as hslToRgb,
20
- hsvToRgb2 as hsvToRgb,
21
- oklchToRgb2 as oklchToRgb,
22
- parseColor2 as parseColor,
23
- resolveCssColor2 as resolveCssColor,
24
- rgbToHexStr2 as rgbToHexStr,
25
- rgbToHsl2 as rgbToHsl,
26
- rgbToHsv2 as rgbToHsv,
27
- rgbToOklch2 as rgbToOklch
28
- };
@@ -1,116 +0,0 @@
1
- import { ForwardRefExoticComponent, HTMLAttributes, ReactElement, ReactNode, RefAttributes } from "react";
2
- type SizeVariant = "default" | "compact";
3
- import { JSX as JSX_1kxb } from "react";
4
- /** When native validity is checked. */
5
- type FieldValidationMode = "onSubmit" | "onBlur" | "onChange";
6
- interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
7
- /** The field's parts: `Field.Label`, a control, `Field.Description`, `Field.Error`. */
8
- children?: ReactNode;
9
- /** Marks the value invalid: the label and the control turn destructive and the control sets `aria-invalid`. Set it from your validation (a form library's field state). Defaults to `false`. */
10
- invalid?: boolean;
11
- /** Disables the control and dims the field. Defaults to `false`. */
12
- disabled?: boolean;
13
- /** Shows the value without letting it change (Input, NumberInput and FileDropzone read it). Defaults to `false`. */
14
- readOnly?: boolean;
15
- /** Marks the control required and the label with an asterisk. Defaults to `false`. */
16
- required?: boolean;
17
- /** Names the value when the form is submitted; wins over the control's own `name`. */
18
- name?: string;
19
- /** Whether the value differs from its initial one, for a form library that tracks it (sets `data-dirty`). */
20
- dirty?: boolean;
21
- /** Whether the control has been visited, for a form library that tracks it (sets `data-touched`). */
22
- touched?: boolean;
23
- /** When Base UI checks the control's native validity (`required`, `pattern`, `type`): on form submit, on blur, or on every change. A failure turns the field destructive and an empty `Field.Error` shows the browser's message. Defaults to `"onSubmit"`. */
24
- validationMode?: FieldValidationMode;
25
- /** Pins the field and its control to one step of the size ladder (36px default, 28px compact). Defaults to the surrounding SizeProvider. */
26
- size?: SizeVariant;
27
- /** Classes for the root. */
28
- className?: string;
29
- }
30
- interface FieldLabelProps {
31
- /** Label text. */
32
- children: ReactNode;
33
- /** Keep the label for assistive tech but don't render it, for a field whose placeholder or context carries the meaning. Defaults to `false`. */
34
- visuallyHidden?: boolean;
35
- /** Classes for the label. */
36
- className?: string;
37
- }
38
- type Element_12xgc = JSX_1kxb["Element"];
39
- declare function FieldLabel({ children, visuallyHidden, className }: FieldLabelProps): Element_12xgc;
40
- interface FieldDescriptionProps {
41
- /** Help text under the control: a format, a limit, what the value is for. */
42
- children: ReactNode;
43
- /** Classes for the description. */
44
- className?: string;
45
- }
46
- declare function FieldDescription({ children, className }: FieldDescriptionProps): Element_12xgc;
47
- /** Which native validity state shows the message (`"valueMissing"`, `"typeMismatch"`, …). */
48
- type FieldErrorMatch = boolean | keyof ValidityState;
49
- interface FieldErrorProps {
50
- /** The message. While it has one, it shows; empty, it hides. */
51
- children?: ReactNode;
52
- /** Overrides when it shows: `true` always, `false` never, or a native validity state such as `"valueMissing"`. Defaults to showing while it has a message. */
53
- match?: FieldErrorMatch;
54
- /** Classes for the message. */
55
- className?: string;
56
- }
57
- declare function FieldError({ children, match, className }: FieldErrorProps): Element_12xgc;
58
- interface FieldControlProps {
59
- /** The element that becomes the control, e.g. a native `<select>` or a third-party input. */
60
- render?: ReactElement;
61
- /** Compose onto the single child instead. Defaults to `false`. */
62
- asChild?: boolean;
63
- /** The control, with `asChild`. */
64
- children?: ReactNode;
65
- }
66
- declare function FieldControl({ render, asChild, children }: FieldControlProps): Element_12xgc;
67
- type FieldComponent = ForwardRefExoticComponent<FieldProps & RefAttributes<HTMLDivElement>> & {
68
- Label: typeof FieldLabel;
69
- Description: typeof FieldDescription;
70
- Error: typeof FieldError;
71
- Control: typeof FieldControl;
72
- };
73
- /**
74
- * A labelled form field: a label above the control, help text and an error
75
- * message below it, all linked for assistive tech.
76
- *
77
- * Put an Input, Textarea, NumberInput, FileDropzone, Select or any other
78
- * field control inside and it joins on its own: the label targets it, the
79
- * description and error are read with it, and the field hands it its
80
- * `invalid`, `disabled`, `readOnly` and `required` state, so the box turns
81
- * destructive with the label. The label and messages sit inset to line up
82
- * with the text in the box. The field holds no validation of its own:
83
- * `invalid` and the error's message come from yours (a form library's field
84
- * state, a server response), and `Field.Error` shows while it has a message.
85
- * A native failure (`required`, `pattern`, `type="email"`) caught by Base UI's
86
- * validation turns it destructive too, and an empty `Field.Error` then shows
87
- * the browser's message.
88
- * Behavior comes from Base UI's Field.
89
- *
90
- * `size` pins the field and its control to one step of the size ladder;
91
- * without it they follow the surrounding SizeProvider, which is how to set a
92
- * form's density when a control's own props keep the native `<input size>`
93
- * attribute (a character width, not a height). `Field.Control` passes a
94
- * native `size` through to the element untouched.
95
- *
96
- * InputGroup.Field is the preset for a group of text fields: a label and an
97
- * error string, and the group's hover gliding from field to field. Reach for
98
- * Field when a field stands alone, needs a description, or holds a control
99
- * other than a text input.
100
- *
101
- * Statics:
102
- * - `Field.Label` — the label, weight-stable and muted; destructive while
103
- * the field is invalid, with an asterisk while it is required:
104
- * `visuallyHidden`.
105
- * - `Field.Description` — muted help text under the control.
106
- * - `Field.Error` — the destructive message; it fades in while it has
107
- * children: `match` (`true`, `false`, or a native validity state).
108
- * - `Field.Control` — wires a control that isn't a field control (a native
109
- * element, a third-party input) with the field's id, `aria-describedby`
110
- * and `aria-invalid`: `render={<select/>}` or `asChild`. Field controls
111
- * (Input, NumberInput, …) need no wrapper.
112
- *
113
- * @example {@include ./examples.mdx}
114
- */
115
- declare const Field: FieldComponent;
116
- export { Field, FieldControl, FieldControlProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorMatch, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, Field as default };
@@ -1,29 +0,0 @@
1
- import {
2
- FieldLabel2,
3
- FieldDescription2,
4
- FieldError2,
5
- FieldControl2,
6
- Field2,
7
- field_default
8
- } from "../../../shared/components-xjkdvnbg.js";
9
- import"../../../shared/components-mattt5jp.js";
10
- import"../../../shared/components-adkarj8n.js";
11
- import"../../../shared/components-hdzrqqpx.js";
12
- import"../../../shared/components-124epb7f.js";
13
- import"../../../shared/components-mrbaxt8q.js";
14
- import"../../../shared/components-yhgq0qxx.js";
15
- import"../../../shared/components-dcc02hs2.js";
16
- import"../../../shared/components-tz1fv35x.js";
17
- import"../../../shared/components-h83az0bz.js";
18
- import"../../../shared/components-34txk9rj.js";
19
- import"../../../shared/components-71nbt03m.js";
20
- import"../../../shared/components-gx4h5rbb.js";
21
- import"../../../shared/components-jcnjay5g.js";
22
- export {
23
- Field2 as Field,
24
- FieldControl2 as FieldControl,
25
- FieldDescription2 as FieldDescription,
26
- FieldError2 as FieldError,
27
- FieldLabel2 as FieldLabel,
28
- field_default as default
29
- };
@@ -1,167 +0,0 @@
1
- import { CSSProperties, ForwardRefExoticComponent, LabelHTMLAttributes, ReactNode as ReactNode3, RefAttributes } 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
- type SizeVariant = "default" | "compact";
10
- import { ReactNode as ReactNode2 } from "react";
11
- import { JSX as JSX_1kxb2 } from "react";
12
- /** Where a file is in its upload: `idle` (picked), `uploading`, `done` or `error`. */
13
- type FileRowStatus = "idle" | "uploading" | "done" | "error";
14
- interface FileRowProps {
15
- /** The picked file: its name, size and type fill the row. */
16
- file?: File;
17
- /** File name, for a file you only know by its metadata (one already uploaded). Wins over `file`. */
18
- name?: string;
19
- /** File size in bytes. Wins over `file`. */
20
- fileSize?: number;
21
- /** MIME type; an image shows the image glyph. Wins over `file`. */
22
- type?: string;
23
- /** Image URL shown in place of the glyph, e.g. an object URL of the file or the server's preview. */
24
- thumbnail?: string;
25
- /** Glyph in place of the file or image one. */
26
- icon?: IconComponent;
27
- /** Where the file is in its upload; sets the status glyph and the progress bar. Defaults to `"idle"`. */
28
- status?: FileRowStatus;
29
- /** Upload progress from 0 to 100, shown as a bar while `status` is `"uploading"` (see Progress). Omitted, the bar sweeps. */
30
- progress?: number;
31
- /** Accessible name of the upload's bar. Defaults to `"Uploading"`. */
32
- uploadingLabel?: string;
33
- /** The line under the name in place of the size, e.g. "Uploaded 2 min ago". */
34
- description?: ReactNode2;
35
- /** An error message in place of the size line; the row reads as failed. */
36
- error?: ReactNode2;
37
- /** Shows a remove button and is called when it is pressed. */
38
- onRemove?: () => void;
39
- /** Accessible name of the remove button. Defaults to `"Remove file"`. */
40
- removeLabel?: string;
41
- /** More controls before the remove button, e.g. a download link or a menu. */
42
- actions?: ReactNode2;
43
- /** Locale for the size (`1,5 MB` in `"sk-SK"`). Defaults to the browser's. */
44
- locale?: Intl.LocalesArgument;
45
- /** Dims the row and its actions. Defaults to `false`. */
46
- disabled?: boolean;
47
- /** Pins the row to one step of the size ladder. Defaults to the surrounding SizeProvider. */
48
- size?: SizeVariant;
49
- /** Classes for the row. */
50
- className?: string;
51
- }
52
- type Element_12xgc2 = JSX_1kxb2["Element"];
53
- /** One file in a list: its glyph or thumbnail, name, size or status, and a remove button. */
54
- declare function FileRow({ file, name: nameProp, fileSize: fileSizeProp, type: typeProp, thumbnail, icon, status, progress, description, error, onRemove, removeLabel, uploadingLabel, actions, locale, disabled, size: sizeProp, className }: FileRowProps): Element_12xgc2;
55
- /** A byte count as a short localized size: `512 B`, `1.5 MB` (decimal units, as file managers show them). */
56
- declare function formatFileSize(bytes: number, locale?: Intl.LocalesArgument): string;
57
- /** Why a file was turned away: its `type` is not in `accept`, its `size` is over `maxSize`, or it is past the `count` of `maxFiles`. */
58
- type FileRejectionReason = "type" | "size" | "count";
59
- /** A file the dropzone turned away, and why. */
60
- interface FileRejection {
61
- file: File;
62
- reason: FileRejectionReason;
63
- }
64
- /** Whether a file passes an `accept` list (`.pdf,image/*`), as the native file input reads it. */
65
- declare function acceptsFile(file: {
66
- name: string;
67
- type: string;
68
- }, accept?: string): boolean;
69
- /** What a drag over the zone will come to: every file taken, some taken and some turned away, or none taken. */
70
- type DragVerdict = "accept" | "partial" | "reject";
71
- /**
72
- * Judges dragged files while they are still in the air. A drag shows MIME
73
- * types but no names, so a type the drag leaves empty, or an `accept` list
74
- * with extensions, counts as passing until the drop sorts the files. `limit`
75
- * is how many one drop may add.
76
- */
77
- declare function dragVerdict(types: string[], accept: string | undefined, limit: number): DragVerdict;
78
- interface SortOptions {
79
- accept?: string;
80
- maxSize?: number;
81
- maxFiles?: number;
82
- multiple?: boolean;
83
- }
84
- /** Splits picked or dropped files into the ones that pass `accept`, `maxSize` and the count, and the rest with a reason. */
85
- declare function sortFiles(files: File[], { accept, maxSize, maxFiles, multiple }: SortOptions): {
86
- accepted: File[];
87
- rejected: FileRejection[];
88
- };
89
- interface FileDropzoneProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, "children" | "className" | "style" | "id" | "onChange" | "htmlFor" | "form"> {
90
- /** Called with the files that pass `accept`, `maxSize` and the count, after a pick or a drop. */
91
- onFilesChange?: (files: File[]) => void;
92
- /** Called with the files turned away and why (`type`, `size`, `count`), after a pick or a drop. */
93
- onFilesRejected?: (rejections: FileRejection[]) => void;
94
- /** File types the zone takes, as the file input reads them: `.pdf,image/*`. Defaults to any. */
95
- accept?: string;
96
- /** Takes several files at once. Defaults to `false`. */
97
- multiple?: boolean;
98
- /** Most files one pick or drop may add; the rest are rejected as `count`. Pass what is left when you keep a list. */
99
- maxFiles?: number;
100
- /** Largest file in bytes; bigger ones are rejected as `size`. */
101
- maxSize?: number;
102
- /** The main line. Defaults to `"Drop a file here or click to browse"` (`"files"` with `multiple`). */
103
- label?: ReactNode3;
104
- /** The line under it: the types and sizes the zone takes, e.g. "PDF or PNG, up to 10 MB". */
105
- description?: ReactNode3;
106
- /** The main line while files the zone takes are dragged over it. Defaults to `"Drop to add"`. */
107
- activeLabel?: ReactNode3;
108
- /** The main line while some of the dragged files will be taken and the rest turned away (a wrong type, past `maxFiles`). Defaults to `"Some files will be skipped"`. */
109
- partialLabel?: ReactNode3;
110
- /** The main line while none of the dragged files can be taken; the drop is refused. Defaults to `"These files can't be added"`. */
111
- rejectLabel?: ReactNode3;
112
- /** Glyph above the labels. Defaults to the `upload` icon. */
113
- icon?: IconComponent;
114
- /** Content in place of the glyph and labels. */
115
- children?: ReactNode3;
116
- /** Id of the file input, for a `Label`'s `htmlFor`. Inside a Field it is wired for you. */
117
- id?: string;
118
- /** Tells assistive tech a file is required (`aria-required`). The zone keeps no files, so native validation never blocks a submit: check your own list. Defaults to the surrounding Field's `required`. */
119
- required?: boolean;
120
- /** Turns the zone destructive. Defaults to the surrounding Field's `invalid`. */
121
- invalid?: boolean;
122
- /** Dims the zone and turns files away. Defaults to the surrounding Field's `disabled`. */
123
- disabled?: boolean;
124
- /** Shows the zone without taking files: no browse, no drop, no hover. Defaults to the surrounding Field's `readOnly`. */
125
- readOnly?: boolean;
126
- /** Pins the zone to one step of the size ladder: compact tightens the padding and steps the text down. Defaults to the surrounding SizeProvider. */
127
- size?: SizeVariant;
128
- /** Classes for the zone. */
129
- className?: string;
130
- /** Inline styles for the zone (its `<label>` root). The other attributes of a `<label>` (`title`, `data-*`, `aria-*`, `onClick`) reach it too, and drag handlers run before the zone's own. */
131
- style?: CSSProperties;
132
- }
133
- type FileDropzoneComponent = ForwardRefExoticComponent<FileDropzoneProps & RefAttributes<HTMLInputElement>> & {
134
- Row: typeof FileRow;
135
- };
136
- /**
137
- * A zone to drop files on, or click to pick them.
138
- *
139
- * Drag files over it and it lights up; the line changes to say whether it
140
- * will take them, reading their types while they are still in the air: all
141
- * of them, some (the rest will be skipped), or none, when it turns
142
- * destructive and refuses the drop. Dropped or picked files are sorted
143
- * against `accept`, `maxSize` and `maxFiles`: the ones that pass go to
144
- * `onFilesChange`, the rest to `onFilesRejected` with a reason. The zone
145
- * keeps none (its input is cleared after every pick, so nothing submits with
146
- * a native form and `required` is only announced), so the list, the upload
147
- * and its errors stay yours. Show each
148
- * file in a `FileDropzone.Row`. Every line is a prop, for translation. The
149
- * zone is a label around a hidden file input, so a click or Enter opens the
150
- * picker, and inside a Field it is labelled and takes the field's state. The
151
- * ref reaches the input: `ref.current.click()` reopens the picker, e.g. to
152
- * replace a file.
153
- *
154
- * Statics:
155
- * - `FileDropzone.Row` (also `FileRow`) — one file: its glyph or
156
- * `thumbnail`, name, size, and a remove button with `onRemove`: `file` (or
157
- * `name` / `fileSize` / `type`), `status` (`idle`, `uploading`, `done`,
158
- * `error`), `progress` (0–100), `error`, `description`, `actions`,
159
- * `removeLabel`, `locale`.
160
- *
161
- * Also exported from this item: `formatFileSize(bytes, locale)`, `sortFiles`
162
- * and `acceptsFile`, plain functions a server can call too.
163
- *
164
- * @example {@include ./examples.mdx}
165
- */
166
- declare const FileDropzone: FileDropzoneComponent;
167
- export { DragVerdict, FileDropzone, FileDropzoneProps, FileRejection, FileRejectionReason, FileRow, FileRowProps, FileRowStatus, acceptsFile, FileDropzone as default, dragVerdict, formatFileSize, sortFiles };
@@ -1,33 +0,0 @@
1
- import {
2
- FileRow2,
3
- FileDropzone2,
4
- file_dropzone_default
5
- } from "../../../shared/components-gyt7my41.js";
6
- import {
7
- formatFileSize2,
8
- acceptsFile2,
9
- dragVerdict2,
10
- sortFiles2
11
- } from "../../../shared/components-f7h57m6t.js";
12
- import"../../../shared/components-hdzrqqpx.js";
13
- import"../../../shared/components-124epb7f.js";
14
- import"../../../shared/components-d3shbwqq.js";
15
- import"../../../shared/components-jqpefjsn.js";
16
- import"../../../shared/components-9sttq78t.js";
17
- import"../../../shared/components-4vfm04wq.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";
25
- export {
26
- FileDropzone2 as FileDropzone,
27
- FileRow2 as FileRow,
28
- acceptsFile2 as acceptsFile,
29
- file_dropzone_default as default,
30
- dragVerdict2 as dragVerdict,
31
- formatFileSize2 as formatFileSize,
32
- sortFiles2 as sortFiles
33
- };
@@ -1,35 +0,0 @@
1
- /** A byte count as a short localized size: `512 B`, `1.5 MB` (decimal units, as file managers show them). */
2
- declare function formatFileSize(bytes: number, locale?: Intl.LocalesArgument): string;
3
- /** Why a file was turned away: its `type` is not in `accept`, its `size` is over `maxSize`, or it is past the `count` of `maxFiles`. */
4
- type FileRejectionReason = "type" | "size" | "count";
5
- /** A file the dropzone turned away, and why. */
6
- interface FileRejection {
7
- file: File;
8
- reason: FileRejectionReason;
9
- }
10
- /** Whether a file passes an `accept` list (`.pdf,image/*`), as the native file input reads it. */
11
- declare function acceptsFile(file: {
12
- name: string;
13
- type: string;
14
- }, accept?: string): boolean;
15
- /** What a drag over the zone will come to: every file taken, some taken and some turned away, or none taken. */
16
- type DragVerdict = "accept" | "partial" | "reject";
17
- /**
18
- * Judges dragged files while they are still in the air. A drag shows MIME
19
- * types but no names, so a type the drag leaves empty, or an `accept` list
20
- * with extensions, counts as passing until the drop sorts the files. `limit`
21
- * is how many one drop may add.
22
- */
23
- declare function dragVerdict(types: string[], accept: string | undefined, limit: number): DragVerdict;
24
- interface SortOptions {
25
- accept?: string;
26
- maxSize?: number;
27
- maxFiles?: number;
28
- multiple?: boolean;
29
- }
30
- /** Splits picked or dropped files into the ones that pass `accept`, `maxSize` and the count, and the rest with a reason. */
31
- declare function sortFiles(files: File[], { accept, maxSize, maxFiles, multiple }: SortOptions): {
32
- accepted: File[];
33
- rejected: FileRejection[];
34
- };
35
- export { DragVerdict, FileRejection, FileRejectionReason, acceptsFile, dragVerdict, formatFileSize, sortFiles };
@@ -1,12 +0,0 @@
1
- import {
2
- formatFileSize2,
3
- acceptsFile2,
4
- dragVerdict2,
5
- sortFiles2
6
- } from "../../../shared/components-f7h57m6t.js";
7
- export {
8
- acceptsFile2 as acceptsFile,
9
- dragVerdict2 as dragVerdict,
10
- formatFileSize2 as formatFileSize,
11
- sortFiles2 as sortFiles
12
- };
@@ -1,32 +0,0 @@
1
- import { LabelHTMLAttributes, ReactNode } from "react";
2
- type SizeVariant = "default" | "compact";
3
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
4
- import { RefAttributes as RefAttributes_miuf56 } from "react";
5
- interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
6
- /** Label text. */
7
- children: ReactNode;
8
- /** The id of the control it names; a click on the label focuses or toggles that control. */
9
- htmlFor?: string;
10
- /** Turns the label destructive, matching an invalid Input. Defaults to `false`. */
11
- invalid?: boolean;
12
- /** Pins the label to one step of the size ladder (body text at default, compact body at compact). Defaults to the surrounding SizeProvider. */
13
- size?: SizeVariant;
14
- /** Classes for the `<label>`. */
15
- className?: string;
16
- }
17
- /**
18
- * The label above or beside a field control.
19
- *
20
- * Muted body text inset to line up with the text inside a field box, so a
21
- * label over an Input starts where its value does. It reserves the width of
22
- * its semibold weight, so nothing moves if a wrapper restyles it. Pair it
23
- * with a control through `htmlFor` and the control's `id`; inside a Field,
24
- * `Field.Label` renders it for you and links it. `invalid` turns it
25
- * destructive with the field; a disabled Field dims it. It follows the size
26
- * ladder (see Sizes): `size` pins it, otherwise it reads the surrounding
27
- * SizeProvider. Also exported from `inputs/input`.
28
- *
29
- * @example {@include ./examples.mdx}
30
- */
31
- declare const Label: ForwardRefExoticComponent_tcubfn<LabelProps & RefAttributes_miuf56<HTMLLabelElement>>;
32
- export { Label, LabelProps, Label as default };
@@ -1,11 +0,0 @@
1
- import {
2
- Label2,
3
- label_default
4
- } from "../../../shared/components-adkarj8n.js";
5
- import"../../../shared/components-h83az0bz.js";
6
- import"../../../shared/components-34txk9rj.js";
7
- import"../../../shared/components-jcnjay5g.js";
8
- export {
9
- Label2 as Label,
10
- label_default as default
11
- };