@passui/react 0.1.46 → 0.2.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 (429) hide show
  1. package/README.md +29 -109
  2. package/THIRD_PARTY_NOTICES.md +29 -0
  3. package/dist/accordion.d.ts +15 -0
  4. package/dist/accordion.js +93 -0
  5. package/dist/alert-dialog.d.ts +26 -0
  6. package/dist/alert-dialog.js +142 -0
  7. package/dist/alert.d.ts +10 -0
  8. package/dist/alert.js +28 -0
  9. package/dist/{types/src/components/ambient/ambient.d.ts → ambient.d.ts} +4 -4
  10. package/dist/ambient.js +22 -0
  11. package/dist/{types/src/appearance → appearance}/platform.d.ts +3 -3
  12. package/dist/appearance/platform.js +43 -0
  13. package/dist/appearance/theme.d.ts +71 -0
  14. package/dist/appearance/theme.js +236 -0
  15. package/dist/appearance.d.ts +3 -0
  16. package/dist/appearance.js +3 -0
  17. package/dist/{types/src/components/aspect-ratio/aspect-ratio.d.ts → aspect-ratio.d.ts} +4 -4
  18. package/dist/aspect-ratio.js +17 -0
  19. package/dist/avatar.d.ts +5 -0
  20. package/dist/avatar.js +43 -0
  21. package/dist/badge.d.ts +8 -0
  22. package/dist/badge.js +21 -0
  23. package/dist/breadcrumb.d.ts +13 -0
  24. package/dist/breadcrumb.js +63 -0
  25. package/dist/button-group.d.ts +5 -0
  26. package/dist/button-group.js +14 -0
  27. package/dist/button.d.ts +21 -0
  28. package/dist/button.js +58 -0
  29. package/dist/calendar.d.ts +35 -0
  30. package/dist/calendar.js +225 -0
  31. package/dist/card.d.ts +9 -0
  32. package/dist/card.js +54 -0
  33. package/dist/chart.d.ts +30 -0
  34. package/dist/chart.js +226 -0
  35. package/dist/checkbox.d.ts +13 -0
  36. package/dist/checkbox.js +53 -0
  37. package/dist/{types/src/lib/clipboard.d.ts → clipboard.d.ts} +1 -1
  38. package/dist/clipboard.js +16 -0
  39. package/dist/cn.d.ts +2 -0
  40. package/dist/cn.js +10 -0
  41. package/dist/code-block.d.ts +34 -0
  42. package/dist/code-block.js +87 -0
  43. package/dist/collapsible.d.ts +13 -0
  44. package/dist/collapsible.js +49 -0
  45. package/dist/combobox.d.ts +25 -0
  46. package/dist/combobox.js +112 -0
  47. package/dist/command.d.ts +22 -0
  48. package/dist/command.js +129 -0
  49. package/dist/components/toast/toast-store.d.ts +60 -0
  50. package/dist/components/toast/toast-store.js +96 -0
  51. package/dist/{types/src/components → components}/toast/toaster.d.ts +4 -4
  52. package/dist/components/toast/toaster.js +345 -0
  53. package/dist/context-menu.d.ts +2 -0
  54. package/dist/context-menu.js +2 -0
  55. package/dist/conversation.d.ts +48 -0
  56. package/dist/conversation.js +202 -0
  57. package/dist/date-time-picker.d.ts +50 -0
  58. package/dist/date-time-picker.js +235 -0
  59. package/dist/date.d.ts +50 -0
  60. package/dist/date.js +77 -0
  61. package/dist/dialog.d.ts +21 -0
  62. package/dist/dialog.js +113 -0
  63. package/dist/drawer.d.ts +30 -0
  64. package/dist/drawer.js +140 -0
  65. package/dist/dropdown-menu.d.ts +56 -0
  66. package/dist/dropdown-menu.js +295 -0
  67. package/dist/empty.d.ts +11 -0
  68. package/dist/empty.js +51 -0
  69. package/dist/field.d.ts +16 -0
  70. package/dist/field.js +47 -0
  71. package/{src/hooks/scroll/minimize-decision.ts → dist/hooks/scroll/minimize-decision.js} +3 -5
  72. package/dist/{types/src/hooks → hooks}/use-anchored-placement.d.ts +2 -2
  73. package/dist/hooks/use-anchored-placement.js +33 -0
  74. package/dist/{types/src/hooks → hooks}/use-minimize-on-scroll.d.ts +1 -1
  75. package/dist/hooks/use-minimize-on-scroll.js +59 -0
  76. package/dist/{types/src/hooks → hooks}/use-visual-viewport.d.ts +2 -2
  77. package/{src/hooks/use-visual-viewport.ts → dist/hooks/use-visual-viewport.js} +20 -35
  78. package/dist/hooks/viewport/types.d.ts +7 -0
  79. package/dist/hooks/viewport/viewport-metrics.js +13 -0
  80. package/dist/index.d.ts +84 -0
  81. package/dist/index.js +80 -0
  82. package/dist/input-group.d.ts +17 -0
  83. package/dist/input-group.js +55 -0
  84. package/dist/input-otp.d.ts +13 -0
  85. package/dist/input-otp.js +36 -0
  86. package/dist/input.d.ts +4 -0
  87. package/dist/input.js +14 -0
  88. package/dist/item.d.ts +49 -0
  89. package/dist/item.js +142 -0
  90. package/dist/kbd.d.ts +4 -0
  91. package/dist/kbd.js +86 -0
  92. package/dist/label.d.ts +3 -0
  93. package/dist/label.js +12 -0
  94. package/dist/labeled-content.d.ts +24 -0
  95. package/dist/labeled-content.js +41 -0
  96. package/dist/{types/src/lib/language.d.ts → language.d.ts} +1 -1
  97. package/dist/language.js +11 -0
  98. package/dist/layout.d.ts +24 -0
  99. package/dist/layout.js +36 -0
  100. package/dist/{types/src/lib → lib}/anchored-placement.d.ts +27 -27
  101. package/dist/lib/anchored-placement.js +42 -0
  102. package/dist/lib/calendar-month.js +90 -0
  103. package/dist/lib/cx.js +6 -0
  104. package/dist/lib/drawer.math.js +29 -0
  105. package/dist/lib/floating-layers.d.ts +3 -0
  106. package/dist/lib/floating-layers.js +25 -0
  107. package/dist/{types/src/lib → lib}/haptics.d.ts +1 -1
  108. package/dist/lib/haptics.js +13 -0
  109. package/dist/lib/liquid-step.js +33 -0
  110. package/dist/lib/page-scale.js +58 -0
  111. package/dist/lib/portal.js +12 -0
  112. package/dist/lib/presence.js +53 -0
  113. package/dist/lib/range-value.js +25 -0
  114. package/dist/lib/render.d.ts +8 -0
  115. package/dist/lib/render.js +42 -0
  116. package/dist/lib/rolling-digit.js +83 -0
  117. package/dist/{types/src/lib → lib}/screen-edges.d.ts +5 -5
  118. package/dist/lib/screen-edges.js +30 -0
  119. package/dist/lib/swipe-touch-action.js +34 -0
  120. package/dist/lib/visual-viewport.js +27 -0
  121. package/dist/lib/water-drop.js +412 -0
  122. package/dist/lib/wheel.js +125 -0
  123. package/dist/list.d.ts +26 -0
  124. package/dist/list.js +80 -0
  125. package/dist/locales.d.ts +18 -0
  126. package/dist/locales.js +36 -0
  127. package/dist/marker.d.ts +13 -0
  128. package/dist/marker.js +33 -0
  129. package/dist/motion/transitions.d.ts +170 -0
  130. package/dist/motion/transitions.js +156 -0
  131. package/dist/pagination.d.ts +30 -0
  132. package/dist/pagination.js +117 -0
  133. package/dist/popover.d.ts +26 -0
  134. package/dist/popover.js +101 -0
  135. package/dist/progress.d.ts +9 -0
  136. package/dist/progress.js +24 -0
  137. package/dist/questionnaire.d.ts +46 -0
  138. package/dist/questionnaire.js +133 -0
  139. package/dist/radio-group.d.ts +21 -0
  140. package/dist/radio-group.js +67 -0
  141. package/dist/search-field.d.ts +18 -0
  142. package/dist/search-field.js +45 -0
  143. package/dist/segmented-control.d.ts +16 -0
  144. package/dist/segmented-control.js +25 -0
  145. package/dist/select.d.ts +24 -0
  146. package/dist/select.js +107 -0
  147. package/dist/separator.d.ts +9 -0
  148. package/dist/separator.js +17 -0
  149. package/dist/{types/src/lib/shapes.d.ts → shapes.d.ts} +2 -2
  150. package/dist/shapes.js +65 -0
  151. package/dist/sheet.d.ts +24 -0
  152. package/dist/sheet.js +141 -0
  153. package/dist/sidebar.d.ts +32 -0
  154. package/dist/sidebar.js +85 -0
  155. package/dist/skeleton.d.ts +3 -0
  156. package/dist/skeleton.js +13 -0
  157. package/dist/slider.d.ts +9 -0
  158. package/dist/slider.js +42 -0
  159. package/dist/slosh-slider.d.ts +21 -0
  160. package/dist/slosh-slider.js +205 -0
  161. package/dist/spinner.d.ts +3 -0
  162. package/dist/spinner.js +20 -0
  163. package/dist/stat-tile.d.ts +20 -0
  164. package/dist/stat-tile.js +53 -0
  165. package/dist/stepper.d.ts +22 -0
  166. package/dist/stepper.js +98 -0
  167. package/dist/swatch-picker.d.ts +22 -0
  168. package/dist/swatch-picker.js +70 -0
  169. package/dist/switch.d.ts +10 -0
  170. package/dist/switch.js +44 -0
  171. package/dist/tab-bar.d.ts +15 -0
  172. package/dist/tab-bar.js +34 -0
  173. package/dist/{types/src/components/table/table.d.ts → table.d.ts} +3 -3
  174. package/dist/table.js +93 -0
  175. package/dist/tabs.d.ts +32 -0
  176. package/dist/tabs.js +131 -0
  177. package/dist/text.d.ts +25 -0
  178. package/dist/text.js +44 -0
  179. package/dist/textarea.d.ts +3 -0
  180. package/dist/textarea.js +13 -0
  181. package/dist/toast.d.ts +3 -0
  182. package/dist/toast.js +3 -0
  183. package/dist/toggle-group.d.ts +20 -0
  184. package/dist/toggle-group.js +68 -0
  185. package/dist/toggle.d.ts +24 -0
  186. package/dist/toggle.js +37 -0
  187. package/dist/tokens.d.ts +1 -0
  188. package/dist/tooltip.d.ts +21 -0
  189. package/dist/tooltip.js +61 -0
  190. package/dist/trace.d.ts +14 -0
  191. package/dist/trace.js +54 -0
  192. package/dist/{types/src/hooks/use-dismiss.d.ts → use-dismiss.d.ts} +3 -3
  193. package/dist/use-dismiss.js +38 -0
  194. package/dist/{types/src/hooks/use-media-query.d.ts → use-media-query.d.ts} +12 -12
  195. package/dist/use-media-query.js +56 -0
  196. package/dist/use-os.d.ts +12 -0
  197. package/dist/use-os.js +17 -0
  198. package/dist/wake-slider.d.ts +15 -0
  199. package/dist/wake-slider.js +174 -0
  200. package/package.json +122 -253
  201. package/src/styles/code-block.css +4 -0
  202. package/src/styles/globals.css +5 -0
  203. package/src/styles/motion-controls.css +10 -0
  204. package/src/styles/page-scale.css +27 -0
  205. package/src/styles/styles.css +4 -2
  206. package/dist/types/src/appearance/index.d.ts +0 -2
  207. package/dist/types/src/appearance/theme.d.ts +0 -71
  208. package/dist/types/src/components/accordion/accordion.d.ts +0 -23
  209. package/dist/types/src/components/ambient/index.d.ts +0 -1
  210. package/dist/types/src/components/breadcrumb/breadcrumb.d.ts +0 -19
  211. package/dist/types/src/components/button/button-styles.d.ts +0 -12
  212. package/dist/types/src/components/button/button.d.ts +0 -32
  213. package/dist/types/src/components/button/icon-button.d.ts +0 -10
  214. package/dist/types/src/components/button/pending-spinner.d.ts +0 -5
  215. package/dist/types/src/components/button/use-pending-indicator.d.ts +0 -2
  216. package/dist/types/src/components/chip/chip.d.ts +0 -10
  217. package/dist/types/src/components/code-block/code-block.d.ts +0 -13
  218. package/dist/types/src/components/combo-box/combo-box.d.ts +0 -9
  219. package/dist/types/src/components/command/command.d.ts +0 -18
  220. package/dist/types/src/components/compact-date-picker/calendar-month.d.ts +0 -25
  221. package/dist/types/src/components/compact-date-picker/compact-date-picker.d.ts +0 -30
  222. package/dist/types/src/components/compact-time-picker/compact-time-picker.d.ts +0 -29
  223. package/dist/types/src/components/compact-time-picker/time-value.d.ts +0 -18
  224. package/dist/types/src/components/content-unavailable-view/content-unavailable-view.d.ts +0 -12
  225. package/dist/types/src/components/content-view/content-view.d.ts +0 -51
  226. package/dist/types/src/components/content-view/index.d.ts +0 -1
  227. package/dist/types/src/components/context-menu/conceal-menu-source.d.ts +0 -2
  228. package/dist/types/src/components/context-menu/context-menu-host.d.ts +0 -2
  229. package/dist/types/src/components/context-menu/context-menu-store.d.ts +0 -62
  230. package/dist/types/src/components/context-menu/menu-navigation.d.ts +0 -6
  231. package/dist/types/src/components/context-menu/menu-position.d.ts +0 -21
  232. package/dist/types/src/components/context-menu/menu-reveal.d.ts +0 -26
  233. package/dist/types/src/components/context-menu/use-context-menu.d.ts +0 -14
  234. package/dist/types/src/components/conversation/conversation.d.ts +0 -48
  235. package/dist/types/src/components/conversation/index.d.ts +0 -1
  236. package/dist/types/src/components/date-picker/date-picker.d.ts +0 -19
  237. package/dist/types/src/components/date-picker/date-value.d.ts +0 -2
  238. package/dist/types/src/components/dialog/dialog-host.d.ts +0 -6
  239. package/dist/types/src/components/dialog/dialog-store.d.ts +0 -23
  240. package/dist/types/src/components/dialog/dialog.d.ts +0 -33
  241. package/dist/types/src/components/dialog/index.d.ts +0 -1
  242. package/dist/types/src/components/disclosure-group/disclosure-group.d.ts +0 -18
  243. package/dist/types/src/components/divider/divider.d.ts +0 -9
  244. package/dist/types/src/components/inline-disclosure/inline-disclosure.d.ts +0 -15
  245. package/dist/types/src/components/keyboard-shortcut/keyboard-shortcut.d.ts +0 -8
  246. package/dist/types/src/components/labeled-content/labeled-content.d.ts +0 -22
  247. package/dist/types/src/components/locale-switcher/index.d.ts +0 -1
  248. package/dist/types/src/components/locale-switcher/locale-switcher.d.ts +0 -13
  249. package/dist/types/src/components/menu/menu.d.ts +0 -16
  250. package/dist/types/src/components/morph/index.d.ts +0 -2
  251. package/dist/types/src/components/morph/morph.d.ts +0 -32
  252. package/dist/types/src/components/morph/use-morph-disclosure.d.ts +0 -13
  253. package/dist/types/src/components/one-time-code/one-time-code.d.ts +0 -26
  254. package/dist/types/src/components/picker/picker-trigger.d.ts +0 -3
  255. package/dist/types/src/components/picker/picker.d.ts +0 -46
  256. package/dist/types/src/components/popover/anchored-surface.d.ts +0 -17
  257. package/dist/types/src/components/popover/index.d.ts +0 -41
  258. package/dist/types/src/components/popover/popover-content.d.ts +0 -32
  259. package/dist/types/src/components/popover/popover-fit.d.ts +0 -21
  260. package/dist/types/src/components/popover/popover-root.d.ts +0 -22
  261. package/dist/types/src/components/popover/popover-trigger.d.ts +0 -23
  262. package/dist/types/src/components/profile-image/profile-image.d.ts +0 -9
  263. package/dist/types/src/components/progress-view/progress-view.d.ts +0 -13
  264. package/dist/types/src/components/progress-view/use-liquid-progress.d.ts +0 -3
  265. package/dist/types/src/components/radio-group/radio-group.d.ts +0 -20
  266. package/dist/types/src/components/search-field/expanding-search-field.d.ts +0 -5
  267. package/dist/types/src/components/search-field/search-field.d.ts +0 -9
  268. package/dist/types/src/components/search-list/search-list.d.ts +0 -22
  269. package/dist/types/src/components/section/section.d.ts +0 -18
  270. package/dist/types/src/components/secure-field/secure-field.d.ts +0 -4
  271. package/dist/types/src/components/segmented-control/segmented-control.d.ts +0 -25
  272. package/dist/types/src/components/sheet/modal-environment.d.ts +0 -2
  273. package/dist/types/src/components/sheet/sheet-portal.d.ts +0 -5
  274. package/dist/types/src/components/sheet/sheet.d.ts +0 -26
  275. package/dist/types/src/components/sheet/use-sheet-focus.d.ts +0 -3
  276. package/dist/types/src/components/sidebar/sidebar.d.ts +0 -24
  277. package/dist/types/src/components/skeleton/skeleton.d.ts +0 -9
  278. package/dist/types/src/components/slider/slider.d.ts +0 -17
  279. package/dist/types/src/components/slosh-slider/liquid-step.d.ts +0 -6
  280. package/dist/types/src/components/slosh-slider/slosh-slider.d.ts +0 -21
  281. package/dist/types/src/components/stat-tile/index.d.ts +0 -1
  282. package/dist/types/src/components/stat-tile/stat-tile.d.ts +0 -20
  283. package/dist/types/src/components/status-indicator/status-indicator.d.ts +0 -17
  284. package/dist/types/src/components/stepper/rolling-digit.d.ts +0 -11
  285. package/dist/types/src/components/stepper/stepper.d.ts +0 -22
  286. package/dist/types/src/components/swatch-picker/swatch-picker.d.ts +0 -22
  287. package/dist/types/src/components/tab-bar/tab-bar.d.ts +0 -43
  288. package/dist/types/src/components/tab-view/tab-view.d.ts +0 -27
  289. package/dist/types/src/components/text-editor/text-editor.d.ts +0 -9
  290. package/dist/types/src/components/text-field/text-field.d.ts +0 -33
  291. package/dist/types/src/components/toast/toast-store.d.ts +0 -52
  292. package/dist/types/src/components/toggle/toggle.d.ts +0 -22
  293. package/dist/types/src/components/tooltip/tooltip-host.d.ts +0 -7
  294. package/dist/types/src/components/view-controller/index.d.ts +0 -1
  295. package/dist/types/src/components/view-controller/view-controller.d.ts +0 -21
  296. package/dist/types/src/components/wake-slider/wake-slider.d.ts +0 -15
  297. package/dist/types/src/hooks/scroll/minimize-decision.d.ts +0 -2
  298. package/dist/types/src/hooks/use-anchored-disclosure.d.ts +0 -9
  299. package/dist/types/src/hooks/use-floating-dismiss.d.ts +0 -3
  300. package/dist/types/src/hooks/viewport/types.d.ts +0 -19
  301. package/dist/types/src/hooks/viewport/viewport-metrics.d.ts +0 -3
  302. package/dist/types/src/icons/icons.d.ts +0 -616
  303. package/dist/types/src/index.d.ts +0 -73
  304. package/dist/types/src/lib/class-names.d.ts +0 -2
  305. package/dist/types/src/lib/date.d.ts +0 -50
  306. package/dist/types/src/lib/floating-layers.d.ts +0 -8
  307. package/dist/types/src/lib/range-value.d.ts +0 -4
  308. package/dist/types/src/machines/popover.machine.d.ts +0 -30
  309. package/dist/types/src/motion/transitions.d.ts +0 -170
  310. package/src/appearance/index.ts +0 -2
  311. package/src/appearance/platform.tsx +0 -102
  312. package/src/appearance/theme.tsx +0 -467
  313. package/src/components/accordion/accordion.tsx +0 -70
  314. package/src/components/ambient/ambient.tsx +0 -35
  315. package/src/components/ambient/index.ts +0 -1
  316. package/src/components/aspect-ratio/aspect-ratio.tsx +0 -27
  317. package/src/components/breadcrumb/breadcrumb.tsx +0 -73
  318. package/src/components/button/button-styles.ts +0 -49
  319. package/src/components/button/button.tsx +0 -107
  320. package/src/components/button/icon-button.tsx +0 -33
  321. package/src/components/button/pending-spinner.tsx +0 -14
  322. package/src/components/button/use-pending-indicator.ts +0 -22
  323. package/src/components/chip/chip.tsx +0 -45
  324. package/src/components/code-block/code-block.tsx +0 -48
  325. package/src/components/combo-box/combo-box.tsx +0 -13
  326. package/src/components/command/command.tsx +0 -149
  327. package/src/components/compact-date-picker/calendar-month.ts +0 -109
  328. package/src/components/compact-date-picker/compact-date-picker.tsx +0 -337
  329. package/src/components/compact-time-picker/compact-time-picker.tsx +0 -321
  330. package/src/components/compact-time-picker/time-value.ts +0 -58
  331. package/src/components/content-unavailable-view/content-unavailable-view.tsx +0 -78
  332. package/src/components/content-view/content-view.tsx +0 -215
  333. package/src/components/content-view/index.ts +0 -1
  334. package/src/components/context-menu/conceal-menu-source.ts +0 -30
  335. package/src/components/context-menu/context-menu-host.tsx +0 -459
  336. package/src/components/context-menu/context-menu-store.ts +0 -167
  337. package/src/components/context-menu/menu-navigation.ts +0 -36
  338. package/src/components/context-menu/menu-position.ts +0 -38
  339. package/src/components/context-menu/menu-reveal.ts +0 -42
  340. package/src/components/context-menu/use-context-menu.ts +0 -73
  341. package/src/components/conversation/conversation.tsx +0 -309
  342. package/src/components/conversation/index.ts +0 -1
  343. package/src/components/date-picker/date-picker.tsx +0 -106
  344. package/src/components/date-picker/date-value.ts +0 -22
  345. package/src/components/dialog/dialog-host.tsx +0 -119
  346. package/src/components/dialog/dialog-store.ts +0 -66
  347. package/src/components/dialog/dialog.tsx +0 -211
  348. package/src/components/dialog/index.ts +0 -1
  349. package/src/components/disclosure-group/disclosure-group.tsx +0 -108
  350. package/src/components/divider/divider.tsx +0 -33
  351. package/src/components/inline-disclosure/inline-disclosure.tsx +0 -53
  352. package/src/components/keyboard-shortcut/keyboard-shortcut.tsx +0 -32
  353. package/src/components/labeled-content/labeled-content.tsx +0 -84
  354. package/src/components/locale-switcher/index.ts +0 -1
  355. package/src/components/locale-switcher/locale-switcher.tsx +0 -311
  356. package/src/components/menu/menu.tsx +0 -85
  357. package/src/components/morph/index.ts +0 -2
  358. package/src/components/morph/morph.tsx +0 -258
  359. package/src/components/morph/use-morph-disclosure.ts +0 -27
  360. package/src/components/one-time-code/one-time-code.tsx +0 -234
  361. package/src/components/picker/picker-trigger.ts +0 -22
  362. package/src/components/picker/picker.tsx +0 -404
  363. package/src/components/popover/anchored-surface.tsx +0 -264
  364. package/src/components/popover/index.ts +0 -50
  365. package/src/components/popover/popover-content.tsx +0 -334
  366. package/src/components/popover/popover-fit.ts +0 -74
  367. package/src/components/popover/popover-root.tsx +0 -97
  368. package/src/components/popover/popover-trigger.tsx +0 -71
  369. package/src/components/profile-image/profile-image.tsx +0 -96
  370. package/src/components/progress-view/progress-view.tsx +0 -72
  371. package/src/components/progress-view/use-liquid-progress.ts +0 -43
  372. package/src/components/radio-group/radio-group.tsx +0 -86
  373. package/src/components/search-field/expanding-search-field.tsx +0 -197
  374. package/src/components/search-field/search-field.tsx +0 -66
  375. package/src/components/search-list/search-list.tsx +0 -276
  376. package/src/components/section/section.tsx +0 -75
  377. package/src/components/secure-field/secure-field.tsx +0 -8
  378. package/src/components/segmented-control/segmented-control.tsx +0 -157
  379. package/src/components/sheet/modal-environment.ts +0 -82
  380. package/src/components/sheet/sheet-portal.tsx +0 -62
  381. package/src/components/sheet/sheet.tsx +0 -165
  382. package/src/components/sheet/use-sheet-focus.ts +0 -109
  383. package/src/components/sidebar/sidebar.tsx +0 -102
  384. package/src/components/skeleton/skeleton.tsx +0 -38
  385. package/src/components/slider/slider.tsx +0 -134
  386. package/src/components/slosh-slider/liquid-step.ts +0 -43
  387. package/src/components/slosh-slider/slosh-slider.tsx +0 -294
  388. package/src/components/stat-tile/index.ts +0 -1
  389. package/src/components/stat-tile/stat-tile.tsx +0 -90
  390. package/src/components/status-indicator/status-indicator.tsx +0 -54
  391. package/src/components/stepper/rolling-digit.tsx +0 -91
  392. package/src/components/stepper/stepper.tsx +0 -136
  393. package/src/components/swatch-picker/swatch-picker.tsx +0 -138
  394. package/src/components/tab-bar/tab-bar.tsx +0 -182
  395. package/src/components/tab-view/tab-view.tsx +0 -155
  396. package/src/components/table/table.tsx +0 -151
  397. package/src/components/text-editor/text-editor.tsx +0 -42
  398. package/src/components/text-field/text-field.tsx +0 -200
  399. package/src/components/toast/toast-store.ts +0 -164
  400. package/src/components/toast/toaster.tsx +0 -407
  401. package/src/components/toggle/toggle.tsx +0 -320
  402. package/src/components/tooltip/tooltip-host.tsx +0 -178
  403. package/src/components/view-controller/index.ts +0 -1
  404. package/src/components/view-controller/view-controller.tsx +0 -75
  405. package/src/components/wake-slider/wake-slider.tsx +0 -260
  406. package/src/hooks/use-anchored-disclosure.ts +0 -23
  407. package/src/hooks/use-anchored-placement.ts +0 -40
  408. package/src/hooks/use-dismiss.ts +0 -44
  409. package/src/hooks/use-floating-dismiss.ts +0 -30
  410. package/src/hooks/use-media-query.ts +0 -94
  411. package/src/hooks/use-minimize-on-scroll.ts +0 -77
  412. package/src/hooks/viewport/types.ts +0 -19
  413. package/src/hooks/viewport/viewport-metrics.ts +0 -19
  414. package/src/icons/icons.tsx +0 -458
  415. package/src/index.ts +0 -107
  416. package/src/lib/anchored-placement.ts +0 -91
  417. package/src/lib/class-names.ts +0 -21
  418. package/src/lib/clipboard.ts +0 -15
  419. package/src/lib/date.ts +0 -86
  420. package/src/lib/floating-layers.ts +0 -53
  421. package/src/lib/haptics.ts +0 -23
  422. package/src/lib/language.ts +0 -16
  423. package/src/lib/range-value.ts +0 -38
  424. package/src/lib/screen-edges.ts +0 -44
  425. package/src/lib/shapes.ts +0 -59
  426. package/src/machines/popover.machine.ts +0 -51
  427. package/src/motion/transitions.ts +0 -97
  428. package/src/tokens.ts +0 -1
  429. /package/dist/{types/src/tokens.d.ts → tokens.js} +0 -0
