@justanarthur/modo-ui 0.6.0-canary.9 → 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-c7rwx0ap.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-c74gf16d.js → components-1z6tdadk.js} +24 -40
  91. package/dist/shared/{components-bae8sbjx.js → components-27nnvrwe.js} +14 -15
  92. package/dist/shared/{components-qh1cvj6p.js → components-2dxkv6zm.js} +7 -8
  93. package/dist/shared/{components-y0kfy2g4.js → components-2ecg8svx.js} +152 -234
  94. package/dist/shared/{components-c5w5zk0s.js → components-2ph6t61s.js} +34 -37
  95. package/dist/shared/{components-4j3t39dd.js → components-39jq9va1.js} +24 -29
  96. package/dist/shared/components-3ky44908.js +9 -0
  97. package/dist/shared/{components-syynwm1r.js → components-3mkepka5.js} +25 -28
  98. package/dist/shared/{components-wgtjt2af.js → components-4700p9kz.js} +22 -24
  99. package/dist/shared/{components-yhgq0qxx.js → components-59efxjd9.js} +12 -13
  100. package/dist/shared/{components-91zw3d9f.js → components-5vgpnxgy.js} +27 -51
  101. package/dist/shared/{components-kz5q11pp.js → components-5xc2j8jz.js} +18 -19
  102. package/dist/shared/{components-zkk3fmw8.js → components-6p8tfcd6.js} +29 -57
  103. package/dist/shared/{components-4nck8acq.js → components-7r3etddy.js} +54 -19
  104. package/dist/shared/{components-svkt577j.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-pv1dyrtn.js → components-b3c5et5b.js} +38 -49
  108. package/dist/shared/{components-rrbpmfx4.js → components-c6s6b43g.js} +2 -3
  109. package/dist/shared/{components-pwayrkw9.js → components-chacnk61.js} +19 -19
  110. package/dist/shared/{components-71nbt03m.js → components-cv16mryv.js} +7 -26
  111. package/dist/shared/{components-hgv6tygd.js → components-d6xtjht3.js} +30 -35
  112. package/dist/shared/{components-z8fedth5.js → components-dk0gjr5a.js} +18 -19
  113. package/dist/shared/{components-cet3jpa0.js → components-fzrq6tr3.js} +34 -37
  114. package/dist/shared/{components-cnead5qm.js → components-gc5vtq2f.js} +30 -66
  115. package/dist/shared/components-gf5s6ap9.js +42 -0
  116. package/dist/shared/{components-0h78g3b5.js → components-gz8zf3ec.js} +55 -56
  117. package/dist/shared/{components-mattt5jp.js → components-h2ajmhwn.js} +35 -107
  118. package/dist/shared/{components-m06yq8wk.js → components-hqeq3w9q.js} +23 -38
  119. package/dist/shared/{components-7qx17na9.js → components-hw9yk32z.js} +24 -36
  120. package/dist/shared/components-hyq23phv.js +310 -0
  121. package/dist/shared/{components-9jmjnkqd.js → components-jbbmdr74.js} +22 -41
  122. package/dist/shared/{components-dcc02hs2.js → components-jjw69c4c.js} +4 -7
  123. package/dist/shared/{components-303jf96s.js → components-jthe1pwb.js} +420 -139
  124. package/dist/shared/{components-dtca4s6b.js → components-jwst3vtj.js} +76 -224
  125. package/dist/shared/{components-dc5q749x.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-qx27excf.js → components-mjthm1kf.js} +9 -13
  129. package/dist/shared/{components-1e64t8aj.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-w2jqa6hx.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-2a7hcand.js → components-rr7a6ja9.js} +27 -59
  136. package/dist/shared/{components-005jt2nz.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-p0fm0bab.js → components-w1r67ag9.js} +149 -294
  144. package/dist/shared/{components-xd3emmy4.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-yxmxn2jp.js → components-y9y0g8er.js} +28 -52
  148. package/dist/shared/components-ypp01w3p.js +986 -0
  149. package/dist/shared/{components-czdvj1a8.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-01w9qcfa.js +0 -277
  385. package/dist/shared/components-124epb7f.js +0 -53
  386. package/dist/shared/components-26snnbs9.js +0 -322
  387. package/dist/shared/components-2krsc300.js +0 -254
  388. package/dist/shared/components-2qbqqpgq.js +0 -1545
  389. package/dist/shared/components-34txk9rj.js +0 -35
  390. package/dist/shared/components-3h92d94m.js +0 -23
  391. package/dist/shared/components-4vfm04wq.js +0 -82
  392. package/dist/shared/components-54nq988h.js +0 -123
  393. package/dist/shared/components-7s7pykk5.js +0 -281
  394. package/dist/shared/components-868v7scv.js +0 -399
  395. package/dist/shared/components-8jrk5eye.js +0 -448
  396. package/dist/shared/components-adkarj8n.js +0 -35
  397. package/dist/shared/components-b1e239g3.js +0 -28
  398. package/dist/shared/components-b94t6qtj.js +0 -143
  399. package/dist/shared/components-bsqynhaj.js +0 -179
  400. package/dist/shared/components-c9yr4ed1.js +0 -44
  401. package/dist/shared/components-d3shbwqq.js +0 -95
  402. package/dist/shared/components-dhgk6mbt.js +0 -16
  403. package/dist/shared/components-drxrtnp2.js +0 -25
  404. package/dist/shared/components-f7h57m6t.js +0 -59
  405. package/dist/shared/components-g3eafs70.js +0 -337
  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-mhza2wdn.js +0 -482
  414. package/dist/shared/components-mrbaxt8q.js +0 -62
  415. package/dist/shared/components-pt5ftm4p.js +0 -38
  416. package/dist/shared/components-rtadhd9j.js +0 -64
  417. package/dist/shared/components-tv7b8tet.js +0 -271
  418. package/dist/shared/components-tz4gaf1v.js +0 -23
  419. package/dist/shared/components-wbbckbw8.js +0 -34
  420. package/dist/shared/components-wknae3m4.js +0 -298
  421. package/dist/shared/components-xdqmt6ed.js +0 -20
  422. package/dist/shared/components-xjkdvnbg.js +0 -107
  423. package/dist/shared/components-z3v0n0de.js +0 -11
  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 -575
  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,45 +1,11 @@
1
1
  import { Locale as Locale2 } from "date-fns";
2
- import { ForwardRefExoticComponent as ForwardRefExoticComponent2, ReactNode as ReactNode6, RefAttributes as RefAttributes2, RefObject as RefObject4 } from "react";
2
+ import { RefObject as RefObject2 } from "react";
3
3
  type HourCycle = "h11" | "h12" | "h23" | "h24";
4
4
  type SizeVariant = "default" | "compact";
5
5
  /** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
6
6
  type FieldVariant = "bordered" | "borderless";
7
- import { AriaAttributes, FocusEvent, HTMLAttributes as HTMLAttributes2 } from "react";
8
- /** Attributes for the element a picker's field renders as its control (its button, or an editable field's input), `data-*` included. */
9
- type PickerControlAttributes = Omit<HTMLAttributes2<HTMLElement>, "children" | "dangerouslySetInnerHTML" | "defaultValue" | "defaultChecked"> & {
10
- /** An editable field's input: browser autofill hint. Defaults to `"off"`. */
11
- autoComplete?: string;
12
- [data: `data-${string}`]: string | number | boolean | undefined;
13
- };
14
- /** The form and accessibility props every picker forwards to its field's control. */
15
- interface PickerControlProps {
16
- /** Marks the value required: a native form won't submit while it is empty (and an editable field's input carries `required`). Defaults to the surrounding Field's `required`. */
17
- required?: boolean;
18
- /** Called when the field's control (its button, or an editable field's input) loses focus, as when the panel takes it. */
19
- onBlur?: (event: FocusEvent<HTMLElement>) => void;
20
- /** Names the field's control for assistive tech, in place of its label. */
21
- "aria-label"?: string;
22
- /** Ids of the elements naming the field's control, in place of its own label. */
23
- "aria-labelledby"?: string;
24
- /** Ids of the elements describing the field's control (a hint, an error message). */
25
- "aria-describedby"?: string;
26
- /** Marks the value invalid, as `invalid` does. */
27
- "aria-invalid"?: AriaAttributes["aria-invalid"];
28
- /** Attributes for the field's control: the button that opens the panel, or an `editable` field's input (`data-*`, `autoFocus`, `tabIndex`, handlers, which run after the picker's own; an editable field's input also takes `autoComplete` and `inputMode`, which replace its defaults of `"off"` and `"numeric"`). On an editable field the masked input owns `onChange`, so a caller's one never runs; only `onFocus`, `onBlur` and `onKeyDown` chain, the caller's `onKeyDown` first, and its `preventDefault()` skips the mask's own key handling). */
29
- controlProps?: PickerControlAttributes;
30
- }
31
- /** Every word the picker shows or announces, for translating it. */
32
- interface TimePickerLabels {
33
- /** Names the panel's time input. Defaults to the `placeholder`, else `"Time"`. */
34
- time?: string;
35
- /** Names the hour column. Defaults to the locale's name for it. */
36
- hour?: string;
37
- /** Names the minute column. Defaults to the locale's name for it. */
38
- minute?: string;
39
- /** Names the panel's close button. Defaults to `"Close"`. */
40
- close?: string;
41
- }
42
- interface TimePickerProps extends PickerControlProps {
7
+ import { JSX as JSX_1kxb } from "react";
8
+ interface TimePickerProps {
43
9
  /** The picked time as `"HH:mm"` on a 24-hour clock (an `<input type="time">`'s value); `null` when empty. */
44
10
  value?: string | null;
45
11
  /** Initial time, for an uncontrolled picker. Defaults to `null`. */
@@ -50,16 +16,8 @@ interface TimePickerProps extends PickerControlProps {
50
16
  hourCycle?: HourCycle;
51
17
  /** Steps between the minute column's options. Defaults to `1`. */
52
18
  minuteStep?: number;
53
- /** A react-day-picker / date-fns locale, or a BCP 47 tag (`"sk"`) read through Intl: the time's format and the AM/PM names. Defaults to `enUS`. */
54
- locale?: Locale2 | string;
55
- /** The field's text for a time, in place of the locale's format: `(value) => …`, given `"HH:mm"`. */
56
- formatTime?: (value: string) => ReactNode6;
57
- /** Every word the picker announces (`time`, `hour`, `minute`, `close`), for translating it. Defaults to English and the locale's field names. */
58
- labels?: TimePickerLabels;
59
- /** Shows the time but never opens. Defaults to `false`. */
60
- readOnly?: boolean;
61
- /** Names the value for a native form: a hidden input carries it as `"HH:mm"`. */
62
- name?: string;
19
+ /** A react-day-picker / date-fns locale: the time's format and the AM/PM names. Defaults to `enUS`. */
20
+ locale?: Locale2;
63
21
  /** Shown while empty. */
64
22
  placeholder?: string;
65
23
  /** Disables the field. Defaults to `false`. */
@@ -79,7 +37,7 @@ interface TimePickerProps extends PickerControlProps {
79
37
  /** Id of the field, for a `Label`'s `htmlFor`. */
80
38
  id?: string;
81
39
  /** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
82
- from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject4<HTMLElement | null>;
40
+ from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject2<HTMLElement | null>;
83
41
  /** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
84
42
  effect?: "goo" | "morph" | "slide" | "fade";
85
43
  /** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
@@ -89,23 +47,17 @@ interface TimePickerProps extends PickerControlProps {
89
47
  /** Classes for the field. */
90
48
  className?: string;
91
49
  }
50
+ type Element_12xgc = JSX_1kxb["Element"];
92
51
  /**
93
52
  * A time-of-day field with scrolling hour and minute columns.
94
53
  *
95
54
  * The panel opens with the time as text, selected and ready to type over
96
55
  * ("15:33", "3:33 PM"), above an hour column and a minute column; on a
97
- * 12-hour clock the hours read with AM/PM, and the field writes the time on
98
- * the same clock. Each column keeps its pick in the middle and
56
+ * 12-hour clock the hours read with AM/PM. Each column keeps its pick in the middle and
99
57
  * marks it with a dot. The value is `"HH:mm"` on a 24-hour clock whatever the
100
58
  * locale shows, the same as a native time input's.
101
59
  *
102
- * `formatTime` writes the field's text and `labels` every word it
103
- * announces; `locale` also takes a BCP 47 tag. `readOnly` shows the time
104
- * and never opens. In a form, `name` submits the value as `"HH:mm"` and
105
- * `required` stops an empty submit; `id`, the `aria-*` props, `onBlur`,
106
- * `controlProps` and the `ref` reach the field's button.
107
- *
108
60
  * @example {@include ./examples.mdx}
109
61
  */
110
- declare const TimePicker: ForwardRefExoticComponent2<TimePickerProps & RefAttributes2<HTMLButtonElement>>;
111
- export { TimePicker, TimePickerLabels, TimePickerProps, TimePicker as default };
62
+ declare function TimePicker({ value: valueProp, defaultValue, onValueChange, hourCycle, minuteStep, locale, placeholder, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: TimePickerProps): Element_12xgc;
63
+ export { TimePicker, TimePickerProps, TimePicker as default };
@@ -1,39 +1,30 @@
1
1
  import {
2
2
  TimePicker2,
3
3
  time_picker_default
4
- } from "../../../../shared/components-91zw3d9f.js";
5
- import"../../../../shared/components-qx27excf.js";
6
- import"../../../../shared/components-8jrk5eye.js";
7
- import"../../../../shared/components-0h78g3b5.js";
8
- import"../../../../shared/components-54nq988h.js";
9
- import"../../../../shared/components-mattt5jp.js";
10
- import"../../../../shared/components-adkarj8n.js";
11
- import"../../../../shared/components-rrbpmfx4.js";
12
- import"../../../../shared/components-2a7hcand.js";
13
- import"../../../../shared/components-hdzrqqpx.js";
14
- import"../../../../shared/components-124epb7f.js";
15
- import"../../../../shared/components-czdvj1a8.js";
16
- import"../../../../shared/components-vf45j12c.js";
17
- import"../../../../shared/components-mrbaxt8q.js";
18
- import"../../../../shared/components-c7rwx0ap.js";
19
- import"../../../../shared/components-b1e239g3.js";
20
- import"../../../../shared/components-dhgk6mbt.js";
21
- import"../../../../shared/components-jqpefjsn.js";
22
- import"../../../../shared/components-dc5q749x.js";
23
- import"../../../../shared/components-pwayrkw9.js";
24
- import"../../../../shared/components-yhgq0qxx.js";
25
- import"../../../../shared/components-m06yq8wk.js";
26
- import"../../../../shared/components-dcc02hs2.js";
27
- import"../../../../shared/components-9sttq78t.js";
28
- import"../../../../shared/components-4vfm04wq.js";
29
- import"../../../../shared/components-tz1fv35x.js";
30
- import"../../../../shared/components-de99ykt7.js";
31
- import"../../../../shared/components-3ey0hzpb.js";
32
- import"../../../../shared/components-h83az0bz.js";
33
- import"../../../../shared/components-34txk9rj.js";
34
- import"../../../../shared/components-71nbt03m.js";
35
- import"../../../../shared/components-gx4h5rbb.js";
36
- import"../../../../shared/components-jcnjay5g.js";
4
+ } from "../../../../shared/components-5vgpnxgy.js";
5
+ import"../../../../shared/components-mjthm1kf.js";
6
+ import"../../../../shared/components-s5ngg32c.js";
7
+ import"../../../../shared/components-h2ajmhwn.js";
8
+ import"../../../../shared/components-gz8zf3ec.js";
9
+ import"../../../../shared/components-c6s6b43g.js";
10
+ import"../../../../shared/components-raknhppb.js";
11
+ import"../../../../shared/components-rr7a6ja9.js";
12
+ import"../../../../shared/components-zfnmn5d4.js";
13
+ import"../../../../shared/components-3ky44908.js";
14
+ import"../../../../shared/components-zrkzcayz.js";
15
+ import"../../../../shared/components-0q0sqfh4.js";
16
+ import"../../../../shared/components-kvr7f9hy.js";
17
+ import"../../../../shared/components-chacnk61.js";
18
+ import"../../../../shared/components-59efxjd9.js";
19
+ import"../../../../shared/components-hqeq3w9q.js";
20
+ import"../../../../shared/components-jjw69c4c.js";
21
+ import"../../../../shared/components-b2wyq2cq.js";
22
+ import"../../../../shared/components-n7mjr357.js";
23
+ import"../../../../shared/components-men63rwj.js";
24
+ import"../../../../shared/components-0sn7ypjw.js";
25
+ import"../../../../shared/components-cv16mryv.js";
26
+ import"../../../../shared/components-zx6b6yby.js";
27
+ import"../../../../shared/components-ezxhrmer.js";
37
28
  export {
38
29
  TimePicker2 as TimePicker,
39
30
  time_picker_default as default
@@ -1,4 +1,4 @@
1
- import { ButtonHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, InputHTMLAttributes, ReactNode as ReactNode4, RefAttributes } from "react";
1
+ import { ForwardRefExoticComponent, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactNode as ReactNode2, RefAttributes } from "react";
2
2
  type SizeVariant = "default" | "compact";
3
3
  /** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
4
4
  type FieldVariant = "bordered" | "borderless";
@@ -9,46 +9,11 @@ interface IconComponentProps {
9
9
  className?: string;
10
10
  }
11
11
  type IconComponent = ComponentType<IconComponentProps>;
12
- import { LabelHTMLAttributes, ReactNode as ReactNode3 } from "react";
13
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
14
- import { RefAttributes as RefAttributes_miuf56 } from "react";
15
- interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
16
- /** Label text. */
17
- children: ReactNode3;
18
- /** The id of the control it names; a click on the label focuses or toggles that control. */
19
- htmlFor?: string;
20
- /** Turns the label destructive, matching an invalid Input. Defaults to `false`. */
21
- invalid?: boolean;
22
- /** Pins the label to one step of the size ladder (body text at default, compact body at compact). Defaults to the surrounding SizeProvider. */
23
- size?: SizeVariant;
24
- /** Classes for the `<label>`. */
25
- className?: string;
26
- }
27
- /**
28
- * The label above or beside a field control.
29
- *
30
- * Muted body text inset to line up with the text inside a field box, so a
31
- * label over an Input starts where its value does. It reserves the width of
32
- * its semibold weight, so nothing moves if a wrapper restyles it. Pair it
33
- * with a control through `htmlFor` and the control's `id`; inside a Field,
34
- * `Field.Label` renders it for you and links it. `invalid` turns it
35
- * destructive with the field; a disabled Field dims it. It follows the size
36
- * ladder (see Sizes): `size` pins it, otherwise it reads the surrounding
37
- * SizeProvider. Also exported from `inputs/input`.
38
- *
39
- * @example {@include ./examples.mdx}
40
- */
41
- declare const Label: ForwardRefExoticComponent_tcubfn<LabelProps & RefAttributes_miuf56<HTMLLabelElement>>;
42
- import { JSX as JSX_1kxb3 } from "react";
43
12
  interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "defaultValue" | "size"> {
44
13
  /** Placeholder text. */
45
14
  placeholder?: string;
46
15
  /** Leading icon inside the input. */
47
16
  icon?: IconComponent;
48
- /** Content before the text, after `icon`: a prefix (`"https://"`), an icon element, an `InputAction`. Strings read as muted text; icons take the ladder's glyph size. */
49
- startAdornment?: ReactNode4;
50
- /** Content after the text: a unit (`"kg"`), a status icon, an `InputAction` such as a password reveal or a clear. */
51
- endAdornment?: ReactNode4;
52
17
  /** Controlled input value. */
53
18
  value?: string;
54
19
  /** Initial value when uncontrolled. Defaults to `''`. */
@@ -61,12 +26,6 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChan
61
26
  invalid?: boolean;
62
27
  /** Disables the input. Defaults to `false`. */
63
28
  disabled?: boolean;
64
- /** Shows the value without letting it change: it can be selected and copied, the ring answers hover and focus, the fill never lifts. Defaults to `false`. */
65
- readOnly?: boolean;
66
- /** Marks the input required. Defaults to the surrounding Field's `required`. */
67
- required?: boolean;
68
- /** The input's type. Swapping it (a password reveal) keeps the caret and the selection where they were. Defaults to `"text"`. */
69
- type?: string;
70
29
  /** Pins the input to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
71
30
  size?: SizeVariant;
72
31
  /** Classes for the ringed box around the input. */
@@ -79,34 +38,11 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChan
79
38
  * ground with a hairline ring, focus onto the card ground, and its leading
80
39
  * icon thickens. `invalid` turns it destructive. It is uncontrolled with
81
40
  * `defaultValue`, or controlled with `value` + `onChange`, and fills the width
82
- * of its container. Pair it with a `Label` through `htmlFor` / `id`, or put
83
- * it in a Field, which labels it and hands it its error, disabled,
84
- * read-only and required state.
85
- *
86
- * `startAdornment` and `endAdornment` hold what sits beside the text: a
87
- * prefix or a unit, an icon, or an `InputAction` (a password reveal, a
88
- * clear). They light with the field like its leading icon, and icons in
89
- * them take the ladder's glyph size. Swapping `type` keeps the caret and the
90
- * selection where they were, so a password reveal is just an `InputAction`
91
- * that flips `type` between `"password"` and `"text"`. `readOnly` keeps the
92
- * value selectable while the fill stays down.
93
- *
94
- * Its height is a step of the size ladder (see Sizes). `size` is that step
95
- * (`"default"` 36px, `"compact"` 28px), not the native `<input size>`
96
- * character width, which the Input doesn't take: its width comes from its
97
- * container. With no `size`, the surrounding SizeProvider sets the height,
98
- * so a host whose props keep the native `size` attribute strips it before
99
- * spreading them onto the Input and sets density with a SizeProvider (or a
100
- * Field's `size`) around the form instead.
41
+ * of its container. Pair it with a `Label` through `htmlFor` / `id`.
101
42
  *
102
43
  * Also exported from this item:
103
- * - `InputAction` — a small icon button inside the field, 4px inside its
104
- * ring: `label` (its accessible name), `icon`, `size`, plus button props.
105
- * A press keeps the caret in the field.
106
- * - `InputAdornment` — the wrapper the adornments render in, for a field of
107
- * your own built on the field box: `size`.
108
44
  * - `Label` — the field label, weight-stable and inset to line up with the
109
- * input's text: `htmlFor`, `invalid`, `size` (see Label, its own page).
45
+ * input's text: `htmlFor`, `invalid`, `size`.
110
46
  * - `InputGroup` — stacks labelled fields and tracks the pointer across them,
111
47
  * so the hover glides from field to field: `size` pins every field to one
112
48
  * step of the ladder.
@@ -120,36 +56,18 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChan
120
56
  * @example {@include ./examples.mdx}
121
57
  */
122
58
  declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
123
- interface InputAdornmentProps {
124
- /** What sits beside the text. Nothing renders when it is empty. */
125
- children?: ReactNode4;
126
- /** Pins the adornment, and an `InputAction` inside it, to one step of the size ladder. Defaults to the surrounding SizeProvider. */
127
- size?: SizeVariant;
128
- /** Classes for the wrapper. */
129
- className?: string;
130
- }
131
- type Element_12xgc3 = JSX_1kxb3["Element"];
132
- /** Content beside a field's text, lit with the field: what `startAdornment` / `endAdornment` render in, for a field of your own on `useFieldBox`. */
133
- declare function InputAdornment({ children, size, className }: InputAdornmentProps): Element_12xgc3 | null;
134
- interface InputActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
135
- /** Names the action for assistive tech (its `aria-label`), e.g. "Show password". */
136
- label: string;
137
- /** The glyph. Pass an icon component, or an icon element as `children`. */
138
- icon?: IconComponent;
139
- /** An icon element, in place of `icon`. */
140
- children?: ReactNode4;
141
- /** Disables the action. Defaults to `false`. */
142
- disabled?: boolean;
143
- /** Pins the action to one step of the size ladder (28px in a default field, 20px in a compact one). Defaults to the surrounding SizeProvider. */
59
+ interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
60
+ /** Label text. */
61
+ children: ReactNode2;
62
+ /** Turns the label destructive, matching an invalid Input. Defaults to `false`. */
63
+ invalid?: boolean;
64
+ /** Pins the label to one step of the size ladder. Defaults to the surrounding SizeProvider. */
144
65
  size?: SizeVariant;
145
- /** Classes for the button. */
146
- className?: string;
147
66
  }
148
- /** A small icon button inside a field box: a password reveal, a clear, a copy. */
149
- declare const InputAction: ForwardRefExoticComponent<InputActionProps & RefAttributes<HTMLButtonElement>>;
67
+ declare const Label: ForwardRefExoticComponent<LabelProps & RefAttributes<HTMLLabelElement>>;
150
68
  interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
151
69
  /** One or more InputGroup.Field children. */
152
- children: ReactNode4;
70
+ children: ReactNode2;
153
71
  /** Pins the group's fields to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
154
72
  size?: SizeVariant;
155
73
  }
@@ -167,8 +85,8 @@ interface InputFieldProps extends Omit<InputProps, "invalid" | "size" | "classNa
167
85
  /** Error message shown below the input. */
168
86
  error?: string;
169
87
  /** A control in place of the built-in Input, e.g. a Textarea: it joins the group's hover and takes the field's error and disabled state. Input's props then go on it, not on the field. */
170
- children?: ReactNode4;
88
+ children?: ReactNode2;
171
89
  className?: string;
172
90
  }
173
91
  declare const InputField: ForwardRefExoticComponent<InputFieldProps & RefAttributes<HTMLDivElement>>;
174
- export { Input, InputAction, InputActionProps, InputAdornment, InputAdornmentProps, InputFieldProps, InputGroup, InputGroupProps, InputProps, Label, LabelProps, Input as default };
92
+ export { Input, InputFieldProps, InputGroup, InputGroupProps, InputProps, Label, LabelProps, Input as default };
@@ -1,27 +1,18 @@
1
1
  import {
2
2
  Input2,
3
- InputAdornment2,
4
- InputAction2,
3
+ Label2,
5
4
  InputGroup2,
6
5
  input_default
7
- } from "../../../shared/components-mattt5jp.js";
8
- import {
9
- Label2
10
- } from "../../../shared/components-adkarj8n.js";
11
- import"../../../shared/components-hdzrqqpx.js";
12
- import"../../../shared/components-124epb7f.js";
13
- import"../../../shared/components-yhgq0qxx.js";
14
- import"../../../shared/components-dcc02hs2.js";
15
- import"../../../shared/components-tz1fv35x.js";
16
- import"../../../shared/components-h83az0bz.js";
17
- import"../../../shared/components-34txk9rj.js";
18
- import"../../../shared/components-71nbt03m.js";
19
- import"../../../shared/components-gx4h5rbb.js";
20
- import"../../../shared/components-jcnjay5g.js";
6
+ } from "../../../shared/components-h2ajmhwn.js";
7
+ import"../../../shared/components-raknhppb.js";
8
+ import"../../../shared/components-59efxjd9.js";
9
+ import"../../../shared/components-jjw69c4c.js";
10
+ import"../../../shared/components-n7mjr357.js";
11
+ import"../../../shared/components-0sn7ypjw.js";
12
+ import"../../../shared/components-cv16mryv.js";
13
+ import"../../../shared/components-ezxhrmer.js";
21
14
  export {
22
15
  Input2 as Input,
23
- InputAction2 as InputAction,
24
- InputAdornment2 as InputAdornment,
25
16
  InputGroup2 as InputGroup,
26
17
  Label2 as Label,
27
18
  input_default as default
@@ -1,7 +1,7 @@
1
1
  import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
2
2
  type SizeVariant = "default" | "compact";
3
3
  interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "defaultValue"> {
4
- /** `Radio` rows, or bare radios (no `label`) in a layout of your own (see Bare). */
4
+ /** `Radio` rows. */
5
5
  children: ReactNode;
6
6
  /** Index of the currently selected item. Controlled — pair it with `onSelectedIndexChange` (or per-item `onSelect`). */
7
7
  selectedIndex?: number;
@@ -15,29 +15,21 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect
15
15
  defaultValue?: string;
16
16
  /** Called with the selected item's `value` when it changes (value mode). */
17
17
  onValueChange?: (value: string) => void;
18
- /** Disables every radio in the group. Defaults to `false`. */
19
- disabled?: boolean;
20
- /** Form field name for the selected `value` (value mode): a hidden input carries it. */
21
- name?: string;
22
- /** Marks the group required in a form (value mode). Defaults to `false`. */
23
- required?: boolean;
24
18
  /** Pins the group's rows to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
25
19
  size?: SizeVariant;
26
20
  }
27
21
  declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>>;
28
22
  interface RadioProps extends HTMLAttributes<HTMLDivElement> {
29
- /** Label beside the circle, any node. Omit it for a bare circle in a layout of your own (see Bare): it then needs a `value`, and a name from `aria-label`, `aria-labelledby` or a `<label htmlFor>` pointing at its `id`. */
30
- label?: ReactNode;
23
+ /** Text label for the radio item. */
24
+ label: string;
31
25
  /** Position within the `Radio.Group`: the row's `selectedIndex`. Defaults to its order among the group's rows. */
32
26
  index?: number;
33
27
  /** Whether this item is selected. Defaults to the group's selection. */
34
28
  selected?: boolean;
35
29
  /** Called when this item is selected (the group's change callbacks fire too). */
36
30
  onSelect?: () => void;
37
- /** The item's value in a value-mode group, forwarded to the underlying Base UI radio for forms. A bare radio needs one. */
31
+ /** Optional value forwarded to the underlying Base UI primitive for form integration. */
38
32
  value?: string;
39
- /** Dims the radio and ignores presses; the hover and the arrow keys skip it. Defaults to the group's `disabled`. */
40
- disabled?: boolean;
41
33
  }
42
34
  type RadioComponent = ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLDivElement>> & {
43
35
  Group: typeof RadioGroup;
@@ -53,19 +45,12 @@ type RadioComponent = ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLD
53
45
  * its rows in order, so they need no `index`. FF's per-row `selected` /
54
46
  * `onSelect` still work and override the group for their row.
55
47
  *
56
- * Without a `label` a radio is just the circle: Base UI's radio, picked by
57
- * its `value`, named by a `<label htmlFor>` pointing at its `id` or by
58
- * `aria-label`. Lay bare radios out however you like inside the group (a
59
- * row with a description, a grid of cards); the group then draws no rows of
60
- * its own and Base UI moves focus and selection with the arrow keys.
61
- *
62
48
  * Statics:
63
49
  * - `Radio.Group` — the list. Select by index — uncontrolled with
64
50
  * `defaultSelectedIndex`, controlled with `selectedIndex` +
65
51
  * `onSelectedIndexChange` — or by row `value` (`defaultValue` / `value` +
66
52
  * `onValueChange`), which also renders Base UI radios for form
67
- * integration (`name`, `required`); `disabled` turns every radio off;
68
- * `size` pins every row to one step of the size ladder.
53
+ * integration; `size` pins every row to one step of the size ladder.
69
54
  *
70
55
  * @example {@include ./examples.mdx}
71
56
  */
@@ -2,22 +2,18 @@ import {
2
2
  RadioGroup2,
3
3
  Radio2,
4
4
  radio_default
5
- } from "../../../shared/components-w2jqa6hx.js";
6
- import"../../../shared/components-r8eqs7gz.js";
7
- import"../../../shared/components-h6p86be3.js";
8
- import"../../../shared/components-dc5q749x.js";
9
- import"../../../shared/components-pwayrkw9.js";
10
- import"../../../shared/components-yhgq0qxx.js";
11
- import"../../../shared/components-m06yq8wk.js";
12
- import"../../../shared/components-dcc02hs2.js";
13
- import"../../../shared/components-tz1fv35x.js";
14
- import"../../../shared/components-de99ykt7.js";
15
- import"../../../shared/components-3ey0hzpb.js";
16
- import"../../../shared/components-h83az0bz.js";
17
- import"../../../shared/components-34txk9rj.js";
18
- import"../../../shared/components-71nbt03m.js";
19
- import"../../../shared/components-gx4h5rbb.js";
20
- import"../../../shared/components-jcnjay5g.js";
5
+ } from "../../../shared/components-pbmqctfa.js";
6
+ import"../../../shared/components-ta7shw28.js";
7
+ import"../../../shared/components-kvr7f9hy.js";
8
+ import"../../../shared/components-chacnk61.js";
9
+ import"../../../shared/components-59efxjd9.js";
10
+ import"../../../shared/components-hqeq3w9q.js";
11
+ import"../../../shared/components-jjw69c4c.js";
12
+ import"../../../shared/components-n7mjr357.js";
13
+ import"../../../shared/components-men63rwj.js";
14
+ import"../../../shared/components-0sn7ypjw.js";
15
+ import"../../../shared/components-cv16mryv.js";
16
+ import"../../../shared/components-ezxhrmer.js";
21
17
  export {
22
18
  Radio2 as Radio,
23
19
  RadioGroup2 as RadioGroup,
@@ -16,7 +16,7 @@ interface CommandItem {
16
16
  disabled?: boolean;
17
17
  onSelect?: () => void;
18
18
  }
19
- import { JSX as JSX_1kxb4 } from "react";
19
+ import { JSX as JSX_1kxb3 } from "react";
20
20
  interface SearchProps {
21
21
  /** How it rests: a pill showing the placeholder (and the shortcut), or a lone search icon. Defaults to `'pill'`. */
22
22
  variant?: "pill" | "icon";
@@ -53,7 +53,7 @@ interface SearchProps {
53
53
  /** Classes for the root, the box the resting button keeps in the layout. */
54
54
  className?: string;
55
55
  }
56
- type Element_12xgc4 = JSX_1kxb4["Element"];
56
+ type Element_12xgc3 = JSX_1kxb3["Element"];
57
57
  /**
58
58
  * A search button that grows into the field in place, with suggestions that
59
59
  * ooze out below it.
@@ -79,5 +79,5 @@ type Element_12xgc4 = JSX_1kxb4["Element"];
79
79
  *
80
80
  * @example {@include ./examples.mdx}
81
81
  */
82
- declare function Search({ variant, placeholder, items, value, defaultValue, onValueChange, onSubmit, expanded, defaultExpanded, onExpandedChange, width, align, shortcut, emptyMessage, effect, tier, className }: SearchProps): Element_12xgc4;
82
+ declare function Search({ variant, placeholder, items, value, defaultValue, onValueChange, onSubmit, expanded, defaultExpanded, onExpandedChange, width, align, shortcut, emptyMessage, effect, tier, className }: SearchProps): Element_12xgc3;
83
83
  export { Search, SearchProps, Search as default };
@@ -1,32 +1,24 @@
1
1
  import {
2
2
  Search2,
3
3
  search_default
4
- } from "../../../shared/components-cet3jpa0.js";
5
- import"../../../shared/components-wgtjt2af.js";
6
- import"../../../shared/components-czdvj1a8.js";
7
- import"../../../shared/components-h6p86be3.js";
8
- import"../../../shared/components-vf45j12c.js";
9
- import"../../../shared/components-mrbaxt8q.js";
10
- import"../../../shared/components-c7rwx0ap.js";
11
- import"../../../shared/components-b1e239g3.js";
12
- import"../../../shared/components-dhgk6mbt.js";
13
- import"../../../shared/components-jqpefjsn.js";
14
- import"../../../shared/components-dc5q749x.js";
15
- import"../../../shared/components-pwayrkw9.js";
16
- import"../../../shared/components-yhgq0qxx.js";
17
- import"../../../shared/components-m06yq8wk.js";
18
- import"../../../shared/components-9sttq78t.js";
19
- import"../../../shared/components-4vfm04wq.js";
20
- import"../../../shared/components-tz1fv35x.js";
21
- import"../../../shared/components-ctqmge8t.js";
22
- import"../../../shared/components-drxrtnp2.js";
23
- import"../../../shared/components-de99ykt7.js";
24
- import"../../../shared/components-3ey0hzpb.js";
25
- import"../../../shared/components-h83az0bz.js";
26
- import"../../../shared/components-34txk9rj.js";
27
- import"../../../shared/components-71nbt03m.js";
28
- import"../../../shared/components-gx4h5rbb.js";
29
- import"../../../shared/components-jcnjay5g.js";
4
+ } from "../../../shared/components-fzrq6tr3.js";
5
+ import"../../../shared/components-4700p9kz.js";
6
+ import"../../../shared/components-zfnmn5d4.js";
7
+ import"../../../shared/components-3ky44908.js";
8
+ import"../../../shared/components-zrkzcayz.js";
9
+ import"../../../shared/components-0q0sqfh4.js";
10
+ import"../../../shared/components-kvr7f9hy.js";
11
+ import"../../../shared/components-chacnk61.js";
12
+ import"../../../shared/components-59efxjd9.js";
13
+ import"../../../shared/components-hqeq3w9q.js";
14
+ import"../../../shared/components-b2wyq2cq.js";
15
+ import"../../../shared/components-n7mjr357.js";
16
+ import"../../../shared/components-men63rwj.js";
17
+ import"../../../shared/components-0sn7ypjw.js";
18
+ import"../../../shared/components-b0eac83j.js";
19
+ import"../../../shared/components-cv16mryv.js";
20
+ import"../../../shared/components-zx6b6yby.js";
21
+ import"../../../shared/components-ezxhrmer.js";
30
22
  export {
31
23
  Search2 as Search,
32
24
  search_default as default