@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,87 +0,0 @@
1
- import { NumberFieldRootChangeEventDetails } from "@base-ui/react/number-field";
2
- import { InputHTMLAttributes, ReactNode as ReactNode2 } from "react";
3
- type SizeVariant = "default" | "compact";
4
- /** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
5
- type FieldVariant = "bordered" | "borderless";
6
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
7
- import { RefAttributes as RefAttributes_miuf56 } from "react";
8
- interface NumberInputProps {
9
- /** Controlled value; `null` while the field is empty. Pair with `onValueChange`. */
10
- value?: number | null;
11
- /** Initial value when uncontrolled. Empty when unset. */
12
- defaultValue?: number;
13
- /** Called with the new value as it changes (typing, steppers, arrow keys, scrubbing); `null` when cleared. The second argument is Base UI's change details: `reason` names the cause (`"input-change"`, `"keyboard"`, `"increment-press"`, `"scrub"`, …) and `event` the DOM event. */
14
- onValueChange?: (value: number | null, details: NumberFieldRootChangeEventDetails) => void;
15
- /** Called once a change is done: on blur after typing, on release after a stepper press or a scrub. */
16
- onValueCommitted?: (value: number | null) => void;
17
- /** Lowest value the steppers, arrow keys and blur clamp to. */
18
- min?: number;
19
- /** Highest value the steppers, arrow keys and blur clamp to. */
20
- max?: number;
21
- /** Amount a stepper press or an arrow key adds. Defaults to `1`. */
22
- step?: number;
23
- /** Amount with Alt held. Defaults to `0.1`. */
24
- smallStep?: number;
25
- /** Amount with Shift held. Defaults to `10`. */
26
- largeStep?: number;
27
- /** How the value is shown and read back: `Intl.NumberFormat` options, e.g. `{ style: 'currency', currency: 'EUR' }` or `{ style: 'percent' }`. */
28
- format?: Intl.NumberFormatOptions;
29
- /** Locale for formatting and parsing (`"sk-SK"` writes `1 234,5`). Defaults to the browser's. */
30
- locale?: Intl.LocalesArgument;
31
- /** Placeholder text while empty. */
32
- placeholder?: string;
33
- /** Shows the minus and plus buttons. Defaults to `true`. */
34
- stepper?: boolean;
35
- /** Turns `startAdornment` into a scrub handle: drag it sideways to change the value. Defaults to `false`. */
36
- scrub?: boolean;
37
- /** Lets the mouse wheel change the value while the field is focused and hovered. Defaults to `false`. */
38
- wheel?: boolean;
39
- /** Content before the number: a label such as `"W"` (a scrub handle with `scrub`), a currency sign, an icon. */
40
- startAdornment?: ReactNode2;
41
- /** Content after the number, before the steppers: a unit such as `"kg"`. */
42
- endAdornment?: ReactNode2;
43
- /** Accessible name of the minus button. Defaults to `"Decrease"`. */
44
- decrementLabel?: string;
45
- /** Accessible name of the plus button. Defaults to `"Increase"`. */
46
- incrementLabel?: string;
47
- /** Names the value when the form is submitted. */
48
- name?: string;
49
- /** Id of the input, for a `Label`'s `htmlFor`. Inside a Field it is wired for you. */
50
- id?: string;
51
- /** Marks the value required. Defaults to the surrounding Field's `required`. */
52
- required?: boolean;
53
- /** Framed at rest, or invisible until hovered or focused. Defaults to `"borderless"`. */
54
- variant?: FieldVariant;
55
- /** Marks the value invalid: the field turns destructive and sets `aria-invalid`. Defaults to `false`. */
56
- invalid?: boolean;
57
- /** Disables the field and its steppers. Defaults to `false`. */
58
- disabled?: boolean;
59
- /** Shows the value without letting it change; the steppers hide. Defaults to `false`. */
60
- readOnly?: boolean;
61
- /** Pins the field to one step of the size ladder (36px default, 28px compact). Defaults to the surrounding SizeProvider. */
62
- size?: SizeVariant;
63
- /** Classes for the ringed box. */
64
- className?: string;
65
- /** Props for the `<input>` itself, applied last so they win: `aria-label`, `aria-describedby`, `autoFocus`, `onKeyDown`, `id`, `autoComplete`, `inputMode`. Use the root `name`; a `name` here posts the formatted text. `disabled`, `required`, `readOnly` and `type` stay with the root props and the surrounding Field; a `className` joins the input's own. */
66
- inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "size">;
67
- }
68
- /**
69
- * Number field with steppers, formatting and an optional scrub handle.
70
- *
71
- * It sits on the same ground as Input: bare at rest (or framed with
72
- * `variant="bordered"`), a muted wash on hover, the card on focus, a
73
- * destructive ring when `invalid`. Minus and plus sit inside the ring at the
74
- * end; holding one repeats, the arrow keys step (Shift for `largeStep`, Alt
75
- * for `smallStep`), and both stop at `min` / `max`. `format` takes
76
- * `Intl.NumberFormat` options and `locale` the locale, so a value reads
77
- * `€1,234.50` or `1 234,5 %` and typing in that form parses back. With
78
- * `scrub`, the start adornment becomes a handle: drag it sideways to change
79
- * the value, as in a design tool. The value is a number, or `null` while
80
- * empty: uncontrolled with `defaultValue`, controlled with `value` +
81
- * `onValueChange`. Behavior comes from Base UI's NumberField; inside a Field
82
- * it is labelled and takes the field's state.
83
- *
84
- * @example {@include ./examples.mdx}
85
- */
86
- declare const NumberInput: ForwardRefExoticComponent_tcubfn<NumberInputProps & RefAttributes_miuf56<HTMLInputElement>>;
87
- export { NumberInput, NumberInputProps, NumberInput as default };
@@ -1,21 +0,0 @@
1
- import {
2
- NumberInput2,
3
- number_input_default
4
- } from "../../../shared/components-b94t6qtj.js";
5
- import"../../../shared/components-mattt5jp.js";
6
- import"../../../shared/components-adkarj8n.js";
7
- import"../../../shared/components-hdzrqqpx.js";
8
- import"../../../shared/components-124epb7f.js";
9
- import"../../../shared/components-jqpefjsn.js";
10
- import"../../../shared/components-yhgq0qxx.js";
11
- import"../../../shared/components-dcc02hs2.js";
12
- import"../../../shared/components-tz1fv35x.js";
13
- import"../../../shared/components-h83az0bz.js";
14
- import"../../../shared/components-34txk9rj.js";
15
- import"../../../shared/components-71nbt03m.js";
16
- import"../../../shared/components-gx4h5rbb.js";
17
- import"../../../shared/components-jcnjay5g.js";
18
- export {
19
- NumberInput2 as NumberInput,
20
- number_input_default as default
21
- };
@@ -1,5 +0,0 @@
1
- import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
2
- declare const triggerVariants: (props?: ({
3
- variant?: "borderless" | "bordered" | null | undefined;
4
- } & ClassProp_wz9o0r) | undefined) => string;
5
- export { triggerVariants };
@@ -1,6 +0,0 @@
1
- import {
2
- triggerVariants2
3
- } from "../../../shared/components-xdqmt6ed.js";
4
- export {
5
- triggerVariants2 as triggerVariants
6
- };
@@ -1,126 +0,0 @@
1
- import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
2
- import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ReactNode as ReactNode2, RefAttributes, RefObject } from "react";
3
- import { ComponentType } from "react";
4
- interface IconComponentProps {
5
- size?: number | string;
6
- strokeWidth?: number | string;
7
- className?: string;
8
- }
9
- type IconComponent = ComponentType<IconComponentProps>;
10
- type SizeVariant = "default" | "compact";
11
- import { JSX as JSX_1kxb2 } from "react";
12
- interface NavigationMenuListProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
13
- /** `NavigationMenu.Item`s, and optionally a `NavigationMenu.Indicator`. */
14
- children?: ReactNode2;
15
- }
16
- declare const NavigationMenuList: ForwardRefExoticComponent<NavigationMenuListProps & RefAttributes<HTMLUListElement>>;
17
- interface NavigationMenuIndicatorProps {
18
- /** Classes for the marker: its fill. Defaults to the `bg-active` overlay. */
19
- className?: string;
20
- }
21
- type Element_12xgc2 = JSX_1kxb2["Element"];
22
- /** A liquid marker under the open item, or the current page's item when nothing is open. */
23
- declare function NavigationMenuIndicator({ className }: NavigationMenuIndicatorProps): Element_12xgc2;
24
- interface NavigationMenuItemProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
25
- /** Identifies the item for a controlled `value`. Defaults to a generated id. */
26
- value?: string;
27
- }
28
- declare const NavigationMenuItem: ForwardRefExoticComponent<NavigationMenuItemProps & RefAttributes<HTMLLIElement>>;
29
- interface NavigationMenuTriggerProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> {
30
- /** The trigger's label. With `asChild`, the single child element, whose own children are the label. */
31
- children?: ReactNode2;
32
- /** Compose onto the single child instead of `render`: it becomes the trigger and keeps its element type, props and ref. Defaults to `false`. */
33
- asChild?: boolean;
34
- }
35
- declare const NavigationMenuTrigger: ForwardRefExoticComponent<NavigationMenuTriggerProps & RefAttributes<HTMLButtonElement>>;
36
- interface NavigationMenuContentProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
37
- /** Classes for the panel's content: its width and layout (a grid of links, a feature column). */
38
- className?: string;
39
- /** The panel: `NavigationMenu.Link`s and anything else. With `asChild`, the single child element, whose own children are the panel. */
40
- children?: ReactNode2;
41
- /** Compose onto the single child instead of `render`: it becomes the panel and keeps its element type, props and ref, so a `ul` stays a `ul`. Defaults to `false`. */
42
- asChild?: boolean;
43
- }
44
- declare const NavigationMenuContent: ForwardRefExoticComponent<NavigationMenuContentProps & RefAttributes<HTMLDivElement>>;
45
- interface NavigationMenuLinkProps extends ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
46
- /** Marks the link as the current page (`aria-current`); in the strip, the indicator rests under it. Defaults to `false`. */
47
- active?: boolean;
48
- /** Leading icon of a link inside a panel. */
49
- icon?: IconComponent;
50
- /** A muted line under the title of a link inside a panel. */
51
- description?: ReactNode2;
52
- /** Close the panel when the link is pressed. Defaults to `false`. */
53
- closeOnClick?: boolean;
54
- /** The link's title. */
55
- children?: ReactNode2;
56
- }
57
- declare const NavigationMenuLink: ForwardRefExoticComponent<NavigationMenuLinkProps & RefAttributes<HTMLAnchorElement>>;
58
- interface NavigationMenuProps extends Omit<ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>, "value" | "defaultValue" | "onValueChange" | "delay" | "closeDelay" | "className" | "children"> {
59
- /** Controlled open item (its `value`), or `null` when closed. Pair with `onValueChange`. */
60
- value?: string | null;
61
- /** Initially open item, for an uncontrolled menu. Defaults to `null`. */
62
- defaultValue?: string | null;
63
- /** Called with the open item's value, or `null` as the menu closes. */
64
- onValueChange?: (value: string | null) => void;
65
- /** Hover delay before a panel opens, in ms. Defaults to `50`. */
66
- delay?: number;
67
- /** Delay before the panel closes once the pointer leaves, in ms. Defaults to `50`. */
68
- closeDelay?: number;
69
- /** Alignment of the panel along the strip. Defaults to `'start'`. */
70
- align?: "start" | "center" | "end";
71
- /** Gap between strip and panel in px — the length of the goo neck. Defaults to `12`. */
72
- sideOffset?: number;
73
- /** Where the panel grows from (see Morph): the pressed trigger, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
74
- from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
75
- /** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
76
- effect?: "goo" | "morph" | "slide" | "fade";
77
- /** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
78
- hideSource?: boolean;
79
- /** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
80
- tier?: "moderate" | "slow";
81
- /** Pins the strip and its panels to one step of the size ladder (36px default, 28px compact). Defaults to the surrounding SizeProvider. */
82
- size?: SizeVariant;
83
- /** Classes for the `nav` root. */
84
- className?: string;
85
- /** A `NavigationMenu.List`. */
86
- children?: ReactNode2;
87
- }
88
- type NavigationMenuComponent = ForwardRefExoticComponent<NavigationMenuProps & RefAttributes<HTMLElement>> & {
89
- List: typeof NavigationMenuList;
90
- Item: typeof NavigationMenuItem;
91
- Trigger: typeof NavigationMenuTrigger;
92
- Content: typeof NavigationMenuContent;
93
- Link: typeof NavigationMenuLink;
94
- Indicator: typeof NavigationMenuIndicator;
95
- };
96
- /**
97
- * A site navigation bar whose items open flyout panels of links.
98
- *
99
- * The panel grows out of the trigger that opened it (see Morph) and closes
100
- * back into it. Moving to another trigger keeps the one panel open: it
101
- * springs to the new content's size while the content slides in from the
102
- * side the pointer came from. One fluid hover highlight runs along the
103
- * strip and another inside each panel, and `NavigationMenu.Indicator` melts
104
- * from item to item under the open one, or under the current page's link.
105
- * The panel lifts 2 surface levels off its substrate. Built on Base UI's
106
- * NavigationMenu: panels open on hover or press, arrow keys move between
107
- * items, Escape closes; controlled with `value` + `onValueChange`. The root
108
- * is the `<nav>`: it takes a ref and HTML attributes such as `aria-label`.
109
- *
110
- * Statics:
111
- * - `NavigationMenu.List` — the strip.
112
- * - `NavigationMenu.Item` — one entry: a Trigger + Content pair, or a Link;
113
- * `value`.
114
- * - `NavigationMenu.Trigger` — opens its item's panel; the chevron turns and
115
- * the label turns semibold while open; `asChild`.
116
- * - `NavigationMenu.Content` — the item's panel; size it with `className`;
117
- * `asChild` makes it the child (a `ul`, say).
118
- * - `NavigationMenu.Link` — a link: in the strip, a top-level item; in a
119
- * panel, a row with `icon` and `description`. `active` marks the current
120
- * page; `closeOnClick`.
121
- * - `NavigationMenu.Indicator` — the liquid marker; put it in the List.
122
- *
123
- * @example {@include ./examples.mdx}
124
- */
125
- declare const NavigationMenu: NavigationMenuComponent;
126
- export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenu as default };
@@ -1,41 +0,0 @@
1
- import {
2
- NavigationMenuList2,
3
- NavigationMenuIndicator2,
4
- NavigationMenuItem2,
5
- NavigationMenuTrigger2,
6
- NavigationMenuContent2,
7
- NavigationMenuLink2,
8
- NavigationMenu2,
9
- navigation_menu_default
10
- } from "../../../shared/components-ej4r7wmj.js";
11
- import"../../../shared/components-tz4gaf1v.js";
12
- import"../../../shared/components-wbbckbw8.js";
13
- import"../../../shared/components-h6p86be3.js";
14
- import"../../../shared/components-vf45j12c.js";
15
- import"../../../shared/components-4y816hwp.js";
16
- import"../../../shared/components-b1e239g3.js";
17
- import"../../../shared/components-dhgk6mbt.js";
18
- import"../../../shared/components-jqpefjsn.js";
19
- import"../../../shared/components-qdm3yh26.js";
20
- import"../../../shared/components-pw06rbxq.js";
21
- import"../../../shared/components-yhgq0qxx.js";
22
- import"../../../shared/components-awra5sff.js";
23
- import"../../../shared/components-dcc02hs2.js";
24
- import"../../../shared/components-tz1fv35x.js";
25
- import"../../../shared/components-de99ykt7.js";
26
- import"../../../shared/components-3ey0hzpb.js";
27
- import"../../../shared/components-h83az0bz.js";
28
- import"../../../shared/components-34txk9rj.js";
29
- import"../../../shared/components-71nbt03m.js";
30
- import"../../../shared/components-gx4h5rbb.js";
31
- import"../../../shared/components-jcnjay5g.js";
32
- export {
33
- NavigationMenu2 as NavigationMenu,
34
- NavigationMenuContent2 as NavigationMenuContent,
35
- NavigationMenuIndicator2 as NavigationMenuIndicator,
36
- NavigationMenuItem2 as NavigationMenuItem,
37
- NavigationMenuLink2 as NavigationMenuLink,
38
- NavigationMenuList2 as NavigationMenuList,
39
- NavigationMenuTrigger2 as NavigationMenuTrigger,
40
- navigation_menu_default as default
41
- };
@@ -1,75 +0,0 @@
1
- type SizeVariant = "default" | "compact";
2
- import { JSX as JSX_1kxb } from "react";
3
- type PaginationVariant = "pages" | "input";
4
- interface PaginationProps {
5
- /** Number of pages. Below 1 it counts as 1. */
6
- pageCount: number;
7
- /** Controlled current page, counted from 1. Pair with `onPageChange`. */
8
- page?: number;
9
- /** Initial page, for an uncontrolled pagination. Defaults to `1`. */
10
- defaultPage?: number;
11
- /** Called with the new page whenever it changes. */
12
- onPageChange?: (page: number) => void;
13
- /** Page buttons along a strip, or a field to type the page into (the dense layout data tables use). Defaults to `'pages'`. */
14
- variant?: PaginationVariant;
15
- /** Pages shown on each side of the current one before a gap, with `variant="pages"`. Defaults to `1`. */
16
- siblings?: number;
17
- /** Show the first and last page buttons. Defaults to on with `variant="input"` and off with `variant="pages"`. */
18
- edges?: boolean;
19
- /** Controlled page size: shows the page-size Select. Pair with `onPageSizeChange`. */
20
- pageSize?: number;
21
- /** Initial page size, for an uncontrolled page-size Select; setting it shows the Select. */
22
- defaultPageSize?: number;
23
- /** The page sizes the Select offers. Defaults to `[10, 20, 30, 40, 50]`. */
24
- pageSizes?: number[];
25
- /** Called with the new page size whenever it changes. */
26
- onPageSizeChange?: (pageSize: number) => void;
27
- /** Disables every control, e.g. while a page loads. Defaults to `false`. */
28
- disabled?: boolean;
29
- /** Accessible name of the `nav`. Defaults to `'Pagination'`. */
30
- label?: string;
31
- /** Accessible name of the first page button. Defaults to `'First page'`. */
32
- firstLabel?: string;
33
- /** Accessible name of the previous page button. Defaults to `'Previous page'`. */
34
- previousLabel?: string;
35
- /** Accessible name of the next page button. Defaults to `'Next page'`. */
36
- nextLabel?: string;
37
- /** Accessible name of the last page button. Defaults to `'Last page'`. */
38
- lastLabel?: string;
39
- /** Accessible name of the page field, with `variant="input"`. Defaults to `'Page'`. */
40
- pageLabel?: string;
41
- /** Text before the page-size Select, also its accessible name unless `pageSizeAriaLabel` is set; an empty string shows none. Defaults to `'Rows per page'`. */
42
- pageSizeLabel?: string;
43
- /** Accessible name of the page-size Select, for when it should differ from the visible `pageSizeLabel` (or that is empty). Defaults to `pageSizeLabel`, else `'Rows per page'`. */
44
- pageSizeAriaLabel?: string;
45
- /** Pins the strip to one step of the size ladder (36px default, 28px compact). Defaults to the surrounding SizeProvider. */
46
- size?: SizeVariant;
47
- /** Classes for the `nav` root. */
48
- className?: string;
49
- }
50
- type Element_12xgc = JSX_1kxb["Element"];
51
- /**
52
- * Page navigation: first, previous, the pages or a field to jump to one,
53
- * next and last, with an optional page-size Select for data tables.
54
- *
55
- * With the default `variant="pages"` the strip shows the first and last
56
- * pages and the current page's neighbours, with a gap wherever pages are
57
- * skipped. The current page is a liquid indicator: picking another page melts
58
- * it across the strip (see the liquid indicators in Morph), and its number
59
- * turns semibold without moving the others. One fluid hover highlight runs
60
- * along the page buttons, so a click between two pages lands on the lit one.
61
- *
62
- * `variant="input"` swaps the strip for a field showing the current page and
63
- * the page count (`3 / 12`): type a page and press Enter, or leave the field,
64
- * to go there; Escape puts the current page back. It brings first and last
65
- * buttons with it (`edges`).
66
- *
67
- * Setting `pageSize` or `defaultPageSize` adds a Select of `pageSizes`. Every
68
- * label is a prop, so a translated app passes its own strings. Works
69
- * controlled (`page` + `onPageChange`, `pageSize` + `onPageSizeChange`) or
70
- * uncontrolled (`defaultPage`, `defaultPageSize`).
71
- *
72
- * @example {@include ./examples.mdx}
73
- */
74
- declare function Pagination({ pageCount, page, defaultPage, onPageChange, variant, siblings, edges: edgesProp, pageSize, defaultPageSize, pageSizes, onPageSizeChange, disabled, label, firstLabel, previousLabel, nextLabel, lastLabel, pageLabel, pageSizeLabel, pageSizeAriaLabel, size: sizeProp, className }: PaginationProps): Element_12xgc;
75
- export { Pagination, PaginationProps, PaginationVariant, Pagination as default };
@@ -1,41 +0,0 @@
1
- import {
2
- Pagination2,
3
- pagination_default
4
- } from "../../../shared/components-8v644a0s.js";
5
- import"../../../shared/components-wqrvqq5p.js";
6
- import"../../../shared/components-xdqmt6ed.js";
7
- import"../../../shared/components-mattt5jp.js";
8
- import"../../../shared/components-adkarj8n.js";
9
- import"../../../shared/components-hdzrqqpx.js";
10
- import"../../../shared/components-124epb7f.js";
11
- import"../../../shared/components-tz4gaf1v.js";
12
- import"../../../shared/components-wbbckbw8.js";
13
- import"../../../shared/components-krtx3m5b.js";
14
- import"../../../shared/components-h6p86be3.js";
15
- import"../../../shared/components-vf45j12c.js";
16
- import"../../../shared/components-mrbaxt8q.js";
17
- import"../../../shared/components-4y816hwp.js";
18
- import"../../../shared/components-b1e239g3.js";
19
- import"../../../shared/components-dhgk6mbt.js";
20
- import"../../../shared/components-jqpefjsn.js";
21
- import"../../../shared/components-qdm3yh26.js";
22
- import"../../../shared/components-pw06rbxq.js";
23
- import"../../../shared/components-yhgq0qxx.js";
24
- import"../../../shared/components-awra5sff.js";
25
- import"../../../shared/components-dcc02hs2.js";
26
- import"../../../shared/components-9sttq78t.js";
27
- import"../../../shared/components-4vfm04wq.js";
28
- import"../../../shared/components-tz1fv35x.js";
29
- import"../../../shared/components-ctqmge8t.js";
30
- import"../../../shared/components-drxrtnp2.js";
31
- import"../../../shared/components-de99ykt7.js";
32
- import"../../../shared/components-3ey0hzpb.js";
33
- import"../../../shared/components-h83az0bz.js";
34
- import"../../../shared/components-34txk9rj.js";
35
- import"../../../shared/components-71nbt03m.js";
36
- import"../../../shared/components-gx4h5rbb.js";
37
- import"../../../shared/components-jcnjay5g.js";
38
- export {
39
- Pagination2 as Pagination,
40
- pagination_default as default
41
- };
@@ -1,25 +0,0 @@
1
- import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
2
- declare const sidebarMenuButtonVariants: (props?: ({
3
- variant?: "default" | "outline" | null | undefined;
4
- } & ClassProp_wz9o0r) | undefined) => string;
5
- declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
6
- declare const SIDEBAR_COOKIE_MAX_AGE: number;
7
- declare const SIDEBAR_WIDTH = "16rem";
8
- declare const SIDEBAR_WIDTH_MOBILE = "18rem";
9
- /** Bare-key toggle defaults: "[" for a left sidebar, "]" for a right one.
10
- * Bare (no ⌘/Ctrl) so the browser's history shortcuts stay untouched. */
11
- declare const SIDEBAR_KEYBOARD_SHORTCUT = "[";
12
- declare const SIDEBAR_KEYBOARD_SHORTCUT_RIGHT = "]";
13
- /** Drag-resize clamp for the built-in rail handle (px). */
14
- declare const SIDEBAR_MIN_WIDTH = 160;
15
- declare const SIDEBAR_MAX_WIDTH = 360;
16
- /** Dragging this far past the minimum width collapses the sidebar instead of
17
- * bottoming out — the same "throw it at the edge to dismiss" affordance
18
- * native apps use. */
19
- declare const SIDEBAR_COLLAPSE_SLOP = 56;
20
- /** Open on hover: the strip past the sidebar's inner edge that opens it, and
21
- * how close a trigger must sit to that edge to widen the strip to its own
22
- * far side (px). */
23
- declare const SIDEBAR_HOVER_STRIP = 12;
24
- declare const SIDEBAR_HOVER_TRIGGER_GAP = 24;
25
- export { SIDEBAR_COLLAPSE_SLOP, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_HOVER_STRIP, SIDEBAR_HOVER_TRIGGER_GAP, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, sidebarMenuButtonVariants };
@@ -1,28 +0,0 @@
1
- import {
2
- sidebarMenuButtonVariants2,
3
- SIDEBAR_COOKIE_NAME2,
4
- SIDEBAR_COOKIE_MAX_AGE2,
5
- SIDEBAR_WIDTH2,
6
- SIDEBAR_WIDTH_MOBILE2,
7
- SIDEBAR_KEYBOARD_SHORTCUT2,
8
- SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2,
9
- SIDEBAR_MIN_WIDTH2,
10
- SIDEBAR_MAX_WIDTH2,
11
- SIDEBAR_COLLAPSE_SLOP2,
12
- SIDEBAR_HOVER_STRIP2,
13
- SIDEBAR_HOVER_TRIGGER_GAP2
14
- } from "../../../shared/components-kswxnm3h.js";
15
- export {
16
- SIDEBAR_COLLAPSE_SLOP2 as SIDEBAR_COLLAPSE_SLOP,
17
- SIDEBAR_COOKIE_MAX_AGE2 as SIDEBAR_COOKIE_MAX_AGE,
18
- SIDEBAR_COOKIE_NAME2 as SIDEBAR_COOKIE_NAME,
19
- SIDEBAR_HOVER_STRIP2 as SIDEBAR_HOVER_STRIP,
20
- SIDEBAR_HOVER_TRIGGER_GAP2 as SIDEBAR_HOVER_TRIGGER_GAP,
21
- SIDEBAR_KEYBOARD_SHORTCUT2 as SIDEBAR_KEYBOARD_SHORTCUT,
22
- SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2 as SIDEBAR_KEYBOARD_SHORTCUT_RIGHT,
23
- SIDEBAR_MAX_WIDTH2 as SIDEBAR_MAX_WIDTH,
24
- SIDEBAR_MIN_WIDTH2 as SIDEBAR_MIN_WIDTH,
25
- SIDEBAR_WIDTH2 as SIDEBAR_WIDTH,
26
- SIDEBAR_WIDTH_MOBILE2 as SIDEBAR_WIDTH_MOBILE,
27
- sidebarMenuButtonVariants2 as sidebarMenuButtonVariants
28
- };
@@ -1,56 +0,0 @@
1
- import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from "react";
2
- type SizeVariant = "default" | "compact";
3
- interface SpinnerProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
4
- /** Pins the spinner to one step of the size ladder: one control tall (36px default, 28px compact), like a loading Button's. Defaults to the surrounding SizeProvider. */
5
- size?: SizeVariant;
6
- /** What is loading, read to assistive tech. Defaults to `"Loading"`. */
7
- label?: string;
8
- /** Classes for the box: a size off the ladder (`size-5` inline in text), a color. */
9
- className?: string;
10
- }
11
- /** An indeterminate wait in a small space: Button's loading glyph on its own. */
12
- declare const Spinner: ForwardRefExoticComponent<SpinnerProps & RefAttributes<HTMLSpanElement>>;
13
- interface ProgressProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
14
- /** How far along the task is, between `min` and `max`. `null` is an indeterminate bar: a segment sweeping the track while the amount is unknown. Defaults to `null`. */
15
- value?: number | null;
16
- /** The value of an empty bar. Defaults to `0`. */
17
- min?: number;
18
- /** The value of a full bar. Defaults to `100`. */
19
- max?: number;
20
- /** A label above the bar, also its accessible name. Without one, give the bar an `aria-label`. */
21
- label?: ReactNode;
22
- /** Shows the value, formatted as a percentage, at the end of the label row. Defaults to `false`. */
23
- showValue?: boolean;
24
- /** Number format for the shown value and for assistive tech, as `Intl.NumberFormat` options. Defaults to a percentage. */
25
- format?: Intl.NumberFormatOptions;
26
- /** Pins the label row to one step of the size ladder. Defaults to the surrounding SizeProvider. */
27
- size?: SizeVariant;
28
- /** Classes for the root: a width, or `absolute inset-x-0 top-0` for a loading line along a region's top edge. */
29
- className?: string;
30
- }
31
- type ProgressComponent = ForwardRefExoticComponent<ProgressProps & RefAttributes<HTMLDivElement>> & {
32
- Spinner: typeof Spinner;
33
- };
34
- /**
35
- * Shows how far along a task is, or that something is still working when
36
- * nobody knows how far.
37
- *
38
- * A determinate bar (`value`) slides its fill to the new amount on the
39
- * indicator spring, never stretching it, so the rounded end keeps its shape;
40
- * an indeterminate one (`value={null}`) sweeps an ink segment along a recessed
41
- * track. The fill is ink, not the brand blue: progress is information, not a
42
- * selection. Base UI's Progress gives the bar its `progressbar` role, its
43
- * values and their text for assistive tech; `label` names it and `showValue`
44
- * prints the formatted value beside the label. Under reduced motion the fill
45
- * jumps to its amount and the indeterminate bar breathes in place instead of
46
- * travelling.
47
- *
48
- * Statics:
49
- * - `Progress.Spinner` — the same wait in a small space: Button's loading
50
- * glyph on its own, one control tall (`size`), `label` for assistive tech.
51
- * Also exported as `Spinner`.
52
- *
53
- * @example {@include ./examples.mdx}
54
- */
55
- declare const Progress: ProgressComponent;
56
- export { Progress, ProgressProps, Spinner, SpinnerProps, Progress as default };
@@ -1,15 +0,0 @@
1
- import {
2
- Spinner2,
3
- Progress2,
4
- progress_default
5
- } from "../../shared/components-d3shbwqq.js";
6
- import"../../shared/components-de99ykt7.js";
7
- import"../../shared/components-3ey0hzpb.js";
8
- import"../../shared/components-h83az0bz.js";
9
- import"../../shared/components-34txk9rj.js";
10
- import"../../shared/components-jcnjay5g.js";
11
- export {
12
- Progress2 as Progress,
13
- Spinner2 as Spinner,
14
- progress_default as default
15
- };
@@ -1,83 +0,0 @@
1
- import { AnchorHTMLAttributes, ReactNode } from "react";
2
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
3
- import { ButtonProps as ButtonProps_1qs1xe } from "..";
4
- import { RefAttributes as RefAttributes_miuf56 } from "react";
5
- import { JSX as JSX_1kxb } from "react";
6
- import { LucideIcon as LucideIcon_b49o7r } from "lucide-react";
7
- /**
8
- * Button slot: the chrome's icon buttons (Show code, Copy, the anchor toggles). The chrome passes
9
- * `variant="ghost"`, `size="icon-sm"`, `aria-label` and `aria-pressed`; the design system's Button takes them as is.
10
- * Pinned so a host with an item named `Button` of another shape is not matched by name.
11
- */
12
- declare const Button: ForwardRefExoticComponent_tcubfn<ButtonProps_1qs1xe & RefAttributes_miuf56<HTMLButtonElement>>;
13
- type Element_12xgc = JSX_1kxb["Element"];
14
- /**
15
- * Link slot: every chrome and Markdown link, a plain anchor so the chrome's own link styling applies.
16
- * Pinned so a host with an item named `Link` of another shape is not matched by name.
17
- */
18
- declare function Link(props: AnchorHTMLAttributes<HTMLAnchorElement> & {
19
- href: string;
20
- }): Element_12xgc;
21
- declare const icons: {
22
- code: LucideIcon_b49o7r;
23
- copy: LucideIcon_b49o7r;
24
- check: LucideIcon_b49o7r;
25
- link: LucideIcon_b49o7r;
26
- };
27
- /** Icon slot: the chrome asks for icons by name; lucide draws them. */
28
- declare function Icon({ name }: {
29
- /** Which chrome icon to draw. */
30
- name: keyof typeof icons;
31
- /** Accessible text; the button around the icon carries it. */
32
- label: string;
33
- }): Element_12xgc;
34
- /**
35
- * Select slot: the chrome passes a flat `value` / `onChange` / `options`
36
- * contract; FF's Select is compositional, so this maps one onto the other.
37
- */
38
- declare function Select({ value, onChange, options }: {
39
- value: string;
40
- onChange: (value: string) => void;
41
- options: {
42
- value: string;
43
- label: string;
44
- }[];
45
- }): Element_12xgc;
46
- /**
47
- * Sidebar slot: both asides of the chrome, each an inset `Sidebar` with its
48
- * own `openOnHover` provider, so the content between them is the inset card
49
- * (chrome.css). The trigger in the card's corner (or `[` for the nav, `]` for
50
- * the panel) switches a side between open and on hover. Below md each side
51
- * is a drawer. The panel starts on hover below xl.
52
- *
53
- * A section of links is a collapsible `Sidebar.Group` whose rows share one
54
- * `Sidebar.Menu`, so the current page and the hover highlight melt from link
55
- * to link (the TOC's current heading too, as the page scrolls); a panel
56
- * section (the Theme select) keeps its control under the group label. Pin it
57
- * in modo.config.ts: by name alone modo would adopt a documented `Sidebar`
58
- * item, an app shell that needs its provider.
59
- */
60
- declare function DocsNav({ children }: {
61
- children?: ReactNode;
62
- }): Element_12xgc;
63
- declare namespace DocsNav {
64
- var Item: typeof DocsNavItem;
65
- var Section: typeof DocsNavSection;
66
- }
67
- declare function DocsNavItem({ href, active, children }: {
68
- href: string;
69
- active?: boolean;
70
- children?: ReactNode;
71
- }): Element_12xgc;
72
- declare function DocsNavSection({ title, children }: {
73
- title: string;
74
- children?: ReactNode;
75
- }): Element_12xgc;
76
- /**
77
- * Theme panel item. The switching itself is the pre-paint script the vite
78
- * helper injects (`docsTheme` in `@justanarthur/modo-ui/docs/vite`, `window.__uiTheme`), so a stored preference applies before first
79
- * paint; this only reflects and sets it. `ui:themechange` also fires when the
80
- * OS flips underneath 'system'.
81
- */
82
- declare function ThemeSwitcher(): Element_12xgc;
83
- export { Button, DocsNav, Icon, Link, Select, ThemeSwitcher };