@@ -1,48 +0,0 @@
1
- import type { ReactNode } from "react";
2
- export type ConversationMessage = {
3
- id: string;
4
- body: string;
5
- /** Written by whoever is looking: drawn on the right. */
6
- mine: boolean;
7
- author?: string;
8
- /** Shown beside the other side's messages, like their avatar. */
9
- avatar?: ReactNode;
10
- createdAt: string;
11
- };
12
- export type ConversationSize = "sm" | "md" | "lg";
13
- /**
14
- * A thread of plain-text messages like Messages on iPhone: a day line when
15
- * the date changes, back-to-back messages from one side grouped under one
16
- * name, theirs on the left with an avatar, yours on the right.
17
- */
18
- declare function Messages({ messages, locale, size, }: {
19
- messages: ConversationMessage[];
20
- /** For day names and times; the reader's own by default. */
21
- locale?: string;
22
- /** Bubble, avatar, author and time scale. @default "md" */
23
- size?: ConversationSize;
24
- }): import("react").JSX.Element;
25
- type ComposerProps = {
26
- onSend: (body: string) => Promise<unknown>;
27
- pending?: boolean;
28
- maxLength: number;
29
- placeholder: string;
30
- /** Extra controls under the field, like a status picker. */
31
- actions?: ReactNode;
32
- /** Names the round Send button for screen readers. */
33
- sendLabel: string;
34
- /**
35
- * Words for the characters left, shown near the limit, such as
36
- * (count) => `${count} left`. Without it, just the number shows.
37
- */
38
- remaining?: (count: number) => string;
39
- /** Surface, textarea, send button and counter scale. @default "md" */
40
- size?: ConversationSize;
41
- };
42
- /** A reply field with a round send button; Ctrl/Cmd+Enter sends, and it clears only once the send worked. */
43
- declare function Composer({ onSend, pending, maxLength, placeholder, actions, sendLabel, remaining, size, }: ComposerProps): import("react").JSX.Element;
44
- export declare const Conversation: {
45
- Messages: typeof Messages;
46
- Composer: typeof Composer;
47
- };
48
- export {};
@@ -1 +0,0 @@
1
- export * from "./conversation";
@@ -1,19 +0,0 @@
1
- import { type TextFieldSize } from "../text-field/text-field";
2
- type DatePickerProps = {
3
- value: string;
4
- onChange: (value: string) => void;
5
- label: string;
6
- labels: {
7
- day: string;
8
- month: string;
9
- year: string;
10
- invalid: string;
11
- };
12
- locale: string;
13
- max?: string;
14
- /** Field scale passed to each TextField; matches TextField's xs|sm|md|lg. @default "md" */
15
- size?: TextFieldSize;
16
- };
17
- /** Segmented date entry suited to birthdays, without a native calendar dialog. */
18
- export declare function DatePicker({ value, onChange, label, labels, locale, max, size, }: DatePickerProps): import("react").JSX.Element;
19
- export {};
@@ -1,2 +0,0 @@
1
- /** Returns a date-only value without timezone conversion or date rollover. */
2
- export declare function dateValue(year: string, month: string, day: string, max?: string): string;
@@ -1,6 +0,0 @@
1
- /**
2
- * Renders confirmation dialogs: a glass card that springs up over blurred
3
- * content. Escape or a click outside cancels; Enter confirms unless the
4
- * action is destructive, where the safe choice has focus.
5
- */
6
- export declare function DialogHost(): import("react").JSX.Element;
@@ -1,23 +0,0 @@
1
- /**
2
- * App-wide confirmation dialogs, replacing the browser's `confirm`.
3
- * `await confirmDialog({...})` resolves true when confirmed. Render one
4
- * `<DialogHost />`.
5
- */
6
- export interface ConfirmOptions {
7
- title: string;
8
- message?: string;
9
- confirmLabel?: string;
10
- cancelLabel?: string;
11
- /** Destructive actions are shown in red and are not the default button. */
12
- destructive?: boolean;
13
- }
14
- export interface PendingDialog extends ConfirmOptions {
15
- id: number;
16
- resolve: (confirmed: boolean) => void;
17
- }
18
- export declare function confirmDialog(options: ConfirmOptions): Promise<boolean>;
19
- export declare function settleDialog(confirmed: boolean, id?: number): void;
20
- /** Advance queued confirmations only after the dismissed card has exited. */
21
- export declare function advanceDialogQueue(): void;
22
- export declare function subscribeDialogs(listener: () => void): () => void;
23
- export declare function getDialog(): PendingDialog | null;
@@ -1,33 +0,0 @@
1
- import { type FormEvent, type ReactNode } from "react";
2
- export type DialogPresentation = "drawer" | "center" | "inline";
3
- export type DialogTone = "default" | "destructive";
4
- export type DialogSize = "sm" | "md" | "lg";
5
- export type DialogProps = {
6
- open: boolean;
7
- onOpenChange: (open: boolean) => void;
8
- title: ReactNode;
9
- description?: ReactNode;
10
- children?: ReactNode;
11
- footer?: ReactNode;
12
- /** `drawer` (responsive sheet), `center` (floating panel), or `inline`. @default "drawer" */
13
- presentation?: DialogPresentation;
14
- /** Title, description, body and footer density. @default "md" */
15
- size?: DialogSize;
16
- className?: string;
17
- onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
18
- };
19
- type ActionsProps = {
20
- submitLabel: ReactNode;
21
- cancelLabel: ReactNode;
22
- pending?: boolean;
23
- disabled?: boolean;
24
- tone?: DialogTone;
25
- onConfirm?: () => void;
26
- };
27
- export declare function Dialog({ open, onOpenChange, title, description, children, footer, presentation, size, className, onSubmit, }: DialogProps): import("react").JSX.Element;
28
- export declare namespace Dialog {
29
- export { Actions };
30
- }
31
- /** The standard footer: a primary action and a cancel that closes the dialog. */
32
- declare function Actions({ submitLabel, cancelLabel, pending, disabled, tone, onConfirm, }: ActionsProps): import("react").JSX.Element;
33
- export {};
@@ -1 +0,0 @@
1
- export * from "./dialog";
@@ -1,18 +0,0 @@
1
- import { type ReactNode } from "react";
2
- export type DisclosureGroupSize = "sm" | "md" | "lg";
3
- export interface DisclosureGroupProps {
4
- label: string;
5
- open: boolean;
6
- onOpenChange: (open: boolean) => void;
7
- children: ReactNode;
8
- disabled?: boolean;
9
- className?: string;
10
- /** Trigger layout when composed inside a shared surface such as Accordion. */
11
- triggerClassName?: string;
12
- /** Supporting text beneath the title. */
13
- description?: string;
14
- /** Trigger, description and content density. @default "md" */
15
- size?: DisclosureGroupSize;
16
- }
17
- /** A controlled, accessible disclosure row with the shared inline reveal. */
18
- export declare function DisclosureGroup({ label, open, onOpenChange, children, disabled, className, triggerClassName, description, size, }: DisclosureGroupProps): import("react").JSX.Element;
@@ -1,9 +0,0 @@
1
- import type { HTMLAttributes } from "react";
2
- export type DividerOrientation = "horizontal" | "vertical";
3
- export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
4
- orientation?: DividerOrientation;
5
- /** Decorative separators are omitted from the accessibility tree. @default true */
6
- decorative?: boolean;
7
- }
8
- /** A semantic separator using the shared surface color. */
9
- export declare function Divider({ orientation, decorative, className, ...props }: DividerProps): import("react").JSX.Element;
@@ -1,15 +0,0 @@
1
- import type { ReactNode } from "react";
2
- export interface InlineDisclosureProps {
3
- /** Whether the content is expanded. */
4
- open: boolean;
5
- children: ReactNode;
6
- className?: string;
7
- }
8
- /**
9
- * An inline, spring-driven reveal for settings editors and small details.
10
- *
11
- * Height and opacity animate together so following rows move continuously
12
- * instead of jumping. Motion is disabled when the user requests less motion.
13
- * The content unmounts after its exit animation completes.
14
- */
15
- export declare function InlineDisclosure({ open, children, className, }: InlineDisclosureProps): import("react").JSX.Element;
@@ -1,8 +0,0 @@
1
- import type { ComponentProps } from "react";
2
- export type KeyboardShortcutSize = "sm" | "md";
3
- export interface KeyboardShortcutProps extends ComponentProps<"kbd"> {
4
- /** Keycap padding density. Text stays at caption2 in both sizes. @default "md" */
5
- size?: KeyboardShortcutSize;
6
- }
7
- /** A quiet keycap for a shortcut supplied and localized by the application. */
8
- export declare function KeyboardShortcut({ size, className, ...props }: KeyboardShortcutProps): import("react").JSX.Element;
@@ -1,22 +0,0 @@
1
- import type { HTMLAttributes, ReactNode } from "react";
2
- export type LabeledContentSize = "sm" | "md" | "lg";
3
- export interface LabeledContentProps extends HTMLAttributes<HTMLDivElement> {
4
- /** The visible name of the row. */
5
- label: string;
6
- /** Supporting text below the label. */
7
- description?: string;
8
- /** The row's control or value. */
9
- children: ReactNode;
10
- /** Places the control below the label at every width. @default false */
11
- stacked?: boolean;
12
- /** Places a wide control below its label on phones. @default false */
13
- wide?: boolean;
14
- /** Row padding density. @default "md" */
15
- size?: LabeledContentSize;
16
- }
17
- /**
18
- * A row: a label, an optional description, and its control at the trailing
19
- * end, as SwiftUI's `LabeledContent`. Wide controls move under the label
20
- * when there is no room beside it, rather than squeezing.
21
- */
22
- export declare function LabeledContent({ label, description, children, stacked, wide, size, className, ...props }: LabeledContentProps): import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export * from "./locale-switcher";
@@ -1,13 +0,0 @@
1
- export type LocaleSwitcherSize = "sm" | "md" | "lg";
2
- export type LocaleSwitcherProps<L extends string> = {
3
- locales: readonly L[];
4
- locale: L;
5
- onSelect: (locale: L) => void;
6
- /** localStorage key for where the person dragged it. */
7
- storageKey: string;
8
- label: string;
9
- /** Trigger, header, list item and icon scale. @default "md" */
10
- size?: LocaleSwitcherSize;
11
- };
12
- /** A draggable floating language picker that snaps to the nearest corner. */
13
- export declare function LocaleSwitcher<L extends string>({ locales, locale, onSelect, storageKey, label, size, }: LocaleSwitcherProps<L>): import("react").JSX.Element;
@@ -1,16 +0,0 @@
1
- import { type ReactNode } from "react";
2
- import { type ButtonProps } from "../button/button";
3
- import { type ContextMenuEdge, type ContextMenuItem } from "../context-menu/context-menu-store";
4
- export interface MenuProps extends Omit<ButtonProps, "onClick" | "children"> {
5
- /** Accessible name for the menu trigger. */
6
- label: string;
7
- /** Items are rendered by the app's existing ContextMenuHost. */
8
- items: readonly ContextMenuItem[];
9
- children: ReactNode;
10
- /** Logical edge used to align the menu, including RTL. @default "leading" */
11
- edge?: ContextMenuEdge;
12
- /** Expand upward from the trigger instead of downward. @default false */
13
- above?: boolean;
14
- }
15
- /** A declarative menu button using the same native host as context menus. */
16
- export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -1,2 +0,0 @@
1
- export * from "./morph";
2
- export * from "./use-morph-disclosure";
@@ -1,32 +0,0 @@
1
- import { type HTMLMotionProps } from "motion/react";
2
- import { type ReactNode, type RefObject } from "react";
3
- export type MorphSize = "sm" | "md" | "lg";
4
- export interface MorphProps extends Omit<HTMLMotionProps<"div">, "children"> {
5
- /** Controls whether the overlay is presented. */
6
- open: boolean;
7
- /** Called on Escape or outside press. */
8
- onClose: () => void;
9
- /** The element whose rect the overlay grows from and collapses back to. */
10
- sourceRef: RefObject<HTMLElement | null>;
11
- /** Accessible name (used when there is no labelledBy). */
12
- label: string;
13
- /** ID of a visible heading inside the overlay. */
14
- labelledBy?: string;
15
- /** Allow tapping the backdrop to close. Escape still calls onClose. @default true */
16
- dismissOnOutsidePress?: boolean;
17
- /** Outer padding and panel max-width. @default "md" */
18
- size?: MorphSize;
19
- className?: string;
20
- children?: ReactNode;
21
- }
22
- /**
23
- * A modal overlay that morphs its glass material from a source element's
24
- * rect to its own resting rect, then collapses back — Apple's
25
- * matched-geometry effect. The source is concealed while the overlay is
26
- * mounted so the material reads as the source itself springing open.
27
- *
28
- * Reuses `SheetPortal` (theme inheritance), `useSheetFocus` (focus trap,
29
- * Escape, modal environment) and the same `menuSurfaceReveal` FLIP
30
- * primitive that powers anchored `Popover` and `ContextMenu`.
31
- */
32
- export declare function Morph({ open, ...props }: MorphProps): import("react").JSX.Element;
@@ -1,13 +0,0 @@
1
- /**
2
- * Disclosure state that keeps the overlay mounted through its exit animation,
3
- * mirroring `useAnchoredDisclosure`. Pair with a `useRef<HTMLElement>(null)`
4
- * for the source.
5
- */
6
- export declare function useMorphDisclosure(disabled?: boolean): {
7
- open: boolean;
8
- mounted: boolean;
9
- show: () => void;
10
- toggle: () => void;
11
- close: () => void;
12
- onExited: () => void;
13
- };
@@ -1,26 +0,0 @@
1
- import { type InputHTMLAttributes, type Ref } from "react";
2
- export type OneTimeCodeStatus = "idle" | "verifying" | "success" | "error";
3
- export type OneTimeCodeFormat = "numeric" | "alphanumeric";
4
- export type OneTimeCodeSize = "sm" | "md" | "lg";
5
- export interface OneTimeCodeProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type" | "maxLength" | "size"> {
6
- label: string;
7
- value: string;
8
- onChange: (value: string) => void;
9
- /** Called when a complete code is entered, including paste and autofill. */
10
- onComplete?: (value: string) => void;
11
- /** Number of characters, 3–8. @default 6 */
12
- length?: number;
13
- /** Accepted characters. Alphanumeric codes use uppercase ASCII letters and digits. @default "numeric" */
14
- format?: OneTimeCodeFormat;
15
- /** Ref to the single native input, for focus and selection. */
16
- ref?: Ref<HTMLInputElement>;
17
- status?: OneTimeCodeStatus;
18
- /** Localized verification feedback announced without reading decorative cells. */
19
- statusLabel?: string;
20
- /** Cell height, digit text scale and check icon size. @default "md" */
21
- size?: OneTimeCodeSize;
22
- }
23
- /** Normalize common numeric keyboards and optional ASCII letters in one native field. */
24
- export declare function normalizeCode(value: string, length: number, format?: OneTimeCodeFormat): string;
25
- /** Six cells, one field: paste, autofill, selection and Backspace stay native. */
26
- export declare function OneTimeCode({ label, value, onChange, onComplete, length, format, ref, status, statusLabel, size, className, disabled, id: suppliedId, ...props }: OneTimeCodeProps): import("react").JSX.Element;
@@ -1,3 +0,0 @@
1
- export type PickerSize = "sm" | "md" | "lg";
2
- /** Shared field treatment for the popup-based Picker, date and time controls. */
3
- export declare function pickerTriggerStyle(className?: string, size?: PickerSize): string;
@@ -1,46 +0,0 @@
1
- import { type PickerSize } from "./picker-trigger";
2
- export interface PickerOption<T extends string> {
3
- value: T;
4
- label: string;
5
- /** A quieter second line or trailing note, such as "Free" or a region. */
6
- disabled?: boolean;
7
- keywords?: string[];
8
- detail?: string;
9
- /** The option's own language, so it is spoken and shaped right. */
10
- lang?: string;
11
- }
12
- /** Values and callbacks share the option value type, including literal unions. */
13
- export interface PickerProps<T extends string> {
14
- /** The selected option's value. */
15
- value: T;
16
- /** Available choices. Use a literal union for a fixed set of values. */
17
- options: ReadonlyArray<PickerOption<T>>;
18
- /** Called with the selected option value. */
19
- onChange: (value: NoInfer<T>) => void;
20
- /** Accessible name for the trigger. */
21
- label: string;
22
- /** Shown when the selected value has no matching option. */
23
- placeholder?: string;
24
- /** Defaults to on for lists of ten or more options. */
25
- searchable?: boolean;
26
- /** Label for the filter field. @default "Search" */
27
- searchPlaceholder?: string;
28
- /** Shown when the filter matches nothing. @default "No matches" */
29
- emptyLabel?: string;
30
- /** Offers a new value when no option has the same label or value. */
31
- onCreate?: (query: string) => void;
32
- /** Localized creation action; receives the trimmed query. */
33
- createLabel?: (query: string) => string;
34
- className?: string;
35
- /** Prevents opening or choosing an option. @default false */
36
- disabled?: boolean;
37
- /** Trigger height and text scale. @default "md" */
38
- size?: PickerSize;
39
- }
40
- /**
41
- * A pop-up button: shows the chosen value and opens a list that floats
42
- * above everything, flips upward near the bottom edge and filters long
43
- * lists. Replaces the browser's own select, which looks foreign on every
44
- * platform.
45
- */
46
- export declare function Picker<T extends string>({ value, options, onChange, label, placeholder, searchable, searchPlaceholder, emptyLabel, className, onCreate, createLabel, disabled, size, }: PickerProps<T>): import("react").JSX.Element;
@@ -1,17 +0,0 @@
1
- import { type HTMLAttributes } from "react";
2
- interface AnchoredSurfaceProps extends HTMLAttributes<HTMLDivElement> {
3
- open: boolean;
4
- onExited: () => void;
5
- anchor: HTMLElement;
6
- width: number;
7
- needed: number;
8
- onClose: (restoreFocus: boolean) => void;
9
- contentClassName?: string;
10
- }
11
- /**
12
- * Shared material and lifetime for portaled
13
- * pickers; their content owns
14
- * selection.
15
- * */
16
- export declare const AnchoredSurface: import("react").ForwardRefExoticComponent<AnchoredSurfaceProps & import("react").RefAttributes<HTMLDivElement>>;
17
- export {};
@@ -1,41 +0,0 @@
1
- /**
2
- * Popover — a glass surface that springs open from its trigger.
3
- *
4
- * Compound API (the only API):
5
- *
6
- * ```tsx
7
- * <Popover>
8
- * <Popover.Trigger render={(props) => <Button {...props}>Open</Button>} />
9
- * <Popover.Content origin="top-left" className="top-full left-0 mt-2 w-64 p-4">
10
- * …content…
11
- * </Popover.Content>
12
- * </Popover>
13
- * ```
14
- *
15
- * The `Popover.Trigger` clones its child (or uses a `render` prop) and wires
16
- * up aria-haspopup, aria-expanded, aria-controls, click + keyboard toggling.
17
- * The `Popover.Content` portals out of the authored layout, morphs its glass
18
- * surface from the trigger's rect, and keeps itself inside the viewport as
19
- * it resizes or scrolls. `origin` picks the corner it grows from; pass
20
- * `placement="center"` for a modal center-screen variant.
21
- *
22
- * State is driven by a small pure machine (`popover.machine.ts`) that
23
- * translates directly to a Rust enum — see the architecture plan.
24
- */
25
- export { PopoverRoot as Root } from "./popover-root";
26
- export { PopoverTrigger as Trigger, type PopoverTriggerRenderProps, } from "./popover-trigger";
27
- export { PopoverContent as Content, type PopoverOrigin, } from "./popover-content";
28
- import { PopoverRoot } from "./popover-root";
29
- import { PopoverTrigger } from "./popover-trigger";
30
- import { PopoverContent } from "./popover-content";
31
- /**
32
- * Compound Popover. Use as `<Popover>` with `.Trigger` and `.Content` parts,
33
- * or import `Root` / `Trigger` / `Content` directly from the barrel.
34
- */
35
- export declare const Popover: typeof PopoverRoot & {
36
- Trigger: typeof PopoverTrigger;
37
- Content: typeof PopoverContent;
38
- };
39
- export type { PopoverRootProps } from "./popover-root";
40
- export type { PopoverTriggerProps } from "./popover-trigger";
41
- export type { PopoverContentProps } from "./popover-content";
@@ -1,32 +0,0 @@
1
- import { type ReactNode } from "react";
2
- export type PopoverOrigin = "top-left" | "top-right";
3
- export interface PopoverContentProps {
4
- children: ReactNode;
5
- className?: string;
6
- /** Accessible name (used when there is no labelledBy). */
7
- label?: string;
8
- /** ID of a visible heading inside the content. */
9
- labelledBy?: string;
10
- /** Allow tapping outside to close. Escape always closes. */
11
- dismissOnOutsidePress?: boolean;
12
- /**
13
- * Where the content rests once expanded:
14
- * - "anchor" positions relative to the trigger (default)
15
- * - "center" floats in the middle of the viewport (modal)
16
- */
17
- placement?: "anchor" | "center";
18
- /**
19
- * Which corner the popover grows from when placement="anchor".
20
- * top-left: panel's left edge aligns to the trigger's left.
21
- * top-right: panel's right edge aligns to the trigger's right.
22
- * @default "top-left"
23
- */
24
- origin?: PopoverOrigin;
25
- /**
26
- * ARIA role for the panel. Use "menu" for action menus, "dialog"
27
- * (the default) for free-form content, "tooltip" for tips.
28
- * @default "dialog"
29
- */
30
- role?: "dialog" | "menu" | "tooltip";
31
- }
32
- export declare function PopoverContent({ children, className, label, labelledBy, dismissOnOutsidePress, placement, origin, role, }: PopoverContentProps): import("react").JSX.Element;
@@ -1,21 +0,0 @@
1
- import { type PlacementFrame } from "../../lib/anchored-placement";
2
- interface PanelRect {
3
- left: number;
4
- top: number;
5
- width: number;
6
- height: number;
7
- }
8
- interface AnchorRect {
9
- top: number;
10
- bottom: number;
11
- }
12
- export interface PopoverFit {
13
- shiftX: number;
14
- shiftY: number;
15
- maxWidth: number;
16
- maxHeight?: number;
17
- above: boolean;
18
- }
19
- /** Keep an absolutely positioned popover visible without scaling its contents. */
20
- export declare function fitPopover(panel: PanelRect, anchor: AnchorRect | undefined, frame: Pick<PlacementFrame, "viewport" | "edges">, gap?: number, origin?: "top-left" | "top-right"): PopoverFit;
21
- export {};
@@ -1,22 +0,0 @@
1
- import { type ReactNode, type RefObject } from "react";
2
- import { type PopoverContextValue } from "../../machines/popover.machine";
3
- export declare function usePopover(): PopoverContextValue;
4
- export interface PopoverRootProps {
5
- children: ReactNode;
6
- /**
7
- * Start open (uncontrolled) or set the initial state.
8
- * Ignored when `open` is provided.
9
- */
10
- defaultOpen?: boolean;
11
- /**
12
- * Controlled open state. When provided, the popover is driven by this
13
- * prop: setting it to true opens, false closes. The internal machine
14
- * still runs the open/close transitions so the morph can play.
15
- */
16
- open?: boolean;
17
- /** Called when the popover finishes opening or closing. */
18
- onOpenChange?: (open: boolean) => void;
19
- }
20
- export declare function PopoverRoot({ children, defaultOpen, open, onOpenChange, }: PopoverRootProps): import("react").JSX.Element;
21
- export type { PopoverContextValue };
22
- export type { RefObject };
@@ -1,23 +0,0 @@
1
- import { type ReactNode } from "react";
2
- export type PopoverTriggerRenderProps = {
3
- ref: (node: HTMLElement | null) => void;
4
- "aria-haspopup": "dialog";
5
- "aria-expanded": boolean;
6
- "aria-controls": string | undefined;
7
- onClick: () => void;
8
- onKeyDown: (event: React.KeyboardEvent) => void;
9
- };
10
- export interface PopoverTriggerProps {
11
- /** The trigger content when using render prop. */
12
- children?: ReactNode;
13
- /**
14
- * Render prop: receives the trigger props (ref, aria, onClick) and
15
- * returns the trigger element. This prevents ref-passing conflicts
16
- * when multiple triggers exist — borrowed from Base UI.
17
- *
18
- * If you pass a single element as children instead, it will be
19
- * cloned with the trigger props merged in.
20
- */
21
- render?: (props: PopoverTriggerRenderProps) => ReactNode;
22
- }
23
- export declare function PopoverTrigger({ children, render }: PopoverTriggerProps): ReactNode;
@@ -1,9 +0,0 @@
1
- import { type ComponentProps } from "react";
2
- export type ProfileImageSize = "sm" | "md" | "lg";
3
- export interface ProfileImageProps extends ComponentProps<"span"> {
4
- /** Avatar diameter; fallback initials scale with it. @default "md" */
5
- size?: ProfileImageSize;
6
- }
7
- export declare function ProfileImage({ size, className, ...props }: ProfileImageProps): import("react").JSX.Element;
8
- export declare function ProfileImageContent({ src, className, onLoad, onError, ...props }: ComponentProps<"img">): import("react").JSX.Element | null;
9
- export declare function ProfileImageFallback({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element | null;
@@ -1,13 +0,0 @@
1
- import { type HTMLAttributes } from "react";
2
- export type ProgressViewSize = "sm" | "md" | "lg";
3
- export interface ProgressViewProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
4
- label: string;
5
- /** Omit for an indeterminate operation. */
6
- value?: number;
7
- max?: number;
8
- size?: ProgressViewSize;
9
- /** Secondary text, such as bytes uploaded. */
10
- detail?: string;
11
- }
12
- /** A determinate or indeterminate progress track respecting reduced motion. */
13
- export declare function ProgressView({ label, value, max, size, detail, className, ...props }: ProgressViewProps): import("react").JSX.Element;
@@ -1,3 +0,0 @@
1
- import { type RefObject } from "react";
2
- /** Read-only progress shares the liquid fill without acquiring slider semantics. */
3
- export declare function useLiquidProgress(ref: RefObject<HTMLDivElement | null>, target: number | undefined): void;
@@ -1,20 +0,0 @@
1
- export type RadioGroupSize = "sm" | "md" | "lg";
2
- export interface RadioGroupOption<T extends string> {
3
- value: T;
4
- label: string;
5
- description?: string;
6
- disabled?: boolean;
7
- }
8
- export interface RadioGroupProps<T extends string> {
9
- value: T;
10
- onChange: (value: NoInfer<T>) => void;
11
- label: string;
12
- options: readonly RadioGroupOption<T>[];
13
- disabled?: boolean;
14
- name?: string;
15
- className?: string;
16
- /** Legend, row, radio glyph and description density. @default "md" */
17
- size?: RadioGroupSize;
18
- }
19
- /** A labelled choice group using the browser's native radio keyboard behavior. */
20
- export declare function RadioGroup<T extends string>({ value, onChange, label, options, disabled, name, className, size, }: RadioGroupProps<T>): import("react").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { type InputHTMLAttributes, type Ref } from "react";
2
- /** One object: the field stays inside the pill, and the lens never moves within it. */
3
- export declare function ExpandingSearchField({ inputRef, className, placeholder, ...props }: InputHTMLAttributes<HTMLInputElement> & {
4
- inputRef: Ref<HTMLInputElement>;
5
- }): import("react").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { type InputHTMLAttributes } from "react";
2
- export type SearchFieldSize = "sm" | "md" | "lg";
3
- export interface SearchFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
4
- /** Expand a single pill from its search icon on focus. @default false */
5
- collapsible?: boolean;
6
- /** Pill height, icon size and text scale (non-collapsible variant). @default "md" */
7
- size?: SearchFieldSize;
8
- }
9
- export declare const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<HTMLInputElement>>;