@burtson-labs/ui 0.13.0 → 0.14.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 (391) hide show
  1. package/LICENSES/DEPENDENCIES.txt +2745 -0
  2. package/LICENSES/Radix-MIT.txt +21 -0
  3. package/LICENSES/cmdk-MIT.txt +21 -0
  4. package/LICENSES/overrides/react-remove-scroll-bar.txt +26 -0
  5. package/LICENSES/shadcn-MIT.txt +21 -0
  6. package/README.md +5 -1
  7. package/THIRD_PARTY_NOTICES.md +15 -3
  8. package/dist/components/accordion.d.ts +1 -1
  9. package/dist/components/accordion.js +9 -8
  10. package/dist/components/accordion.js.map +1 -1
  11. package/dist/components/alert-dialog.d.ts +1 -1
  12. package/dist/components/alert-dialog.js +12 -11
  13. package/dist/components/alert-dialog.js.map +1 -1
  14. package/dist/components/alert.js +1 -0
  15. package/dist/components/alert.js.map +1 -1
  16. package/dist/components/app-shell.js +1 -0
  17. package/dist/components/app-shell.js.map +1 -1
  18. package/dist/components/attachment.js +1 -0
  19. package/dist/components/attachment.js.map +1 -1
  20. package/dist/components/audio-player.js +1 -0
  21. package/dist/components/audio-player.js.map +1 -1
  22. package/dist/components/avatar.d.ts +1 -1
  23. package/dist/components/avatar.js +7 -6
  24. package/dist/components/avatar.js.map +1 -1
  25. package/dist/components/badge.js +3 -3
  26. package/dist/components/badge.js.map +1 -1
  27. package/dist/components/breadcrumb.js +3 -3
  28. package/dist/components/breadcrumb.js.map +1 -1
  29. package/dist/components/button.d.ts +2 -2
  30. package/dist/components/button.js +3 -3
  31. package/dist/components/button.js.map +1 -1
  32. package/dist/components/card.d.ts +1 -1
  33. package/dist/components/card.js +1 -0
  34. package/dist/components/card.js.map +1 -1
  35. package/dist/components/chat-history.js +1 -0
  36. package/dist/components/chat-history.js.map +1 -1
  37. package/dist/components/chat-layout.js +1 -0
  38. package/dist/components/chat-layout.js.map +1 -1
  39. package/dist/components/checkbox-card.d.ts +1 -1
  40. package/dist/components/checkbox-card.js +3 -3
  41. package/dist/components/checkbox-card.js.map +1 -1
  42. package/dist/components/checkbox.d.ts +1 -1
  43. package/dist/components/checkbox.js +6 -5
  44. package/dist/components/checkbox.js.map +1 -1
  45. package/dist/components/collapsible.d.ts +1 -1
  46. package/dist/components/collapsible.js +7 -6
  47. package/dist/components/collapsible.js.map +1 -1
  48. package/dist/components/combobox.js +1 -0
  49. package/dist/components/combobox.js.map +1 -1
  50. package/dist/components/command.d.ts +1 -1
  51. package/dist/components/command.js +12 -11
  52. package/dist/components/command.js.map +1 -1
  53. package/dist/components/composer.js +1 -0
  54. package/dist/components/composer.js.map +1 -1
  55. package/dist/components/connection-status.js +1 -0
  56. package/dist/components/connection-status.js.map +1 -1
  57. package/dist/components/context-menu.d.ts +1 -1
  58. package/dist/components/context-menu.js +19 -18
  59. package/dist/components/context-menu.js.map +1 -1
  60. package/dist/components/conversation.js +1 -0
  61. package/dist/components/conversation.js.map +1 -1
  62. package/dist/components/copy-button.js +1 -0
  63. package/dist/components/copy-button.js.map +1 -1
  64. package/dist/components/data-table.js +4 -2
  65. package/dist/components/data-table.js.map +1 -1
  66. package/dist/components/dialog.d.ts +1 -1
  67. package/dist/components/dialog.js +13 -12
  68. package/dist/components/dialog.js.map +1 -1
  69. package/dist/components/dropdown-menu.d.ts +1 -1
  70. package/dist/components/dropdown-menu.js +19 -18
  71. package/dist/components/dropdown-menu.js.map +1 -1
  72. package/dist/components/editor-tabs.js +1 -0
  73. package/dist/components/editor-tabs.js.map +1 -1
  74. package/dist/components/empty-state.js +1 -0
  75. package/dist/components/empty-state.js.map +1 -1
  76. package/dist/components/field.js +1 -0
  77. package/dist/components/field.js.map +1 -1
  78. package/dist/components/icon-button.js +1 -0
  79. package/dist/components/icon-button.js.map +1 -1
  80. package/dist/components/input.js +1 -0
  81. package/dist/components/input.js.map +1 -1
  82. package/dist/components/kbd.js +1 -0
  83. package/dist/components/kbd.js.map +1 -1
  84. package/dist/components/label.d.ts +1 -1
  85. package/dist/components/label.js +5 -4
  86. package/dist/components/label.js.map +1 -1
  87. package/dist/components/markdown.js +1 -0
  88. package/dist/components/markdown.js.map +1 -1
  89. package/dist/components/menubar.d.ts +1 -1
  90. package/dist/components/menubar.js +20 -19
  91. package/dist/components/menubar.js.map +1 -1
  92. package/dist/components/message-actions.js +1 -0
  93. package/dist/components/message-actions.js.map +1 -1
  94. package/dist/components/message.js +1 -0
  95. package/dist/components/message.js.map +1 -1
  96. package/dist/components/mobile-nav.js +1 -0
  97. package/dist/components/mobile-nav.js.map +1 -1
  98. package/dist/components/navigation-menu.d.ts +1 -1
  99. package/dist/components/navigation-menu.js +12 -11
  100. package/dist/components/navigation-menu.js.map +1 -1
  101. package/dist/components/onboarding-checklist.js +1 -0
  102. package/dist/components/onboarding-checklist.js.map +1 -1
  103. package/dist/components/page-header.js +1 -0
  104. package/dist/components/page-header.js.map +1 -1
  105. package/dist/components/pagination.js +3 -2
  106. package/dist/components/pagination.js.map +1 -1
  107. package/dist/components/popover.d.ts +1 -1
  108. package/dist/components/popover.js +8 -7
  109. package/dist/components/popover.js.map +1 -1
  110. package/dist/components/progress.d.ts +1 -1
  111. package/dist/components/progress.js +6 -5
  112. package/dist/components/progress.js.map +1 -1
  113. package/dist/components/radio-group.d.ts +1 -1
  114. package/dist/components/radio-group.js +7 -6
  115. package/dist/components/radio-group.js.map +1 -1
  116. package/dist/components/reasoning.js +5 -4
  117. package/dist/components/reasoning.js.map +1 -1
  118. package/dist/components/resizable.js +1 -0
  119. package/dist/components/resizable.js.map +1 -1
  120. package/dist/components/scroll-area.d.ts +1 -1
  121. package/dist/components/scroll-area.js +9 -8
  122. package/dist/components/scroll-area.js.map +1 -1
  123. package/dist/components/secret-input.js +1 -0
  124. package/dist/components/secret-input.js.map +1 -1
  125. package/dist/components/select.d.ts +1 -1
  126. package/dist/components/select.js +23 -18
  127. package/dist/components/select.js.map +1 -1
  128. package/dist/components/separator.d.ts +1 -1
  129. package/dist/components/separator.js +5 -4
  130. package/dist/components/separator.js.map +1 -1
  131. package/dist/components/sheet.d.ts +1 -1
  132. package/dist/components/sheet.js +10 -9
  133. package/dist/components/sheet.js.map +1 -1
  134. package/dist/components/skeleton.js +1 -0
  135. package/dist/components/skeleton.js.map +1 -1
  136. package/dist/components/slider.js +1 -0
  137. package/dist/components/slider.js.map +1 -1
  138. package/dist/components/source.js +1 -0
  139. package/dist/components/source.js.map +1 -1
  140. package/dist/components/spinner.js +1 -0
  141. package/dist/components/spinner.js.map +1 -1
  142. package/dist/components/stat-card.js +1 -0
  143. package/dist/components/stat-card.js.map +1 -1
  144. package/dist/components/status.js +1 -0
  145. package/dist/components/status.js.map +1 -1
  146. package/dist/components/steps.js +1 -0
  147. package/dist/components/steps.js.map +1 -1
  148. package/dist/components/switch.d.ts +1 -1
  149. package/dist/components/switch.js +6 -5
  150. package/dist/components/switch.js.map +1 -1
  151. package/dist/components/table.js +1 -0
  152. package/dist/components/table.js.map +1 -1
  153. package/dist/components/tabs.d.ts +1 -1
  154. package/dist/components/tabs.js +8 -7
  155. package/dist/components/tabs.js.map +1 -1
  156. package/dist/components/textarea.js +1 -0
  157. package/dist/components/textarea.js.map +1 -1
  158. package/dist/components/toast.d.ts +1 -1
  159. package/dist/components/toast.js +11 -10
  160. package/dist/components/toast.js.map +1 -1
  161. package/dist/components/toaster.js +1 -0
  162. package/dist/components/toaster.js.map +1 -1
  163. package/dist/components/tool-call.js +5 -4
  164. package/dist/components/tool-call.js.map +1 -1
  165. package/dist/components/toolbar.js +1 -0
  166. package/dist/components/toolbar.js.map +1 -1
  167. package/dist/components/tooltip.d.ts +1 -1
  168. package/dist/components/tooltip.js +10 -9
  169. package/dist/components/tooltip.js.map +1 -1
  170. package/dist/components/tour.js +8 -6
  171. package/dist/components/tour.js.map +1 -1
  172. package/dist/components/tree-view.js +1 -0
  173. package/dist/components/tree-view.js.map +1 -1
  174. package/dist/components/voice-recorder.js +1 -0
  175. package/dist/components/voice-recorder.js.map +1 -1
  176. package/dist/primitives/vendor/cmdk/command-score.d.ts +1 -0
  177. package/dist/primitives/vendor/cmdk/command-score.js +64 -0
  178. package/dist/primitives/vendor/cmdk/command-score.js.map +1 -0
  179. package/dist/primitives/vendor/cmdk/index.d.ts +384 -0
  180. package/dist/primitives/vendor/cmdk/index.js +687 -0
  181. package/dist/primitives/vendor/cmdk/index.js.map +1 -0
  182. package/dist/primitives/vendor/radix/number/index.d.ts +1 -0
  183. package/dist/primitives/vendor/radix/number/number.d.ts +2 -0
  184. package/dist/primitives/vendor/radix/number/number.js +9 -0
  185. package/dist/primitives/vendor/radix/number/number.js.map +1 -0
  186. package/dist/primitives/vendor/radix/primitive/index.d.ts +2 -0
  187. package/dist/primitives/vendor/radix/primitive/is-development.d.ts +1 -0
  188. package/dist/primitives/vendor/radix/primitive/is-development.js +7 -0
  189. package/dist/primitives/vendor/radix/primitive/is-development.js.map +1 -0
  190. package/dist/primitives/vendor/radix/primitive/primitive.d.ts +14 -0
  191. package/dist/primitives/vendor/radix/primitive/primitive.js +12 -0
  192. package/dist/primitives/vendor/radix/primitive/primitive.js.map +1 -0
  193. package/dist/primitives/vendor/radix/primitive/types.d.ts +5 -0
  194. package/dist/primitives/vendor/radix/react-accordion/accordion.d.ts +112 -0
  195. package/dist/primitives/vendor/radix/react-accordion/accordion.js +266 -0
  196. package/dist/primitives/vendor/radix/react-accordion/accordion.js.map +1 -0
  197. package/dist/primitives/vendor/radix/react-accordion/index.d.ts +2 -0
  198. package/dist/primitives/vendor/radix/react-alert-dialog/alert-dialog.d.ts +49 -0
  199. package/dist/primitives/vendor/radix/react-alert-dialog/alert-dialog.js +122 -0
  200. package/dist/primitives/vendor/radix/react-alert-dialog/alert-dialog.js.map +1 -0
  201. package/dist/primitives/vendor/radix/react-alert-dialog/index.d.ts +2 -0
  202. package/dist/primitives/vendor/radix/react-arrow/arrow.d.ts +9 -0
  203. package/dist/primitives/vendor/radix/react-arrow/arrow.js +22 -0
  204. package/dist/primitives/vendor/radix/react-arrow/arrow.js.map +1 -0
  205. package/dist/primitives/vendor/radix/react-arrow/index.d.ts +2 -0
  206. package/dist/primitives/vendor/radix/react-avatar/avatar.d.ts +19 -0
  207. package/dist/primitives/vendor/radix/react-avatar/avatar.js +132 -0
  208. package/dist/primitives/vendor/radix/react-avatar/avatar.js.map +1 -0
  209. package/dist/primitives/vendor/radix/react-avatar/index.d.ts +2 -0
  210. package/dist/primitives/vendor/radix/react-checkbox/checkbox.d.ts +47 -0
  211. package/dist/primitives/vendor/radix/react-checkbox/checkbox.js +197 -0
  212. package/dist/primitives/vendor/radix/react-checkbox/checkbox.js.map +1 -0
  213. package/dist/primitives/vendor/radix/react-checkbox/index.d.ts +2 -0
  214. package/dist/primitives/vendor/radix/react-collapsible/collapsible.d.ts +31 -0
  215. package/dist/primitives/vendor/radix/react-collapsible/collapsible.js +133 -0
  216. package/dist/primitives/vendor/radix/react-collapsible/collapsible.js.map +1 -0
  217. package/dist/primitives/vendor/radix/react-collapsible/index.d.ts +2 -0
  218. package/dist/primitives/vendor/radix/react-collection/collection-legacy.d.ts +21 -0
  219. package/dist/primitives/vendor/radix/react-collection/collection-legacy.js +84 -0
  220. package/dist/primitives/vendor/radix/react-collection/collection-legacy.js.map +1 -0
  221. package/dist/primitives/vendor/radix/react-collection/collection.d.ts +32 -0
  222. package/dist/primitives/vendor/radix/react-collection/index.d.ts +4 -0
  223. package/dist/primitives/vendor/radix/react-collection/ordered-dictionary.d.ts +51 -0
  224. package/dist/primitives/vendor/radix/react-compose-refs/compose-refs.d.ts +13 -0
  225. package/dist/primitives/vendor/radix/react-compose-refs/compose-refs.js +43 -0
  226. package/dist/primitives/vendor/radix/react-compose-refs/compose-refs.js.map +1 -0
  227. package/dist/primitives/vendor/radix/react-compose-refs/index.d.ts +1 -0
  228. package/dist/primitives/vendor/radix/react-context/create-context.d.ts +45 -0
  229. package/dist/primitives/vendor/radix/react-context/create-context.js +74 -0
  230. package/dist/primitives/vendor/radix/react-context/create-context.js.map +1 -0
  231. package/dist/primitives/vendor/radix/react-context/index.d.ts +2 -0
  232. package/dist/primitives/vendor/radix/react-context-menu/context-menu.d.ts +95 -0
  233. package/dist/primitives/vendor/radix/react-context-menu/context-menu.js +279 -0
  234. package/dist/primitives/vendor/radix/react-context-menu/context-menu.js.map +1 -0
  235. package/dist/primitives/vendor/radix/react-context-menu/index.d.ts +2 -0
  236. package/dist/primitives/vendor/radix/react-dialog/dialog.d.ts +97 -0
  237. package/dist/primitives/vendor/radix/react-dialog/dialog.js +262 -0
  238. package/dist/primitives/vendor/radix/react-dialog/dialog.js.map +1 -0
  239. package/dist/primitives/vendor/radix/react-dialog/index.d.ts +4 -0
  240. package/dist/primitives/vendor/radix/react-direction/direction.d.ts +10 -0
  241. package/dist/primitives/vendor/radix/react-direction/direction.js +13 -0
  242. package/dist/primitives/vendor/radix/react-direction/direction.js.map +1 -0
  243. package/dist/primitives/vendor/radix/react-direction/index.d.ts +1 -0
  244. package/dist/primitives/vendor/radix/react-dismissable-layer/dismissable-layer.d.ts +61 -0
  245. package/dist/primitives/vendor/radix/react-dismissable-layer/dismissable-layer.js +336 -0
  246. package/dist/primitives/vendor/radix/react-dismissable-layer/dismissable-layer.js.map +1 -0
  247. package/dist/primitives/vendor/radix/react-dismissable-layer/index.d.ts +4 -0
  248. package/dist/primitives/vendor/radix/react-dropdown-menu/dropdown-menu.d.ts +95 -0
  249. package/dist/primitives/vendor/radix/react-dropdown-menu/dropdown-menu.js +257 -0
  250. package/dist/primitives/vendor/radix/react-dropdown-menu/dropdown-menu.js.map +1 -0
  251. package/dist/primitives/vendor/radix/react-dropdown-menu/index.d.ts +2 -0
  252. package/dist/primitives/vendor/radix/react-focus-guards/focus-guards.d.ts +11 -0
  253. package/dist/primitives/vendor/radix/react-focus-guards/focus-guards.js +49 -0
  254. package/dist/primitives/vendor/radix/react-focus-guards/focus-guards.js.map +1 -0
  255. package/dist/primitives/vendor/radix/react-focus-guards/index.d.ts +1 -0
  256. package/dist/primitives/vendor/radix/react-focus-scope/focus-scope.d.ts +31 -0
  257. package/dist/primitives/vendor/radix/react-focus-scope/focus-scope.js +221 -0
  258. package/dist/primitives/vendor/radix/react-focus-scope/focus-scope.js.map +1 -0
  259. package/dist/primitives/vendor/radix/react-focus-scope/index.d.ts +1 -0
  260. package/dist/primitives/vendor/radix/react-id/id.d.ts +2 -0
  261. package/dist/primitives/vendor/radix/react-id/id.js +17 -0
  262. package/dist/primitives/vendor/radix/react-id/id.js.map +1 -0
  263. package/dist/primitives/vendor/radix/react-id/index.d.ts +1 -0
  264. package/dist/primitives/vendor/radix/react-label/index.d.ts +2 -0
  265. package/dist/primitives/vendor/radix/react-label/label.d.ts +9 -0
  266. package/dist/primitives/vendor/radix/react-label/label.js +21 -0
  267. package/dist/primitives/vendor/radix/react-label/label.js.map +1 -0
  268. package/dist/primitives/vendor/radix/react-menu/index.d.ts +2 -0
  269. package/dist/primitives/vendor/radix/react-menu/menu.d.ts +173 -0
  270. package/dist/primitives/vendor/radix/react-menu/menu.js +806 -0
  271. package/dist/primitives/vendor/radix/react-menu/menu.js.map +1 -0
  272. package/dist/primitives/vendor/radix/react-menubar/index.d.ts +2 -0
  273. package/dist/primitives/vendor/radix/react-menubar/menubar.d.ts +106 -0
  274. package/dist/primitives/vendor/radix/react-menubar/menubar.js +377 -0
  275. package/dist/primitives/vendor/radix/react-menubar/menubar.js.map +1 -0
  276. package/dist/primitives/vendor/radix/react-navigation-menu/index.d.ts +2 -0
  277. package/dist/primitives/vendor/radix/react-navigation-menu/navigation-menu.d.ts +124 -0
  278. package/dist/primitives/vendor/radix/react-navigation-menu/navigation-menu.js +743 -0
  279. package/dist/primitives/vendor/radix/react-navigation-menu/navigation-menu.js.map +1 -0
  280. package/dist/primitives/vendor/radix/react-popover/index.d.ts +1 -0
  281. package/dist/primitives/vendor/radix/react-popover/popover.d.ts +83 -0
  282. package/dist/primitives/vendor/radix/react-popover/popover.js +236 -0
  283. package/dist/primitives/vendor/radix/react-popover/popover.js.map +1 -0
  284. package/dist/primitives/vendor/radix/react-popper/index.d.ts +2 -0
  285. package/dist/primitives/vendor/radix/react-popper/popper.d.ts +44 -0
  286. package/dist/primitives/vendor/radix/react-popper/popper.js +276 -0
  287. package/dist/primitives/vendor/radix/react-popper/popper.js.map +1 -0
  288. package/dist/primitives/vendor/radix/react-portal/index.d.ts +2 -0
  289. package/dist/primitives/vendor/radix/react-portal/portal.d.ts +13 -0
  290. package/dist/primitives/vendor/radix/react-portal/portal.js +21 -0
  291. package/dist/primitives/vendor/radix/react-portal/portal.js.map +1 -0
  292. package/dist/primitives/vendor/radix/react-presence/index.d.ts +2 -0
  293. package/dist/primitives/vendor/radix/react-presence/presence.d.ts +11 -0
  294. package/dist/primitives/vendor/radix/react-presence/presence.js +152 -0
  295. package/dist/primitives/vendor/radix/react-presence/presence.js.map +1 -0
  296. package/dist/primitives/vendor/radix/react-presence/use-state-machine.d.ts +10 -0
  297. package/dist/primitives/vendor/radix/react-presence/use-state-machine.js +12 -0
  298. package/dist/primitives/vendor/radix/react-presence/use-state-machine.js.map +1 -0
  299. package/dist/primitives/vendor/radix/react-primitive/index.d.ts +2 -0
  300. package/dist/primitives/vendor/radix/react-primitive/primitive.d.ts +56 -0
  301. package/dist/primitives/vendor/radix/react-primitive/primitive.js +84 -0
  302. package/dist/primitives/vendor/radix/react-primitive/primitive.js.map +1 -0
  303. package/dist/primitives/vendor/radix/react-progress/index.d.ts +2 -0
  304. package/dist/primitives/vendor/radix/react-progress/progress.d.ts +17 -0
  305. package/dist/primitives/vendor/radix/react-progress/progress.js +79 -0
  306. package/dist/primitives/vendor/radix/react-progress/progress.js.map +1 -0
  307. package/dist/primitives/vendor/radix/react-radio-group/index.d.ts +2 -0
  308. package/dist/primitives/vendor/radix/react-radio-group/radio-group.d.ts +55 -0
  309. package/dist/primitives/vendor/radix/react-radio-group/radio-group.js +173 -0
  310. package/dist/primitives/vendor/radix/react-radio-group/radio-group.js.map +1 -0
  311. package/dist/primitives/vendor/radix/react-radio-group/radio.d.ts +62 -0
  312. package/dist/primitives/vendor/radix/react-radio-group/radio.js +150 -0
  313. package/dist/primitives/vendor/radix/react-radio-group/radio.js.map +1 -0
  314. package/dist/primitives/vendor/radix/react-roving-focus/index.d.ts +2 -0
  315. package/dist/primitives/vendor/radix/react-roving-focus/roving-focus-group.d.ts +47 -0
  316. package/dist/primitives/vendor/radix/react-roving-focus/roving-focus-group.js +218 -0
  317. package/dist/primitives/vendor/radix/react-roving-focus/roving-focus-group.js.map +1 -0
  318. package/dist/primitives/vendor/radix/react-scroll-area/index.d.ts +2 -0
  319. package/dist/primitives/vendor/radix/react-scroll-area/scroll-area.d.ts +121 -0
  320. package/dist/primitives/vendor/radix/react-scroll-area/scroll-area.js +713 -0
  321. package/dist/primitives/vendor/radix/react-scroll-area/scroll-area.js.map +1 -0
  322. package/dist/primitives/vendor/radix/react-scroll-area/use-state-machine.d.ts +10 -0
  323. package/dist/primitives/vendor/radix/react-scroll-area/use-state-machine.js +12 -0
  324. package/dist/primitives/vendor/radix/react-scroll-area/use-state-machine.js.map +1 -0
  325. package/dist/primitives/vendor/radix/react-select/index.d.ts +2 -0
  326. package/dist/primitives/vendor/radix/react-select/select.d.ts +163 -0
  327. package/dist/primitives/vendor/radix/react-select/select.js +1040 -0
  328. package/dist/primitives/vendor/radix/react-select/select.js.map +1 -0
  329. package/dist/primitives/vendor/radix/react-separator/index.d.ts +2 -0
  330. package/dist/primitives/vendor/radix/react-separator/separator.d.ts +20 -0
  331. package/dist/primitives/vendor/radix/react-separator/separator.js +29 -0
  332. package/dist/primitives/vendor/radix/react-separator/separator.js.map +1 -0
  333. package/dist/primitives/vendor/radix/react-slot/index.d.ts +1 -0
  334. package/dist/primitives/vendor/radix/react-slot/slot.d.ts +29 -0
  335. package/dist/primitives/vendor/radix/react-slot/slot.js +107 -0
  336. package/dist/primitives/vendor/radix/react-slot/slot.js.map +1 -0
  337. package/dist/primitives/vendor/radix/react-switch/index.d.ts +2 -0
  338. package/dist/primitives/vendor/radix/react-switch/switch.d.ts +41 -0
  339. package/dist/primitives/vendor/radix/react-switch/switch.js +185 -0
  340. package/dist/primitives/vendor/radix/react-switch/switch.js.map +1 -0
  341. package/dist/primitives/vendor/radix/react-tabs/index.d.ts +2 -0
  342. package/dist/primitives/vendor/radix/react-tabs/tabs.d.ts +54 -0
  343. package/dist/primitives/vendor/radix/react-tabs/tabs.js +145 -0
  344. package/dist/primitives/vendor/radix/react-tabs/tabs.js.map +1 -0
  345. package/dist/primitives/vendor/radix/react-toast/index.d.ts +2 -0
  346. package/dist/primitives/vendor/radix/react-toast/toast.d.ts +125 -0
  347. package/dist/primitives/vendor/radix/react-toast/toast.js +557 -0
  348. package/dist/primitives/vendor/radix/react-toast/toast.js.map +1 -0
  349. package/dist/primitives/vendor/radix/react-tooltip/index.d.ts +2 -0
  350. package/dist/primitives/vendor/radix/react-tooltip/tooltip.d.ts +99 -0
  351. package/dist/primitives/vendor/radix/react-tooltip/tooltip.js +503 -0
  352. package/dist/primitives/vendor/radix/react-tooltip/tooltip.js.map +1 -0
  353. package/dist/primitives/vendor/radix/react-use-callback-ref/index.d.ts +1 -0
  354. package/dist/primitives/vendor/radix/react-use-callback-ref/use-callback-ref.d.ts +6 -0
  355. package/dist/primitives/vendor/radix/react-use-callback-ref/use-callback-ref.js +18 -0
  356. package/dist/primitives/vendor/radix/react-use-callback-ref/use-callback-ref.js.map +1 -0
  357. package/dist/primitives/vendor/radix/react-use-controllable-state/index.d.ts +2 -0
  358. package/dist/primitives/vendor/radix/react-use-controllable-state/use-controllable-state-reducer.d.ts +28 -0
  359. package/dist/primitives/vendor/radix/react-use-controllable-state/use-controllable-state.d.ts +11 -0
  360. package/dist/primitives/vendor/radix/react-use-controllable-state/use-controllable-state.js +59 -0
  361. package/dist/primitives/vendor/radix/react-use-controllable-state/use-controllable-state.js.map +1 -0
  362. package/dist/primitives/vendor/radix/react-use-effect-event/index.d.ts +1 -0
  363. package/dist/primitives/vendor/radix/react-use-effect-event/use-effect-event.d.ts +7 -0
  364. package/dist/primitives/vendor/radix/react-use-is-hydrated/index.d.ts +1 -0
  365. package/dist/primitives/vendor/radix/react-use-is-hydrated/use-is-hydrated-legacy.d.ts +1 -0
  366. package/dist/primitives/vendor/radix/react-use-is-hydrated/use-is-hydrated-legacy.js +18 -0
  367. package/dist/primitives/vendor/radix/react-use-is-hydrated/use-is-hydrated-legacy.js.map +1 -0
  368. package/dist/primitives/vendor/radix/react-use-is-hydrated/use-is-hydrated.d.ts +6 -0
  369. package/dist/primitives/vendor/radix/react-use-is-hydrated/use-is-hydrated.js +19 -0
  370. package/dist/primitives/vendor/radix/react-use-is-hydrated/use-is-hydrated.js.map +1 -0
  371. package/dist/primitives/vendor/radix/react-use-layout-effect/index.d.ts +1 -0
  372. package/dist/primitives/vendor/radix/react-use-layout-effect/use-layout-effect.d.ts +10 -0
  373. package/dist/primitives/vendor/radix/react-use-layout-effect/use-layout-effect.js +15 -0
  374. package/dist/primitives/vendor/radix/react-use-layout-effect/use-layout-effect.js.map +1 -0
  375. package/dist/primitives/vendor/radix/react-use-previous/index.d.ts +1 -0
  376. package/dist/primitives/vendor/radix/react-use-previous/use-previous.d.ts +2 -0
  377. package/dist/primitives/vendor/radix/react-use-previous/use-previous.js +20 -0
  378. package/dist/primitives/vendor/radix/react-use-previous/use-previous.js.map +1 -0
  379. package/dist/primitives/vendor/radix/react-use-size/index.d.ts +1 -0
  380. package/dist/primitives/vendor/radix/react-use-size/use-size.d.ts +5 -0
  381. package/dist/primitives/vendor/radix/react-use-size/use-size.js +42 -0
  382. package/dist/primitives/vendor/radix/react-use-size/use-size.js.map +1 -0
  383. package/dist/primitives/vendor/radix/react-visually-hidden/index.d.ts +2 -0
  384. package/dist/primitives/vendor/radix/react-visually-hidden/visually-hidden.d.ts +21 -0
  385. package/dist/primitives/vendor/radix/react-visually-hidden/visually-hidden.js +32 -0
  386. package/dist/primitives/vendor/radix/react-visually-hidden/visually-hidden.js.map +1 -0
  387. package/dist/primitives/vendor/radix/rect/index.d.ts +2 -0
  388. package/dist/primitives/vendor/radix/rect/observe-element-rect.d.ts +16 -0
  389. package/dist/styles.css +1 -1
  390. package/package.json +21 -11
  391. package/vendor-manifest.json +1101 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigation-menu.js","names":["_Fragment","VisuallyHiddenPrimitive.Root"],"sources":["../../../../../src/primitives/vendor/radix/react-navigation-menu/navigation-menu.tsx"],"sourcesContent":["// Vendored from Radix Primitives (c) 2022 WorkOS, MIT. See vendor/LICENSE.radix.\n// Local modification: package imports resolve to the pinned local source.\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createContextScope } from '../react-context';\nimport { composeEventHandlers } from '../primitive';\nimport { Primitive, dispatchDiscreteCustomEvent } from '../react-primitive';\nimport { useControllableState } from '../react-use-controllable-state';\nimport { useComposedRefs } from '../react-compose-refs';\nimport { useDirection } from '../react-direction';\nimport { Presence } from '../react-presence';\nimport { useId } from '../react-id';\nimport { createCollection } from '../react-collection';\nimport { DismissableLayer } from '../react-dismissable-layer';\nimport { usePrevious } from '../react-use-previous';\nimport { useLayoutEffect } from '../react-use-layout-effect';\nimport { useCallbackRef } from '../react-use-callback-ref';\nimport * as VisuallyHiddenPrimitive from '../react-visually-hidden';\n\nimport type { Scope } from '../react-context';\n\ntype Orientation = 'vertical' | 'horizontal';\ntype Direction = 'ltr' | 'rtl';\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenu\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAVIGATION_MENU_NAME = 'NavigationMenu';\n\nconst [Collection, useCollection, createCollectionScope] = createCollection<\n NavigationMenuTriggerElement,\n { value: string }\n>(NAVIGATION_MENU_NAME);\n\nconst [FocusGroupCollection, useFocusGroupCollection, createFocusGroupCollectionScope] =\n createCollection<FocusGroupItemElement, {}>(NAVIGATION_MENU_NAME);\n\ntype ScopedProps<P> = P & { __scopeNavigationMenu?: Scope };\nconst [createNavigationMenuContext, createNavigationMenuScope] = createContextScope(\n NAVIGATION_MENU_NAME,\n [createCollectionScope, createFocusGroupCollectionScope],\n);\n\ntype ContentData = {\n ref?: React.Ref<ViewportContentMounterElement>;\n} & ViewportContentMounterProps;\n\ntype NavigationMenuContextValue = {\n isRootMenu: boolean;\n value: string;\n previousValue: string;\n baseId: string;\n dir: Direction;\n orientation: Orientation;\n rootNavigationMenu: NavigationMenuElement | null;\n indicatorTrack: HTMLDivElement | null;\n onIndicatorTrackChange(indicatorTrack: HTMLDivElement | null): void;\n viewport: NavigationMenuViewportElement | null;\n onViewportChange(viewport: NavigationMenuViewportElement | null): void;\n onViewportContentChange(contentValue: string, contentData: ContentData): void;\n onViewportContentRemove(contentValue: string): void;\n onTriggerEnter(itemValue: string): void;\n onTriggerLeave(): void;\n onContentEnter(): void;\n onContentLeave(): void;\n onItemSelect(itemValue: string): void;\n onItemDismiss(): void;\n};\n\nconst [NavigationMenuProviderImpl, useNavigationMenuContext] =\n createNavigationMenuContext<NavigationMenuContextValue>(NAVIGATION_MENU_NAME);\n\nconst [ViewportContentProvider, useViewportContentContext] = createNavigationMenuContext<{\n items: Map<string, ContentData>;\n}>(NAVIGATION_MENU_NAME);\n\ntype NavigationMenuElement = React.ComponentRef<typeof Primitive.nav>;\ntype PrimitiveNavProps = React.ComponentPropsWithoutRef<typeof Primitive.nav>;\ninterface NavigationMenuProps\n extends\n Omit<NavigationMenuProviderProps, keyof NavigationMenuProviderPrivateProps>,\n PrimitiveNavProps {\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n dir?: Direction;\n orientation?: Orientation;\n /**\n * The duration from when the pointer enters the trigger until the tooltip gets opened.\n * @defaultValue 200\n */\n delayDuration?: number;\n /**\n * How much time a user has to enter another trigger without incurring a delay again.\n * @defaultValue 300\n */\n skipDelayDuration?: number;\n}\n\nconst NavigationMenu = /* @__PURE__ */ React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n function NavigationMenu(props: ScopedProps<NavigationMenuProps>, forwardedRef) {\n const {\n __scopeNavigationMenu,\n value: valueProp,\n onValueChange,\n defaultValue,\n delayDuration = 200,\n skipDelayDuration = 300,\n orientation = 'horizontal',\n dir,\n ...NavigationMenuProps\n } = props;\n const [navigationMenu, setNavigationMenu] = React.useState<NavigationMenuElement | null>(null);\n const composedRef = useComposedRefs(forwardedRef, setNavigationMenu);\n const direction = useDirection(dir);\n const openTimerRef = React.useRef(0);\n const closeTimerRef = React.useRef(0);\n const skipDelayTimerRef = React.useRef(0);\n const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n const [value, setValue] = useControllableState({\n prop: valueProp,\n onChange: (value) => {\n const isOpen = value !== '';\n const hasSkipDelayDuration = skipDelayDuration > 0;\n\n if (isOpen) {\n window.clearTimeout(skipDelayTimerRef.current);\n if (hasSkipDelayDuration) setIsOpenDelayed(false);\n } else {\n window.clearTimeout(skipDelayTimerRef.current);\n skipDelayTimerRef.current = window.setTimeout(\n () => setIsOpenDelayed(true),\n skipDelayDuration,\n );\n }\n\n onValueChange?.(value);\n },\n defaultProp: defaultValue ?? '',\n caller: NAVIGATION_MENU_NAME,\n });\n\n const startCloseTimer = React.useCallback(() => {\n window.clearTimeout(closeTimerRef.current);\n closeTimerRef.current = window.setTimeout(() => setValue(''), 150);\n }, [setValue]);\n\n const handleOpen = React.useCallback(\n (itemValue: string) => {\n window.clearTimeout(closeTimerRef.current);\n setValue(itemValue);\n },\n [setValue],\n );\n\n const handleDelayedOpen = React.useCallback(\n (itemValue: string) => {\n const isOpenItem = value === itemValue;\n if (isOpenItem) {\n // If the item is already open (e.g. we're transitioning from the content to the trigger)\n // then we want to clear the close timer immediately.\n window.clearTimeout(closeTimerRef.current);\n } else {\n openTimerRef.current = window.setTimeout(() => {\n window.clearTimeout(closeTimerRef.current);\n setValue(itemValue);\n }, delayDuration);\n }\n },\n [value, setValue, delayDuration],\n );\n\n React.useEffect(() => {\n return () => {\n window.clearTimeout(openTimerRef.current);\n window.clearTimeout(closeTimerRef.current);\n window.clearTimeout(skipDelayTimerRef.current);\n };\n }, []);\n\n return (\n <NavigationMenuProvider\n scope={__scopeNavigationMenu}\n isRootMenu={true}\n value={value}\n dir={direction}\n orientation={orientation}\n rootNavigationMenu={navigationMenu}\n onTriggerEnter={(itemValue) => {\n window.clearTimeout(openTimerRef.current);\n if (isOpenDelayed) handleDelayedOpen(itemValue);\n else handleOpen(itemValue);\n }}\n onTriggerLeave={() => {\n window.clearTimeout(openTimerRef.current);\n startCloseTimer();\n }}\n onContentEnter={() => window.clearTimeout(closeTimerRef.current)}\n onContentLeave={startCloseTimer}\n onItemSelect={(itemValue) => {\n setValue((prevValue) => (prevValue === itemValue ? '' : itemValue));\n }}\n onItemDismiss={() => setValue('')}\n >\n <Primitive.nav\n aria-label=\"Main\"\n data-orientation={orientation}\n dir={direction}\n {...NavigationMenuProps}\n ref={composedRef}\n />\n </NavigationMenuProvider>\n );\n },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenuSub\n * -----------------------------------------------------------------------------------------------*/\n\nconst SUB_NAME = 'NavigationMenuSub';\n\ntype NavigationMenuSubElement = React.ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface NavigationMenuSubProps\n extends\n Omit<NavigationMenuProviderProps, keyof NavigationMenuProviderPrivateProps>,\n PrimitiveDivProps {\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n orientation?: Orientation;\n}\n\nconst NavigationMenuSub = /* @__PURE__ */ React.forwardRef<\n NavigationMenuSubElement,\n NavigationMenuSubProps\n>(\n // blank line to reduce diff noise\n function NavigationMenuSub(props: ScopedProps<NavigationMenuSubProps>, forwardedRef) {\n const {\n __scopeNavigationMenu,\n value: valueProp,\n onValueChange,\n defaultValue,\n orientation = 'horizontal',\n ...subProps\n } = props;\n const context = useNavigationMenuContext(SUB_NAME, __scopeNavigationMenu);\n const [value, setValue] = useControllableState({\n prop: valueProp,\n onChange: onValueChange,\n defaultProp: defaultValue ?? '',\n caller: SUB_NAME,\n });\n\n return (\n <NavigationMenuProvider\n scope={__scopeNavigationMenu}\n isRootMenu={false}\n value={value}\n dir={context.dir}\n orientation={orientation}\n rootNavigationMenu={context.rootNavigationMenu}\n onTriggerEnter={(itemValue) => setValue(itemValue)}\n onItemSelect={(itemValue) => setValue(itemValue)}\n onItemDismiss={() => setValue('')}\n >\n <Primitive.div data-orientation={orientation} {...subProps} ref={forwardedRef} />\n </NavigationMenuProvider>\n );\n },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface NavigationMenuProviderPrivateProps {\n isRootMenu: boolean;\n scope: Scope;\n children: React.ReactNode;\n orientation: Orientation;\n dir: Direction;\n rootNavigationMenu: NavigationMenuElement | null;\n value: string;\n onTriggerEnter(itemValue: string): void;\n onTriggerLeave?(): void;\n onContentEnter?(): void;\n onContentLeave?(): void;\n onItemSelect(itemValue: string): void;\n onItemDismiss(): void;\n}\n\ninterface NavigationMenuProviderProps extends NavigationMenuProviderPrivateProps {}\n\nconst NavigationMenuProvider: React.FC<NavigationMenuProviderProps> = (\n props: ScopedProps<NavigationMenuProviderProps>,\n) => {\n const {\n scope,\n isRootMenu,\n rootNavigationMenu,\n dir,\n orientation,\n children,\n value,\n onItemSelect,\n onItemDismiss,\n onTriggerEnter,\n onTriggerLeave,\n onContentEnter,\n onContentLeave,\n } = props;\n const [viewport, setViewport] = React.useState<NavigationMenuViewportElement | null>(null);\n const [viewportContent, setViewportContent] = React.useState<Map<string, ContentData>>(new Map());\n const [indicatorTrack, setIndicatorTrack] = React.useState<HTMLDivElement | null>(null);\n\n return (\n <NavigationMenuProviderImpl\n scope={scope}\n isRootMenu={isRootMenu}\n rootNavigationMenu={rootNavigationMenu}\n value={value}\n previousValue={usePrevious(value)}\n baseId={useId()}\n dir={dir}\n orientation={orientation}\n viewport={viewport}\n onViewportChange={setViewport}\n indicatorTrack={indicatorTrack}\n onIndicatorTrackChange={setIndicatorTrack}\n onTriggerEnter={useCallbackRef(onTriggerEnter)}\n onTriggerLeave={useCallbackRef(onTriggerLeave)}\n onContentEnter={useCallbackRef(onContentEnter)}\n onContentLeave={useCallbackRef(onContentLeave)}\n onItemSelect={useCallbackRef(onItemSelect)}\n onItemDismiss={useCallbackRef(onItemDismiss)}\n onViewportContentChange={React.useCallback((contentValue, contentData) => {\n setViewportContent((prevContent) => {\n prevContent.set(contentValue, contentData);\n return new Map(prevContent);\n });\n }, [])}\n onViewportContentRemove={React.useCallback((contentValue) => {\n setViewportContent((prevContent) => {\n if (!prevContent.has(contentValue)) return prevContent;\n prevContent.delete(contentValue);\n return new Map(prevContent);\n });\n }, [])}\n >\n <Collection.Provider scope={scope}>\n <ViewportContentProvider scope={scope} items={viewportContent}>\n {children}\n </ViewportContentProvider>\n </Collection.Provider>\n </NavigationMenuProviderImpl>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenuList\n * -----------------------------------------------------------------------------------------------*/\n\nconst LIST_NAME = 'NavigationMenuList';\n\ntype NavigationMenuListElement = React.ComponentRef<typeof Primitive.ul>;\ntype PrimitiveUnorderedListProps = React.ComponentPropsWithoutRef<typeof Primitive.ul>;\ninterface NavigationMenuListProps extends PrimitiveUnorderedListProps {}\n\nconst NavigationMenuList = /* @__PURE__ */ React.forwardRef<\n NavigationMenuListElement,\n NavigationMenuListProps\n>(\n // blank line to reduce diff noise\n function NavigationMenuList(props: ScopedProps<NavigationMenuListProps>, forwardedRef) {\n const { __scopeNavigationMenu, ...listProps } = props;\n const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);\n\n const list = (\n <Primitive.ul data-orientation={context.orientation} {...listProps} ref={forwardedRef} />\n );\n\n return (\n <Primitive.div style={{ position: 'relative' }} ref={context.onIndicatorTrackChange}>\n <Collection.Slot scope={__scopeNavigationMenu}>\n {context.isRootMenu ? <FocusGroup asChild>{list}</FocusGroup> : list}\n </Collection.Slot>\n </Primitive.div>\n );\n },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenuItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'NavigationMenuItem';\n\ntype FocusProxyElement = React.ComponentRef<typeof VisuallyHiddenPrimitive.Root>;\n\ntype NavigationMenuItemContextValue = {\n value: string;\n triggerRef: React.RefObject<NavigationMenuTriggerElement | null>;\n contentRef: React.RefObject<NavigationMenuContentElement | null>;\n focusProxyRef: React.RefObject<FocusProxyElement | null>;\n wasEscapeCloseRef: React.MutableRefObject<boolean>;\n onEntryKeyDown(): void;\n onFocusProxyEnter(side: 'start' | 'end'): void;\n onRootContentClose(): void;\n onContentFocusOutside(): void;\n};\n\nconst [NavigationMenuItemContextProvider, useNavigationMenuItemContext] =\n createNavigationMenuContext<NavigationMenuItemContextValue>(ITEM_NAME);\n\ntype NavigationMenuItemElement = React.ComponentRef<typeof Primitive.li>;\ntype PrimitiveListItemProps = React.ComponentPropsWithoutRef<typeof Primitive.li>;\ninterface NavigationMenuItemProps extends PrimitiveListItemProps {\n value?: string;\n}\n\nconst NavigationMenuItem = /* @__PURE__ */ React.forwardRef<\n NavigationMenuItemElement,\n NavigationMenuItemProps\n>(\n // blank line to reduce diff noise\n function NavigationMenuItem(props: ScopedProps<NavigationMenuItemProps>, forwardedRef) {\n const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;\n const autoValue = useId();\n // We need to provide an initial deterministic value as `useId` will return\n // empty string on the first render and we don't want to match our internal \"closed\" value.\n const value = valueProp || autoValue || 'LEGACY_REACT_AUTO_VALUE';\n const contentRef = React.useRef<NavigationMenuContentElement>(null);\n const triggerRef = React.useRef<NavigationMenuTriggerElement>(null);\n const focusProxyRef = React.useRef<FocusProxyElement>(null);\n const restoreContentTabOrderRef = React.useRef(() => {});\n const wasEscapeCloseRef = React.useRef(false);\n\n const handleContentEntry = React.useCallback((side = 'start') => {\n if (contentRef.current) {\n restoreContentTabOrderRef.current();\n const candidates = getTabbableCandidates(contentRef.current);\n if (candidates.length) focusFirst(side === 'start' ? candidates : candidates.reverse());\n }\n }, []);\n\n const handleContentExit = React.useCallback(() => {\n if (contentRef.current) {\n const candidates = getTabbableCandidates(contentRef.current);\n if (candidates.length) restoreContentTabOrderRef.current = removeFromTabOrder(candidates);\n }\n }, []);\n\n return (\n <NavigationMenuItemContextProvider\n scope={__scopeNavigationMenu}\n value={value}\n triggerRef={triggerRef}\n contentRef={contentRef}\n focusProxyRef={focusProxyRef}\n wasEscapeCloseRef={wasEscapeCloseRef}\n onEntryKeyDown={handleContentEntry}\n onFocusProxyEnter={handleContentEntry}\n onRootContentClose={handleContentExit}\n onContentFocusOutside={handleContentExit}\n >\n <Primitive.li {...itemProps} ref={forwardedRef} />\n </NavigationMenuItemContextProvider>\n );\n },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenuTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'NavigationMenuTrigger';\n\ntype NavigationMenuTriggerElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface NavigationMenuTriggerProps extends PrimitiveButtonProps {}\n\nconst NavigationMenuTrigger = /* @__PURE__ */ React.forwardRef<\n NavigationMenuTriggerElement,\n NavigationMenuTriggerProps\n>(function NavigationMenuTrigger(props: ScopedProps<NavigationMenuTriggerProps>, forwardedRef) {\n const { __scopeNavigationMenu, disabled, ...triggerProps } = props;\n const context = useNavigationMenuContext(TRIGGER_NAME, props.__scopeNavigationMenu);\n const itemContext = useNavigationMenuItemContext(TRIGGER_NAME, props.__scopeNavigationMenu);\n const ref = React.useRef<NavigationMenuTriggerElement>(null);\n const composedRefs = useComposedRefs(ref, itemContext.triggerRef, forwardedRef);\n const triggerId = makeTriggerId(context.baseId, itemContext.value);\n const contentId = makeContentId(context.baseId, itemContext.value);\n const hasPointerMoveOpenedRef = React.useRef(false);\n const wasClickCloseRef = React.useRef(false);\n const open = itemContext.value === context.value;\n\n return (\n <>\n <Collection.ItemSlot scope={__scopeNavigationMenu} value={itemContext.value}>\n <FocusGroupItem asChild>\n <Primitive.button\n id={triggerId}\n disabled={disabled}\n data-disabled={disabled ? '' : undefined}\n data-state={getOpenState(open)}\n aria-expanded={open}\n aria-controls={open ? contentId : undefined}\n {...triggerProps}\n ref={composedRefs}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, () => {\n wasClickCloseRef.current = false;\n itemContext.wasEscapeCloseRef.current = false;\n })}\n onPointerMove={composeEventHandlers(\n props.onPointerMove,\n whenMouse(() => {\n if (\n disabled ||\n wasClickCloseRef.current ||\n itemContext.wasEscapeCloseRef.current ||\n hasPointerMoveOpenedRef.current\n )\n return;\n context.onTriggerEnter(itemContext.value);\n hasPointerMoveOpenedRef.current = true;\n }),\n )}\n onPointerLeave={composeEventHandlers(\n props.onPointerLeave,\n whenMouse(() => {\n if (disabled) return;\n context.onTriggerLeave();\n hasPointerMoveOpenedRef.current = false;\n }),\n )}\n onClick={composeEventHandlers(props.onClick, () => {\n context.onItemSelect(itemContext.value);\n wasClickCloseRef.current = open;\n })}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n const verticalEntryKey = context.dir === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n const entryKey = { horizontal: 'ArrowDown', vertical: verticalEntryKey }[\n context.orientation\n ];\n if (open && event.key === entryKey) {\n itemContext.onEntryKeyDown();\n // Prevent FocusGroupItem from handling the event\n event.preventDefault();\n }\n })}\n />\n </FocusGroupItem>\n </Collection.ItemSlot>\n\n {/* Proxy tab order between trigger and content */}\n {open && (\n <>\n <VisuallyHiddenPrimitive.Root\n aria-hidden\n tabIndex={0}\n ref={itemContext.focusProxyRef}\n onFocus={(event) => {\n const content = itemContext.contentRef.current;\n const prevFocusedElement = event.relatedTarget as HTMLElement | null;\n const wasTriggerFocused = prevFocusedElement === ref.current;\n const wasFocusFromContent = content?.contains(prevFocusedElement);\n\n if (wasTriggerFocused || !wasFocusFromContent) {\n itemContext.onFocusProxyEnter(wasTriggerFocused ? 'start' : 'end');\n }\n }}\n />\n\n {/* Restructure a11y tree to make content accessible to screen reader when using the viewport */}\n {context.viewport && <span aria-owns={contentId} />}\n </>\n )}\n </>\n );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenuLink\n * -----------------------------------------------------------------------------------------------*/\nconst LINK_SELECT = 'navigationMenu.linkSelect';\n\ntype NavigationMenuLinkElement = React.ComponentRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = React.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface NavigationMenuLinkProps extends Omit<PrimitiveLinkProps, 'onSelect'> {\n active?: boolean;\n onSelect?: (event: Event) => void;\n}\n\nconst NavigationMenuLink = /* @__PURE__ */ React.forwardRef<\n NavigationMenuLinkElement,\n NavigationMenuLinkProps\n>(\n // blank line to reduce diff noise\n function NavigationMenuLink(props: ScopedProps<NavigationMenuLinkProps>, forwardedRef) {\n const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;\n\n return (\n <FocusGroupItem asChild>\n <Primitive.a\n data-active={active ? '' : undefined}\n aria-current={active ? 'page' : undefined}\n {...linkProps}\n ref={forwardedRef}\n onClick={composeEventHandlers(\n props.onClick,\n (event) => {\n const target = event.target as HTMLElement;\n const linkSelectEvent = new CustomEvent(LINK_SELECT, {\n bubbles: true,\n cancelable: true,\n });\n target.addEventListener(LINK_SELECT, (event) => onSelect?.(event), { once: true });\n dispatchDiscreteCustomEvent(target, linkSelectEvent);\n\n if (!linkSelectEvent.defaultPrevented && !event.metaKey) {\n const rootContentDismissEvent = new CustomEvent(ROOT_CONTENT_DISMISS, {\n bubbles: true,\n cancelable: true,\n });\n dispatchDiscreteCustomEvent(target, rootContentDismissEvent);\n }\n },\n { checkForDefaultPrevented: false },\n )}\n />\n </FocusGroupItem>\n );\n },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenuIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'NavigationMenuIndicator';\n\ntype NavigationMenuIndicatorElement = NavigationMenuIndicatorImplElement;\ninterface NavigationMenuIndicatorProps extends NavigationMenuIndicatorImplProps {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst NavigationMenuIndicator = /* @__PURE__ */ React.forwardRef<\n NavigationMenuIndicatorElement,\n NavigationMenuIndicatorProps\n>(function NavigationMenuIndicator(props: ScopedProps<NavigationMenuIndicatorProps>, forwardedRef) {\n const { forceMount, ...indicatorProps } = props;\n const context = useNavigationMenuContext(INDICATOR_NAME, props.__scopeNavigationMenu);\n const isVisible = Boolean(context.value);\n\n return context.indicatorTrack\n ? ReactDOM.createPortal(\n <Presence present={forceMount || isVisible}>\n <NavigationMenuIndicatorImpl {...indicatorProps} ref={forwardedRef} />\n </Presence>,\n context.indicatorTrack,\n )\n : null;\n});\n\ntype NavigationMenuIndicatorImplElement = React.ComponentRef<typeof Primitive.div>;\ninterface NavigationMenuIndicatorImplProps extends PrimitiveDivProps {}\n\nconst NavigationMenuIndicatorImpl = /* @__PURE__ */ React.forwardRef<\n NavigationMenuIndicatorImplElement,\n NavigationMenuIndicatorImplProps\n>(function NavigationMenuIndicatorImpl(\n props: ScopedProps<NavigationMenuIndicatorImplProps>,\n forwardedRef,\n) {\n const { __scopeNavigationMenu, ...indicatorProps } = props;\n const context = useNavigationMenuContext(INDICATOR_NAME, __scopeNavigationMenu);\n const getItems = useCollection(__scopeNavigationMenu);\n const [activeTrigger, setActiveTrigger] = React.useState<NavigationMenuTriggerElement | null>(\n null,\n );\n const [position, setPosition] = React.useState<{ size: number; offset: number } | null>(null);\n const isHorizontal = context.orientation === 'horizontal';\n const isVisible = Boolean(context.value);\n\n React.useEffect(() => {\n const items = getItems();\n const triggerNode = items.find((item) => item.value === context.value)?.ref.current;\n if (triggerNode) setActiveTrigger(triggerNode);\n }, [getItems, context.value]);\n\n /**\n * Update position when the indicator or parent track size changes\n */\n const handlePositionChange = () => {\n if (activeTrigger) {\n setPosition({\n size: isHorizontal ? activeTrigger.offsetWidth : activeTrigger.offsetHeight,\n offset: isHorizontal ? activeTrigger.offsetLeft : activeTrigger.offsetTop,\n });\n }\n };\n useResizeObserver(activeTrigger, handlePositionChange);\n useResizeObserver(context.indicatorTrack, handlePositionChange);\n\n // We need to wait for the indicator position to be available before rendering to\n // snap immediately into position rather than transitioning from initial\n return position ? (\n <Primitive.div\n aria-hidden\n data-state={isVisible ? 'visible' : 'hidden'}\n data-orientation={context.orientation}\n {...indicatorProps}\n ref={forwardedRef}\n style={{\n position: 'absolute',\n ...(isHorizontal\n ? {\n left: 0,\n width: position.size + 'px',\n transform: `translateX(${position.offset}px)`,\n '--radix-navigation-menu-indicator-translate-x': `${position.offset}px`,\n }\n : {\n top: 0,\n height: position.size + 'px',\n transform: `translateY(${position.offset}px)`,\n '--radix-navigation-menu-indicator-translate-y': `${position.offset}px`,\n }),\n ...indicatorProps.style,\n }}\n />\n ) : null;\n});\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenuContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'NavigationMenuContent';\n\ntype NavigationMenuContentElement = NavigationMenuContentImplElement;\ninterface NavigationMenuContentProps extends Omit<\n NavigationMenuContentImplProps,\n keyof NavigationMenuContentImplPrivateProps\n> {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst NavigationMenuContent = /* @__PURE__ */ React.forwardRef<\n NavigationMenuContentElement,\n NavigationMenuContentProps\n>(function NavigationMenuContent(props: ScopedProps<NavigationMenuContentProps>, forwardedRef) {\n const { forceMount, ...contentProps } = props;\n const context = useNavigationMenuContext(CONTENT_NAME, props.__scopeNavigationMenu);\n const itemContext = useNavigationMenuItemContext(CONTENT_NAME, props.__scopeNavigationMenu);\n const composedRefs = useComposedRefs(itemContext.contentRef, forwardedRef);\n const open = itemContext.value === context.value;\n\n const commonProps = {\n value: itemContext.value,\n triggerRef: itemContext.triggerRef,\n focusProxyRef: itemContext.focusProxyRef,\n wasEscapeCloseRef: itemContext.wasEscapeCloseRef,\n onContentFocusOutside: itemContext.onContentFocusOutside,\n onRootContentClose: itemContext.onRootContentClose,\n ...contentProps,\n };\n\n return !context.viewport ? (\n <Presence present={forceMount || open}>\n <NavigationMenuContentImpl\n data-state={getOpenState(open)}\n {...commonProps}\n ref={composedRefs}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, context.onContentEnter)}\n onPointerLeave={composeEventHandlers(\n props.onPointerLeave,\n whenMouse(context.onContentLeave),\n )}\n style={{\n // Prevent interaction when animating out\n pointerEvents: !open && context.isRootMenu ? 'none' : undefined,\n ...commonProps.style,\n }}\n />\n </Presence>\n ) : (\n <ViewportContentMounter forceMount={forceMount} {...commonProps} ref={composedRefs} />\n );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ViewportContentMounterElement = NavigationMenuContentImplElement;\ninterface ViewportContentMounterProps extends NavigationMenuContentImplProps {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst ViewportContentMounter = /* @__PURE__ */ React.forwardRef<\n ViewportContentMounterElement,\n ViewportContentMounterProps\n>(function ViewportContentMounter(props: ScopedProps<ViewportContentMounterProps>, forwardedRef) {\n const context = useNavigationMenuContext(CONTENT_NAME, props.__scopeNavigationMenu);\n const { onViewportContentChange, onViewportContentRemove } = context;\n\n useLayoutEffect(() => {\n onViewportContentChange(props.value, {\n ref: forwardedRef,\n ...props,\n });\n }, [props, forwardedRef, onViewportContentChange]);\n\n useLayoutEffect(() => {\n return () => onViewportContentRemove(props.value);\n }, [props.value, onViewportContentRemove]);\n\n // Content is proxied into the viewport\n return null;\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst ROOT_CONTENT_DISMISS = 'navigationMenu.rootContentDismiss';\n\ntype MotionAttribute = 'to-start' | 'to-end' | 'from-start' | 'from-end';\ntype NavigationMenuContentImplElement = React.ComponentRef<typeof DismissableLayer>;\ntype DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;\n\ninterface NavigationMenuContentImplPrivateProps {\n value: string;\n triggerRef: React.RefObject<NavigationMenuTriggerElement | null>;\n focusProxyRef: React.RefObject<FocusProxyElement | null>;\n wasEscapeCloseRef: React.MutableRefObject<boolean>;\n onContentFocusOutside(): void;\n onRootContentClose(): void;\n}\ninterface NavigationMenuContentImplProps\n extends\n Omit<DismissableLayerProps, 'onDismiss' | 'disableOutsidePointerEvents'>,\n NavigationMenuContentImplPrivateProps {}\n\nconst NavigationMenuContentImpl = /* @__PURE__ */ React.forwardRef<\n NavigationMenuContentImplElement,\n NavigationMenuContentImplProps\n>(function NavigationMenuContentImpl(\n props: ScopedProps<NavigationMenuContentImplProps>,\n forwardedRef,\n) {\n const {\n __scopeNavigationMenu,\n value,\n triggerRef,\n focusProxyRef,\n wasEscapeCloseRef,\n onRootContentClose,\n onContentFocusOutside,\n ...contentProps\n } = props;\n const context = useNavigationMenuContext(CONTENT_NAME, __scopeNavigationMenu);\n const ref = React.useRef<NavigationMenuContentImplElement>(null);\n const composedRefs = useComposedRefs(ref, forwardedRef);\n const triggerId = makeTriggerId(context.baseId, value);\n const contentId = makeContentId(context.baseId, value);\n const getItems = useCollection(__scopeNavigationMenu);\n const prevMotionAttributeRef = React.useRef<MotionAttribute | null>(null);\n\n const { onItemDismiss } = context;\n\n React.useEffect(() => {\n const content = ref.current;\n\n // Bubble dismiss to the root content node and focus its trigger\n if (context.isRootMenu && content) {\n const handleClose = () => {\n onItemDismiss();\n onRootContentClose();\n if (content.contains(document.activeElement)) triggerRef.current?.focus();\n };\n content.addEventListener(ROOT_CONTENT_DISMISS, handleClose);\n return () => content.removeEventListener(ROOT_CONTENT_DISMISS, handleClose);\n }\n }, [context.isRootMenu, props.value, triggerRef, onItemDismiss, onRootContentClose]);\n\n const motionAttribute = React.useMemo(() => {\n const items = getItems();\n const values = items.map((item) => item.value);\n if (context.dir === 'rtl') values.reverse();\n const index = values.indexOf(context.value);\n const prevIndex = values.indexOf(context.previousValue);\n const isSelected = value === context.value;\n const wasSelected = prevIndex === values.indexOf(value);\n\n // We only want to update selected and the last selected content\n // this avoids animations being interrupted outside of that range\n if (!isSelected && !wasSelected) return prevMotionAttributeRef.current;\n\n const attribute = (() => {\n // Don't provide a direction on the initial open\n if (index !== prevIndex) {\n // If we're moving to this item from another\n if (isSelected && prevIndex !== -1) return index > prevIndex ? 'from-end' : 'from-start';\n // If we're leaving this item for another\n if (wasSelected && index !== -1) return index > prevIndex ? 'to-start' : 'to-end';\n }\n // Otherwise we're entering from closed or leaving the list\n // entirely and should not animate in any direction\n return null;\n })();\n\n prevMotionAttributeRef.current = attribute;\n return attribute;\n }, [context.previousValue, context.value, context.dir, getItems, value]);\n\n return (\n <FocusGroup asChild>\n <DismissableLayer\n id={contentId}\n aria-labelledby={triggerId}\n data-motion={motionAttribute}\n data-orientation={context.orientation}\n {...contentProps}\n ref={composedRefs}\n disableOutsidePointerEvents={false}\n onDismiss={() => {\n const rootContentDismissEvent = new Event(ROOT_CONTENT_DISMISS, {\n bubbles: true,\n cancelable: true,\n });\n ref.current?.dispatchEvent(rootContentDismissEvent);\n }}\n onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) => {\n onContentFocusOutside();\n const target = event.target as HTMLElement;\n // Only dismiss content when focus moves outside of the menu\n if (context.rootNavigationMenu?.contains(target)) event.preventDefault();\n })}\n onPointerDownOutside={composeEventHandlers(props.onPointerDownOutside, (event) => {\n const target = event.target as HTMLElement;\n const isTrigger = getItems().some((item) => item.ref.current?.contains(target));\n const isRootViewport = context.isRootMenu && context.viewport?.contains(target);\n if (isTrigger || isRootViewport || !context.isRootMenu) event.preventDefault();\n })}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;\n const isTabKey = event.key === 'Tab' && !isMetaKey;\n if (isTabKey) {\n const candidates = getTabbableCandidates(event.currentTarget);\n const focusedElement = document.activeElement;\n const index = candidates.findIndex((candidate) => candidate === focusedElement);\n const isMovingBackwards = event.shiftKey;\n const nextCandidates = isMovingBackwards\n ? candidates.slice(0, index).reverse()\n : candidates.slice(index + 1, candidates.length);\n\n if (focusFirst(nextCandidates)) {\n // prevent browser tab keydown because we've handled focus\n event.preventDefault();\n } else {\n // If we can't focus that means we're at the edges\n // so focus the proxy and let browser handle\n // tab/shift+tab keypress on the proxy instead\n focusProxyRef.current?.focus();\n }\n }\n })}\n onEscapeKeyDown={composeEventHandlers(props.onEscapeKeyDown, (_event) => {\n // prevent the dropdown from reopening\n // after the escape key has been pressed\n wasEscapeCloseRef.current = true;\n })}\n />\n </FocusGroup>\n );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * NavigationMenuViewport\n * -----------------------------------------------------------------------------------------------*/\n\nconst VIEWPORT_NAME = 'NavigationMenuViewport';\n\ntype NavigationMenuViewportElement = NavigationMenuViewportImplElement;\ninterface NavigationMenuViewportProps extends Omit<\n NavigationMenuViewportImplProps,\n 'activeContentValue'\n> {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst NavigationMenuViewport = /* @__PURE__ */ React.forwardRef<\n NavigationMenuViewportElement,\n NavigationMenuViewportProps\n>(function NavigationMenuViewport(props: ScopedProps<NavigationMenuViewportProps>, forwardedRef) {\n const { forceMount, ...viewportProps } = props;\n const context = useNavigationMenuContext(VIEWPORT_NAME, props.__scopeNavigationMenu);\n const open = Boolean(context.value);\n\n return (\n <Presence present={forceMount || open}>\n <NavigationMenuViewportImpl {...viewportProps} ref={forwardedRef} />\n </Presence>\n );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype NavigationMenuViewportImplElement = React.ComponentRef<typeof Primitive.div>;\ninterface NavigationMenuViewportImplProps extends PrimitiveDivProps {}\n\nconst NavigationMenuViewportImpl = /* @__PURE__ */ React.forwardRef<\n NavigationMenuViewportImplElement,\n NavigationMenuViewportImplProps\n>(function NavigationMenuViewportImpl(\n props: ScopedProps<NavigationMenuViewportImplProps>,\n forwardedRef,\n) {\n const { __scopeNavigationMenu, children, ...viewportImplProps } = props;\n const context = useNavigationMenuContext(VIEWPORT_NAME, __scopeNavigationMenu);\n const composedRefs = useComposedRefs(forwardedRef, context.onViewportChange);\n const viewportContentContext = useViewportContentContext(\n CONTENT_NAME,\n props.__scopeNavigationMenu,\n );\n const [size, setSize] = React.useState<{ width: number; height: number } | null>(null);\n const [content, setContent] = React.useState<NavigationMenuContentElement | null>(null);\n const viewportWidth = size ? size?.width + 'px' : undefined;\n const viewportHeight = size ? size?.height + 'px' : undefined;\n const open = Boolean(context.value);\n // We persist the last active content value as the viewport may be animating out\n // and we want the content to remain mounted for the lifecycle of the viewport.\n const activeContentValue = open ? context.value : context.previousValue;\n\n /**\n * Update viewport size to match the active content node.\n * We prefer offset dimensions over `getBoundingClientRect` as the latter respects CSS transform.\n * For example, if content animates in from `scale(0.5)` the dimensions would be anything\n * from `0.5` to `1` of the intended size.\n */\n const handleSizeChange = () => {\n if (content) setSize({ width: content.offsetWidth, height: content.offsetHeight });\n };\n useResizeObserver(content, handleSizeChange);\n\n return (\n <Primitive.div\n data-state={getOpenState(open)}\n data-orientation={context.orientation}\n {...viewportImplProps}\n ref={composedRefs}\n style={{\n // Prevent interaction when animating out\n pointerEvents: !open && context.isRootMenu ? 'none' : undefined,\n '--radix-navigation-menu-viewport-width': viewportWidth,\n '--radix-navigation-menu-viewport-height': viewportHeight,\n ...viewportImplProps.style,\n }}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, context.onContentEnter)}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, whenMouse(context.onContentLeave))}\n >\n {Array.from(viewportContentContext.items).map(([value, { ref, forceMount, ...props }]) => {\n const isActive = activeContentValue === value;\n return (\n <Presence key={value} present={forceMount || isActive}>\n <NavigationMenuViewportItem\n {...props}\n contentRef={ref}\n isActive={isActive}\n onActiveContentChange={setContent}\n />\n </Presence>\n );\n })}\n </Primitive.div>\n );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface NavigationMenuViewportItemProps extends NavigationMenuContentImplProps {\n contentRef?: React.Ref<ViewportContentMounterElement>;\n isActive: boolean;\n onActiveContentChange: (node: NavigationMenuContentElement | null) => void;\n}\n\nconst NavigationMenuViewportItem = ({\n contentRef,\n isActive,\n onActiveContentChange,\n ...props\n}: ScopedProps<NavigationMenuViewportItemProps>) => {\n const handleContentChange = React.useCallback(\n (node: NavigationMenuContentElement | null) => {\n // We only want to update the stored node when another is available\n // as we need to smoothly transition between them.\n if (isActive && node) {\n onActiveContentChange(node);\n }\n },\n [isActive, onActiveContentChange],\n );\n const composedRefs = useComposedRefs(contentRef, handleContentChange);\n return <NavigationMenuContentImpl {...props} ref={composedRefs} />;\n};\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst FOCUS_GROUP_NAME = 'FocusGroup';\n\ntype FocusGroupElement = React.ComponentRef<typeof Primitive.div>;\ninterface FocusGroupProps extends PrimitiveDivProps {}\n\nconst FocusGroup = /* @__PURE__ */ React.forwardRef<FocusGroupElement, FocusGroupProps>(\n function FocusGroup(props: ScopedProps<FocusGroupProps>, forwardedRef) {\n const { __scopeNavigationMenu, ...groupProps } = props;\n const context = useNavigationMenuContext(FOCUS_GROUP_NAME, __scopeNavigationMenu);\n\n return (\n <FocusGroupCollection.Provider scope={__scopeNavigationMenu}>\n <FocusGroupCollection.Slot scope={__scopeNavigationMenu}>\n <Primitive.div dir={context.dir} {...groupProps} ref={forwardedRef} />\n </FocusGroupCollection.Slot>\n </FocusGroupCollection.Provider>\n );\n },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_KEYS = ['ArrowRight', 'ArrowLeft', 'ArrowUp', 'ArrowDown'];\nconst FOCUS_GROUP_ITEM_NAME = 'FocusGroupItem';\n\ntype FocusGroupItemElement = React.ComponentRef<typeof Primitive.button>;\ninterface FocusGroupItemProps extends PrimitiveButtonProps {}\n\nconst FocusGroupItem = /* @__PURE__ */ React.forwardRef<FocusGroupItemElement, FocusGroupItemProps>(\n function FocusGroupItem(props: ScopedProps<FocusGroupItemProps>, forwardedRef) {\n const { __scopeNavigationMenu, ...groupProps } = props;\n const getItems = useFocusGroupCollection(__scopeNavigationMenu);\n const context = useNavigationMenuContext(FOCUS_GROUP_ITEM_NAME, __scopeNavigationMenu);\n\n return (\n <FocusGroupCollection.ItemSlot scope={__scopeNavigationMenu}>\n <Primitive.button\n {...groupProps}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n const isFocusNavigationKey = ['Home', 'End', ...ARROW_KEYS].includes(event.key);\n if (isFocusNavigationKey) {\n let candidateNodes = getItems().map((item) => item.ref.current!);\n const prevItemKey = context.dir === 'rtl' ? 'ArrowRight' : 'ArrowLeft';\n const prevKeys = [prevItemKey, 'ArrowUp', 'End'];\n if (prevKeys.includes(event.key)) candidateNodes.reverse();\n if (ARROW_KEYS.includes(event.key)) {\n const currentIndex = candidateNodes.indexOf(event.currentTarget);\n candidateNodes = candidateNodes.slice(currentIndex + 1);\n }\n /**\n * Imperative focus during keydown is risky so we prevent React's batching updates\n * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332\n */\n setTimeout(() => focusFirst(candidateNodes));\n\n // Prevent page scroll while navigating\n event.preventDefault();\n }\n })}\n />\n </FocusGroupCollection.ItemSlot>\n );\n },\n);\n\n/**\n * Returns a list of potential tabbable candidates.\n *\n * NOTE: This is only a close approximation. For example it doesn't take into account cases like when\n * elements are not visible. This cannot be worked out easily by just reading a property, but rather\n * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1\n */\nfunction getTabbableCandidates(container: HTMLElement) {\n const nodes: HTMLElement[] = [];\n const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n acceptNode: (node: any) => {\n const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden';\n if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;\n // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n // runtime's understanding of tabbability, so this automatically accounts\n // for any kind of element that could be tabbed to.\n return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n },\n });\n while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement);\n // we do not take into account the order of nodes with positive `tabIndex` as it\n // hinders accessibility to have tab order different from visual order.\n return nodes;\n}\n\nfunction focusFirst(candidates: HTMLElement[]) {\n const previouslyFocusedElement = document.activeElement;\n return candidates.some((candidate) => {\n // if focus is already where we want to go, we don't want to keep going through the candidates\n if (candidate === previouslyFocusedElement) return true;\n candidate.focus();\n return document.activeElement !== previouslyFocusedElement;\n });\n}\n\nfunction removeFromTabOrder(candidates: HTMLElement[]) {\n candidates.forEach((candidate) => {\n candidate.dataset.tabindex = candidate.getAttribute('tabindex') || '';\n candidate.setAttribute('tabindex', '-1');\n });\n return () => {\n candidates.forEach((candidate) => {\n const prevTabIndex = candidate.dataset.tabindex as string;\n candidate.setAttribute('tabindex', prevTabIndex);\n });\n };\n}\n\nfunction useResizeObserver(element: HTMLElement | null, onResize: () => void) {\n const handleResize = useCallbackRef(onResize);\n useLayoutEffect(() => {\n let rAF = 0;\n if (element) {\n /**\n * Resize Observer will throw an often benign error that says `ResizeObserver loop\n * completed with undelivered notifications`. This means that ResizeObserver was not\n * able to deliver all observations within a single animation frame, so we use\n * `requestAnimationFrame` to ensure we don't deliver unnecessary observations.\n * Further reading: https://github.com/WICG/resize-observer/issues/38\n */\n const resizeObserver = new ResizeObserver(() => {\n cancelAnimationFrame(rAF);\n rAF = window.requestAnimationFrame(handleResize);\n });\n resizeObserver.observe(element);\n return () => {\n window.cancelAnimationFrame(rAF);\n resizeObserver.unobserve(element);\n };\n }\n }, [element, handleResize]);\n}\n\nfunction getOpenState(open: boolean) {\n return open ? 'open' : 'closed';\n}\n\nfunction makeTriggerId(baseId: string, value: string) {\n return `${baseId}-trigger-${value}`;\n}\n\nfunction makeContentId(baseId: string, value: string) {\n return `${baseId}-content-${value}`;\n}\n\nfunction whenMouse<E>(handler: React.PointerEventHandler<E>): React.PointerEventHandler<E> {\n return (event) => (event.pointerType === 'mouse' ? handler(event) : undefined);\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = NavigationMenu;\nconst Sub = NavigationMenuSub;\nconst List = NavigationMenuList;\nconst Item = NavigationMenuItem;\nconst Trigger = NavigationMenuTrigger;\nconst Link = NavigationMenuLink;\nconst Indicator = NavigationMenuIndicator;\nconst Content = NavigationMenuContent;\nconst Viewport = NavigationMenuViewport;\n\nexport {\n createNavigationMenuScope,\n //\n NavigationMenu,\n NavigationMenuSub,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuContent,\n NavigationMenuViewport,\n //\n Root,\n Sub,\n List,\n Item,\n Trigger,\n Link,\n Indicator,\n Content,\n Viewport,\n};\nexport type {\n NavigationMenuProps,\n NavigationMenuSubProps,\n NavigationMenuListProps,\n NavigationMenuItemProps,\n NavigationMenuTriggerProps,\n NavigationMenuLinkProps,\n NavigationMenuIndicatorProps,\n NavigationMenuContentProps,\n NavigationMenuViewportProps,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BA,IAAM,uBAAuB;AAE7B,IAAM,CAAC,YAAY,eAAe,yBAAyB,iBAGzD,oBAAoB;AAEtB,IAAM,CAAC,sBAAsB,yBAAyB,mCACpD,iBAA4C,oBAAoB;AAGlE,IAAM,CAAC,6BAA6B,6BAA6B,mBAC/D,sBACA,CAAC,uBAAuB,+BAA+B,CACzD;AA4BA,IAAM,CAAC,4BAA4B,4BACjC,4BAAwD,oBAAoB;AAE9E,IAAM,CAAC,yBAAyB,6BAA6B,4BAE1D,oBAAoB;AAyBvB,IAAM,iBAAiC,sBAAM,WAC3C,SAAS,eAAe,OAAyC,cAAc;CAC7E,MAAM,EACJ,uBACA,OAAO,WACP,eACA,cACA,gBAAgB,KAChB,oBAAoB,KACpB,cAAc,cACd,KACA,GAAG,wBACD;CACJ,MAAM,CAAC,gBAAgB,qBAAqB,MAAM,SAAuC,IAAI;CAC7F,MAAM,cAAc,gBAAgB,cAAc,iBAAiB;CACnE,MAAM,YAAY,aAAa,GAAG;CAClC,MAAM,eAAe,MAAM,OAAO,CAAC;CACnC,MAAM,gBAAgB,MAAM,OAAO,CAAC;CACpC,MAAM,oBAAoB,MAAM,OAAO,CAAC;CACxC,MAAM,CAAC,eAAe,oBAAoB,MAAM,SAAS,IAAI;CAC7D,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C,MAAM;EACN,WAAW,UAAU;GACnB,MAAM,SAAS,UAAU;GACzB,MAAM,uBAAuB,oBAAoB;GAEjD,IAAI,QAAQ;IACV,OAAO,aAAa,kBAAkB,OAAO;IAC7C,IAAI,sBAAsB,iBAAiB,KAAK;GAClD,OAAO;IACL,OAAO,aAAa,kBAAkB,OAAO;IAC7C,kBAAkB,UAAU,OAAO,iBAC3B,iBAAiB,IAAI,GAC3B,iBACF;GACF;GAEA,gBAAgB,KAAK;EACvB;EACA,aAAa,gBAAgB;EAC7B,QAAQ;CACV,CAAC;CAED,MAAM,kBAAkB,MAAM,kBAAkB;EAC9C,OAAO,aAAa,cAAc,OAAO;EACzC,cAAc,UAAU,OAAO,iBAAiB,SAAS,EAAE,GAAG,GAAG;CACnE,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,MAAM,aACtB,cAAsB;EACrB,OAAO,aAAa,cAAc,OAAO;EACzC,SAAS,SAAS;CACpB,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,oBAAoB,MAAM,aAC7B,cAAsB;EAErB,IADmB,UAAU,WAI3B,OAAO,aAAa,cAAc,OAAO;OAEzC,aAAa,UAAU,OAAO,iBAAiB;GAC7C,OAAO,aAAa,cAAc,OAAO;GACzC,SAAS,SAAS;EACpB,GAAG,aAAa;CAEpB,GACA;EAAC;EAAO;EAAU;CAAa,CACjC;CAEA,MAAM,gBAAgB;EACpB,aAAa;GACX,OAAO,aAAa,aAAa,OAAO;GACxC,OAAO,aAAa,cAAc,OAAO;GACzC,OAAO,aAAa,kBAAkB,OAAO;EAC/C;CACF,GAAG,CAAC,CAAC;CAEL,OACE,oBAAC,wBAAD;EACE,OAAO;EACP,YAAY;EACL;EACP,KAAK;EACQ;EACb,oBAAoB;EACpB,iBAAiB,cAAc;GAC7B,OAAO,aAAa,aAAa,OAAO;GACxC,IAAI,eAAe,kBAAkB,SAAS;QACzC,WAAW,SAAS;EAC3B;EACA,sBAAsB;GACpB,OAAO,aAAa,aAAa,OAAO;GACxC,gBAAgB;EAClB;EACA,sBAAsB,OAAO,aAAa,cAAc,OAAO;EAC/D,gBAAgB;EAChB,eAAe,cAAc;GAC3B,UAAU,cAAe,cAAc,YAAY,KAAK,SAAU;EACpE;EACA,qBAAqB,SAAS,EAAE;EAEhC,UAAA,oBAAC,UAAU,KAAX;GACE,cAAW;GACX,oBAAkB;GAClB,KAAK;GACL,GAAI;GACJ,KAAK;EACN,CAAA;CACqB,CAAA;AAE5B,CACF;AAgFA,IAAM,0BACJ,UACG;CACH,MAAM,EACJ,OACA,YACA,oBACA,KACA,aACA,UACA,OACA,cACA,eACA,gBACA,gBACA,gBACA,mBACE;CACJ,MAAM,CAAC,UAAU,eAAe,MAAM,SAA+C,IAAI;CACzF,MAAM,CAAC,iBAAiB,sBAAsB,MAAM,yBAAmC,IAAI,IAAI,CAAC;CAChG,MAAM,CAAC,gBAAgB,qBAAqB,MAAM,SAAgC,IAAI;CAEtF,OACE,oBAAC,4BAAD;EACS;EACK;EACQ;EACb;EACP,eAAe,YAAY,KAAK;EAChC,QAAQ,MAAM;EACT;EACQ;EACH;EACV,kBAAkB;EACF;EAChB,wBAAwB;EACxB,gBAAgB,eAAe,cAAc;EAC7C,gBAAgB,eAAe,cAAc;EAC7C,gBAAgB,eAAe,cAAc;EAC7C,gBAAgB,eAAe,cAAc;EAC7C,cAAc,eAAe,YAAY;EACzC,eAAe,eAAe,aAAa;EAC3C,yBAAyB,MAAM,aAAa,cAAc,gBAAgB;GACxE,oBAAoB,gBAAgB;IAClC,YAAY,IAAI,cAAc,WAAW;IACzC,OAAO,IAAI,IAAI,WAAW;GAC5B,CAAC;EACH,GAAG,CAAC,CAAC;EACL,yBAAyB,MAAM,aAAa,iBAAiB;GAC3D,oBAAoB,gBAAgB;IAClC,IAAI,CAAC,YAAY,IAAI,YAAY,GAAG,OAAO;IAC3C,YAAY,OAAO,YAAY;IAC/B,OAAO,IAAI,IAAI,WAAW;GAC5B,CAAC;EACH,GAAG,CAAC,CAAC;EAEL,UAAA,oBAAC,WAAW,UAAZ;GAA4B;GAC1B,UAAA,oBAAC,yBAAD;IAAgC;IAAO,OAAO;IAC3C;GACsB,CAAA;EACN,CAAA;CACK,CAAA;AAEhC;AAMA,IAAM,YAAY;AAMlB,IAAM,qBAAqC,sBAAM,WAK/C,SAAS,mBAAmB,OAA6C,cAAc;CACrF,MAAM,EAAE,uBAAuB,GAAG,cAAc;CAChD,MAAM,UAAU,yBAAyB,WAAW,qBAAqB;CAEzE,MAAM,OACJ,oBAAC,UAAU,IAAX;EAAc,oBAAkB,QAAQ;EAAa,GAAI;EAAW,KAAK;CAAe,CAAA;CAG1F,OACE,oBAAC,UAAU,KAAX;EAAe,OAAO,EAAE,UAAU,WAAW;EAAG,KAAK,QAAQ;EAC3D,UAAA,oBAAC,WAAW,MAAZ;GAAiB,OAAO;GACrB,UAAA,QAAQ,aAAa,oBAAC,YAAD;IAAY,SAAA;IAAS,UAAA;GAAiB,CAAA,IAAI;EACjD,CAAA;CACJ,CAAA;AAEnB,CACF;AAsBA,IAAM,CAAC,mCAAmC,gCACxC,4BAA4D,oBAAS;AAQvE,IAAM,qBAAqC,sBAAM,WAK/C,SAAS,mBAAmB,OAA6C,cAAc;CACrF,MAAM,EAAE,uBAAuB,OAAO,WAAW,GAAG,cAAc;CAClE,MAAM,YAAY,MAAM;CAGxB,MAAM,QAAQ,aAAa,aAAa;CACxC,MAAM,aAAa,MAAM,OAAqC,IAAI;CAClE,MAAM,aAAa,MAAM,OAAqC,IAAI;CAClE,MAAM,gBAAgB,MAAM,OAA0B,IAAI;CAC1D,MAAM,4BAA4B,MAAM,aAAa,CAAC,CAAC;CACvD,MAAM,oBAAoB,MAAM,OAAO,KAAK;CAE5C,MAAM,qBAAqB,MAAM,aAAa,OAAO,YAAY;EAC/D,IAAI,WAAW,SAAS;GACtB,0BAA0B,QAAQ;GAClC,MAAM,aAAa,sBAAsB,WAAW,OAAO;GAC3D,IAAI,WAAW,QAAQ,WAAW,SAAS,UAAU,aAAa,WAAW,QAAQ,CAAC;EACxF;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,oBAAoB,MAAM,kBAAkB;EAChD,IAAI,WAAW,SAAS;GACtB,MAAM,aAAa,sBAAsB,WAAW,OAAO;GAC3D,IAAI,WAAW,QAAQ,0BAA0B,UAAU,mBAAmB,UAAU;EAC1F;CACF,GAAG,CAAC,CAAC;CAEL,OACE,oBAAC,mCAAD;EACE,OAAO;EACA;EACK;EACA;EACG;EACI;EACnB,gBAAgB;EAChB,mBAAmB;EACnB,oBAAoB;EACpB,uBAAuB;EAEvB,UAAA,oBAAC,UAAU,IAAX;GAAc,GAAI;GAAW,KAAK;EAAe,CAAA;CAChB,CAAA;AAEvC,CACF;AAMA,IAAM,eAAe;AAMrB,IAAM,wBAAwC,sBAAM,WAGlD,SAAS,sBAAsB,OAAgD,cAAc;CAC7F,MAAM,EAAE,uBAAuB,UAAU,GAAG,iBAAiB;CAC7D,MAAM,UAAU,yBAAyB,cAAc,MAAM,qBAAqB;CAClF,MAAM,cAAc,6BAA6B,cAAc,MAAM,qBAAqB;CAC1F,MAAM,MAAM,MAAM,OAAqC,IAAI;CAC3D,MAAM,eAAe,gBAAgB,KAAK,YAAY,YAAY,YAAY;CAC9E,MAAM,YAAY,cAAc,QAAQ,QAAQ,YAAY,KAAK;CACjE,MAAM,YAAY,cAAc,QAAQ,QAAQ,YAAY,KAAK;CACjE,MAAM,0BAA0B,MAAM,OAAO,KAAK;CAClD,MAAM,mBAAmB,MAAM,OAAO,KAAK;CAC3C,MAAM,OAAO,YAAY,UAAU,QAAQ;CAE3C,OACE,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAW,UAAZ;EAAqB,OAAO;EAAuB,OAAO,YAAY;EACpE,UAAA,oBAAC,gBAAD;GAAgB,SAAA;GACd,UAAA,oBAAC,UAAU,QAAX;IACE,IAAI;IACM;IACV,iBAAe,WAAW,KAAK,KAAA;IAC/B,cAAY,aAAa,IAAI;IAC7B,iBAAe;IACf,iBAAe,OAAO,YAAY,KAAA;IAClC,GAAI;IACJ,KAAK;IACL,gBAAgB,qBAAqB,MAAM,sBAAsB;KAC/D,iBAAiB,UAAU;KAC3B,YAAY,kBAAkB,UAAU;IAC1C,CAAC;IACD,eAAe,qBACb,MAAM,eACN,gBAAgB;KACd,IACE,YACA,iBAAiB,WACjB,YAAY,kBAAkB,WAC9B,wBAAwB,SAExB;KACF,QAAQ,eAAe,YAAY,KAAK;KACxC,wBAAwB,UAAU;IACpC,CAAC,CACH;IACA,gBAAgB,qBACd,MAAM,gBACN,gBAAgB;KACd,IAAI,UAAU;KACd,QAAQ,eAAe;KACvB,wBAAwB,UAAU;IACpC,CAAC,CACH;IACA,SAAS,qBAAqB,MAAM,eAAe;KACjD,QAAQ,aAAa,YAAY,KAAK;KACtC,iBAAiB,UAAU;IAC7B,CAAC;IACD,WAAW,qBAAqB,MAAM,YAAY,UAAU;KAE1D,MAAM,WAAW;MAAE,YAAY;MAAa,UADnB,QAAQ,QAAQ,QAAQ,cAAc;KACQ,EACrE,QAAQ;KAEV,IAAI,QAAQ,MAAM,QAAQ,UAAU;MAClC,YAAY,eAAe;MAE3B,MAAM,eAAe;KACvB;IACF,CAAC;GACF,CAAA;EACa,CAAA;CACG,CAAA,GAGpB,QACC,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAACC,QAAD;EACE,eAAA;EACA,UAAU;EACV,KAAK,YAAY;EACjB,UAAU,UAAU;GAClB,MAAM,UAAU,YAAY,WAAW;GACvC,MAAM,qBAAqB,MAAM;GACjC,MAAM,oBAAoB,uBAAuB,IAAI;GACrD,MAAM,sBAAsB,SAAS,SAAS,kBAAkB;GAEhE,IAAI,qBAAqB,CAAC,qBACxB,YAAY,kBAAkB,oBAAoB,UAAU,KAAK;EAErE;CACD,CAAA,GAGA,QAAQ,YAAY,oBAAC,QAAD,EAAM,aAAW,UAAY,CAAA,CAClD,EAAA,CAAA,CAEJ,EAAA,CAAA;AAEN,CAAC;AAKD,IAAM,cAAc;AASpB,IAAM,qBAAqC,sBAAM,WAK/C,SAAS,mBAAmB,OAA6C,cAAc;CACrF,MAAM,EAAE,uBAAuB,QAAQ,UAAU,GAAG,cAAc;CAElE,OACE,oBAAC,gBAAD;EAAgB,SAAA;EACd,UAAA,oBAAC,UAAU,GAAX;GACE,eAAa,SAAS,KAAK,KAAA;GAC3B,gBAAc,SAAS,SAAS,KAAA;GAChC,GAAI;GACJ,KAAK;GACL,SAAS,qBACP,MAAM,UACL,UAAU;IACT,MAAM,SAAS,MAAM;IACrB,MAAM,kBAAkB,IAAI,YAAY,aAAa;KACnD,SAAS;KACT,YAAY;IACd,CAAC;IACD,OAAO,iBAAiB,cAAc,UAAU,WAAW,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;IACjF,4BAA4B,QAAQ,eAAe;IAEnD,IAAI,CAAC,gBAAgB,oBAAoB,CAAC,MAAM,SAAS;KACvD,MAAM,0BAA0B,IAAI,YAAY,sBAAsB;MACpE,SAAS;MACT,YAAY;KACd,CAAC;KACD,4BAA4B,QAAQ,uBAAuB;IAC7D;GACF,GACA,EAAE,0BAA0B,MAAM,CACpC;EACD,CAAA;CACa,CAAA;AAEpB,CACF;AAMA,IAAM,iBAAiB;AAWvB,IAAM,0BAA0C,sBAAM,WAGpD,SAAS,wBAAwB,OAAkD,cAAc;CACjG,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,UAAU,yBAAyB,gBAAgB,MAAM,qBAAqB;CACpF,MAAM,YAAY,QAAQ,QAAQ,KAAK;CAEvC,OAAO,QAAQ,iBACX,SAAS,aACP,oBAAC,UAAD;EAAU,SAAS,cAAc;EAC/B,UAAA,oBAAC,6BAAD;GAA6B,GAAI;GAAgB,KAAK;EAAe,CAAA;CAC7D,CAAA,GACV,QAAQ,cACV,IACA;AACN,CAAC;AAKD,IAAM,8BAA8C,sBAAM,WAGxD,SAAS,4BACT,OACA,cACA;CACA,MAAM,EAAE,uBAAuB,GAAG,mBAAmB;CACrD,MAAM,UAAU,yBAAyB,gBAAgB,qBAAqB;CAC9E,MAAM,WAAW,cAAc,qBAAqB;CACpD,MAAM,CAAC,eAAe,oBAAoB,MAAM,SAC9C,IACF;CACA,MAAM,CAAC,UAAU,eAAe,MAAM,SAAkD,IAAI;CAC5F,MAAM,eAAe,QAAQ,gBAAgB;CAC7C,MAAM,YAAY,QAAQ,QAAQ,KAAK;CAEvC,MAAM,gBAAgB;EAEpB,MAAM,cADQ,SACM,CAAA,CAAM,MAAM,SAAS,KAAK,UAAU,QAAQ,KAAK,CAAC,EAAE,IAAI;EAC5E,IAAI,aAAa,iBAAiB,WAAW;CAC/C,GAAG,CAAC,UAAU,QAAQ,KAAK,CAAC;;;;CAK5B,MAAM,6BAA6B;EACjC,IAAI,eACF,YAAY;GACV,MAAM,eAAe,cAAc,cAAc,cAAc;GAC/D,QAAQ,eAAe,cAAc,aAAa,cAAc;EAClE,CAAC;CAEL;CACA,kBAAkB,eAAe,oBAAoB;CACrD,kBAAkB,QAAQ,gBAAgB,oBAAoB;CAI9D,OAAO,WACL,oBAAC,UAAU,KAAX;EACE,eAAA;EACA,cAAY,YAAY,YAAY;EACpC,oBAAkB,QAAQ;EAC1B,GAAI;EACJ,KAAK;EACL,OAAO;GACL,UAAU;GACV,GAAI,eACA;IACE,MAAM;IACN,OAAO,SAAS,OAAO;IACvB,WAAW,cAAc,SAAS,OAAO;IACzC,iDAAiD,GAAG,SAAS,OAAO;GACtE,IACA;IACE,KAAK;IACL,QAAQ,SAAS,OAAO;IACxB,WAAW,cAAc,SAAS,OAAO;IACzC,iDAAiD,GAAG,SAAS,OAAO;GACtE;GACJ,GAAG,eAAe;EACpB;CACD,CAAA,IACC;AACN,CAAC;AAMD,IAAM,eAAe;AAcrB,IAAM,wBAAwC,sBAAM,WAGlD,SAAS,sBAAsB,OAAgD,cAAc;CAC7F,MAAM,EAAE,YAAY,GAAG,iBAAiB;CACxC,MAAM,UAAU,yBAAyB,cAAc,MAAM,qBAAqB;CAClF,MAAM,cAAc,6BAA6B,cAAc,MAAM,qBAAqB;CAC1F,MAAM,eAAe,gBAAgB,YAAY,YAAY,YAAY;CACzE,MAAM,OAAO,YAAY,UAAU,QAAQ;CAE3C,MAAM,cAAc;EAClB,OAAO,YAAY;EACnB,YAAY,YAAY;EACxB,eAAe,YAAY;EAC3B,mBAAmB,YAAY;EAC/B,uBAAuB,YAAY;EACnC,oBAAoB,YAAY;EAChC,GAAG;CACL;CAEA,OAAO,CAAC,QAAQ,WACd,oBAAC,UAAD;EAAU,SAAS,cAAc;EAC/B,UAAA,oBAAC,2BAAD;GACE,cAAY,aAAa,IAAI;GAC7B,GAAI;GACJ,KAAK;GACL,gBAAgB,qBAAqB,MAAM,gBAAgB,QAAQ,cAAc;GACjF,gBAAgB,qBACd,MAAM,gBACN,UAAU,QAAQ,cAAc,CAClC;GACA,OAAO;IAEL,eAAe,CAAC,QAAQ,QAAQ,aAAa,SAAS,KAAA;IACtD,GAAG,YAAY;GACjB;EACD,CAAA;CACO,CAAA,IAEV,oBAAC,wBAAD;EAAoC;EAAY,GAAI;EAAa,KAAK;CAAe,CAAA;AAEzF,CAAC;AAaD,IAAM,yBAAyC,sBAAM,WAGnD,SAAS,uBAAuB,OAAiD,cAAc;CAE/F,MAAM,EAAE,yBAAyB,4BADjB,yBAAyB,cAAc,MAAM,qBACA;CAE7D,sBAAsB;EACpB,wBAAwB,MAAM,OAAO;GACnC,KAAK;GACL,GAAG;EACL,CAAC;CACH,GAAG;EAAC;EAAO;EAAc;CAAuB,CAAC;CAEjD,sBAAsB;EACpB,aAAa,wBAAwB,MAAM,KAAK;CAClD,GAAG,CAAC,MAAM,OAAO,uBAAuB,CAAC;CAGzC,OAAO;AACT,CAAC;AAID,IAAM,uBAAuB;AAmB7B,IAAM,4BAA4C,sBAAM,WAGtD,SAAS,0BACT,OACA,cACA;CACA,MAAM,EACJ,uBACA,OACA,YACA,eACA,mBACA,oBACA,uBACA,GAAG,iBACD;CACJ,MAAM,UAAU,yBAAyB,cAAc,qBAAqB;CAC5E,MAAM,MAAM,MAAM,OAAyC,IAAI;CAC/D,MAAM,eAAe,gBAAgB,KAAK,YAAY;CACtD,MAAM,YAAY,cAAc,QAAQ,QAAQ,KAAK;CACrD,MAAM,YAAY,cAAc,QAAQ,QAAQ,KAAK;CACrD,MAAM,WAAW,cAAc,qBAAqB;CACpD,MAAM,yBAAyB,MAAM,OAA+B,IAAI;CAExE,MAAM,EAAE,kBAAkB;CAE1B,MAAM,gBAAgB;EACpB,MAAM,UAAU,IAAI;EAGpB,IAAI,QAAQ,cAAc,SAAS;GACjC,MAAM,oBAAoB;IACxB,cAAc;IACd,mBAAmB;IACnB,IAAI,QAAQ,SAAS,SAAS,aAAa,GAAG,WAAW,SAAS,MAAM;GAC1E;GACA,QAAQ,iBAAiB,sBAAsB,WAAW;GAC1D,aAAa,QAAQ,oBAAoB,sBAAsB,WAAW;EAC5E;CACF,GAAG;EAAC,QAAQ;EAAY,MAAM;EAAO;EAAY;EAAe;CAAkB,CAAC;CAEnF,MAAM,kBAAkB,MAAM,cAAc;EAE1C,MAAM,SADQ,SACC,CAAA,CAAM,KAAK,SAAS,KAAK,KAAK;EAC7C,IAAI,QAAQ,QAAQ,OAAO,OAAO,QAAQ;EAC1C,MAAM,QAAQ,OAAO,QAAQ,QAAQ,KAAK;EAC1C,MAAM,YAAY,OAAO,QAAQ,QAAQ,aAAa;EACtD,MAAM,aAAa,UAAU,QAAQ;EACrC,MAAM,cAAc,cAAc,OAAO,QAAQ,KAAK;EAItD,IAAI,CAAC,cAAc,CAAC,aAAa,OAAO,uBAAuB;EAE/D,MAAM,mBAAmB;GAEvB,IAAI,UAAU,WAAW;IAEvB,IAAI,cAAc,cAAc,IAAI,OAAO,QAAQ,YAAY,aAAa;IAE5E,IAAI,eAAe,UAAU,IAAI,OAAO,QAAQ,YAAY,aAAa;GAC3E;GAGA,OAAO;EACT,EAAA,CAAG;EAEH,uBAAuB,UAAU;EACjC,OAAO;CACT,GAAG;EAAC,QAAQ;EAAe,QAAQ;EAAO,QAAQ;EAAK;EAAU;CAAK,CAAC;CAEvE,OACE,oBAAC,YAAD;EAAY,SAAA;EACV,UAAA,oBAAC,kBAAD;GACE,IAAI;GACJ,mBAAiB;GACjB,eAAa;GACb,oBAAkB,QAAQ;GAC1B,GAAI;GACJ,KAAK;GACL,6BAA6B;GAC7B,iBAAiB;IACf,MAAM,0BAA0B,IAAI,MAAM,sBAAsB;KAC9D,SAAS;KACT,YAAY;IACd,CAAC;IACD,IAAI,SAAS,cAAc,uBAAuB;GACpD;GACA,gBAAgB,qBAAqB,MAAM,iBAAiB,UAAU;IACpE,sBAAsB;IACtB,MAAM,SAAS,MAAM;IAErB,IAAI,QAAQ,oBAAoB,SAAS,MAAM,GAAG,MAAM,eAAe;GACzE,CAAC;GACD,sBAAsB,qBAAqB,MAAM,uBAAuB,UAAU;IAChF,MAAM,SAAS,MAAM;IACrB,MAAM,YAAY,SAAS,CAAC,CAAC,MAAM,SAAS,KAAK,IAAI,SAAS,SAAS,MAAM,CAAC;IAC9E,MAAM,iBAAiB,QAAQ,cAAc,QAAQ,UAAU,SAAS,MAAM;IAC9E,IAAI,aAAa,kBAAkB,CAAC,QAAQ,YAAY,MAAM,eAAe;GAC/E,CAAC;GACD,WAAW,qBAAqB,MAAM,YAAY,UAAU;IAC1D,MAAM,YAAY,MAAM,UAAU,MAAM,WAAW,MAAM;IAEzD,IADiB,MAAM,QAAQ,SAAS,CAAC,WAC3B;KACZ,MAAM,aAAa,sBAAsB,MAAM,aAAa;KAC5D,MAAM,iBAAiB,SAAS;KAChC,MAAM,QAAQ,WAAW,WAAW,cAAc,cAAc,cAAc;KAM9E,IAAI,WALsB,MAAM,WAE5B,WAAW,MAAM,GAAG,KAAK,CAAC,CAAC,QAAQ,IACnC,WAAW,MAAM,QAAQ,GAAG,WAAW,MAAM,CAEpB,GAE3B,MAAM,eAAe;UAKrB,cAAc,SAAS,MAAM;IAEjC;GACF,CAAC;GACD,iBAAiB,qBAAqB,MAAM,kBAAkB,WAAW;IAGvE,kBAAkB,UAAU;GAC9B,CAAC;EACF,CAAA;CACS,CAAA;AAEhB,CAAC;AAMD,IAAM,gBAAgB;AActB,IAAM,yBAAyC,sBAAM,WAGnD,SAAS,uBAAuB,OAAiD,cAAc;CAC/F,MAAM,EAAE,YAAY,GAAG,kBAAkB;CACzC,MAAM,UAAU,yBAAyB,eAAe,MAAM,qBAAqB;CACnF,MAAM,OAAO,QAAQ,QAAQ,KAAK;CAElC,OACE,oBAAC,UAAD;EAAU,SAAS,cAAc;EAC/B,UAAA,oBAAC,4BAAD;GAA4B,GAAI;GAAe,KAAK;EAAe,CAAA;CAC3D,CAAA;AAEd,CAAC;AAOD,IAAM,6BAA6C,sBAAM,WAGvD,SAAS,2BACT,OACA,cACA;CACA,MAAM,EAAE,uBAAuB,UAAU,GAAG,sBAAsB;CAClE,MAAM,UAAU,yBAAyB,eAAe,qBAAqB;CAC7E,MAAM,eAAe,gBAAgB,cAAc,QAAQ,gBAAgB;CAC3E,MAAM,yBAAyB,0BAC7B,cACA,MAAM,qBACR;CACA,MAAM,CAAC,MAAM,WAAW,MAAM,SAAmD,IAAI;CACrF,MAAM,CAAC,SAAS,cAAc,MAAM,SAA8C,IAAI;CACtF,MAAM,gBAAgB,OAAO,MAAM,QAAQ,OAAO,KAAA;CAClD,MAAM,iBAAiB,OAAO,MAAM,SAAS,OAAO,KAAA;CACpD,MAAM,OAAO,QAAQ,QAAQ,KAAK;CAGlC,MAAM,qBAAqB,OAAO,QAAQ,QAAQ,QAAQ;;;;;;;CAQ1D,MAAM,yBAAyB;EAC7B,IAAI,SAAS,QAAQ;GAAE,OAAO,QAAQ;GAAa,QAAQ,QAAQ;EAAa,CAAC;CACnF;CACA,kBAAkB,SAAS,gBAAgB;CAE3C,OACE,oBAAC,UAAU,KAAX;EACE,cAAY,aAAa,IAAI;EAC7B,oBAAkB,QAAQ;EAC1B,GAAI;EACJ,KAAK;EACL,OAAO;GAEL,eAAe,CAAC,QAAQ,QAAQ,aAAa,SAAS,KAAA;GACtD,0CAA0C;GAC1C,2CAA2C;GAC3C,GAAG,kBAAkB;EACvB;EACA,gBAAgB,qBAAqB,MAAM,gBAAgB,QAAQ,cAAc;EACjF,gBAAgB,qBAAqB,MAAM,gBAAgB,UAAU,QAAQ,cAAc,CAAC;EAE3F,UAAA,MAAM,KAAK,uBAAuB,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,YAAY,GAAG,aAAa;GACxF,MAAM,WAAW,uBAAuB;GACxC,OACE,oBAAC,UAAD;IAAsB,SAAS,cAAc;IAC3C,UAAA,oBAAC,4BAAD;KACE,GAAI;KACJ,YAAY;KACF;KACV,uBAAuB;IACxB,CAAA;GACO,GAPK,KAOL;EAEd,CAAC;CACY,CAAA;AAEnB,CAAC;AAUD,IAAM,8BAA8B,EAClC,YACA,UACA,uBACA,GAAG,YAC+C;CAClD,MAAM,sBAAsB,MAAM,aAC/B,SAA8C;EAG7C,IAAI,YAAY,MACd,sBAAsB,IAAI;CAE9B,GACA,CAAC,UAAU,qBAAqB,CAClC;CACA,MAAM,eAAe,gBAAgB,YAAY,mBAAmB;CACpE,OAAO,oBAAC,2BAAD;EAA2B,GAAI;EAAO,KAAK;CAAe,CAAA;AACnE;AAIA,IAAM,mBAAmB;AAKzB,IAAM,aAA6B,sBAAM,WACvC,SAAS,WAAW,OAAqC,cAAc;CACrE,MAAM,EAAE,uBAAuB,GAAG,eAAe;CACjD,MAAM,UAAU,yBAAyB,kBAAkB,qBAAqB;CAEhF,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EACpC,UAAA,oBAAC,qBAAqB,MAAtB;GAA2B,OAAO;GAChC,UAAA,oBAAC,UAAU,KAAX;IAAe,KAAK,QAAQ;IAAK,GAAI;IAAY,KAAK;GAAe,CAAA;EAC5C,CAAA;CACE,CAAA;AAEnC,CACF;AAIA,IAAM,aAAa;CAAC;CAAc;CAAa;CAAW;AAAW;AACrE,IAAM,wBAAwB;AAK9B,IAAM,iBAAiC,sBAAM,WAC3C,SAAS,eAAe,OAAyC,cAAc;CAC7E,MAAM,EAAE,uBAAuB,GAAG,eAAe;CACjD,MAAM,WAAW,wBAAwB,qBAAqB;CAC9D,MAAM,UAAU,yBAAyB,uBAAuB,qBAAqB;CAErF,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EACpC,UAAA,oBAAC,UAAU,QAAX;GACE,GAAI;GACJ,KAAK;GACL,WAAW,qBAAqB,MAAM,YAAY,UAAU;IAE1D,IAD6B;KAAC;KAAQ;KAAO,GAAG;IAAU,CAAC,CAAC,SAAS,MAAM,GACvE,GAAsB;KACxB,IAAI,iBAAiB,SAAS,CAAC,CAAC,KAAK,SAAS,KAAK,IAAI,OAAQ;KAG/D,IAAI;MAFgB,QAAQ,QAAQ,QAAQ,eAAe;MAC5B;MAAW;KACtC,CAAA,CAAS,SAAS,MAAM,GAAG,GAAG,eAAe,QAAQ;KACzD,IAAI,WAAW,SAAS,MAAM,GAAG,GAAG;MAClC,MAAM,eAAe,eAAe,QAAQ,MAAM,aAAa;MAC/D,iBAAiB,eAAe,MAAM,eAAe,CAAC;KACxD;;;;;KAKA,iBAAiB,WAAW,cAAc,CAAC;KAG3C,MAAM,eAAe;IACvB;GACF,CAAC;EACF,CAAA;CAC4B,CAAA;AAEnC,CACF;;;;;;;;;;;AAYA,SAAS,sBAAsB,WAAwB;CACrD,MAAM,QAAuB,CAAC;CAC9B,MAAM,SAAS,SAAS,iBAAiB,WAAW,WAAW,cAAc,EAC3E,aAAa,SAAc;EACzB,MAAM,gBAAgB,KAAK,YAAY,WAAW,KAAK,SAAS;EAChE,IAAI,KAAK,YAAY,KAAK,UAAU,eAAe,OAAO,WAAW;EAIrE,OAAO,KAAK,YAAY,IAAI,WAAW,gBAAgB,WAAW;CACpE,EACF,CAAC;CACD,OAAO,OAAO,SAAS,GAAG,MAAM,KAAK,OAAO,WAA0B;CAGtE,OAAO;AACT;AAEA,SAAS,WAAW,YAA2B;CAC7C,MAAM,2BAA2B,SAAS;CAC1C,OAAO,WAAW,MAAM,cAAc;EAEpC,IAAI,cAAc,0BAA0B,OAAO;EACnD,UAAU,MAAM;EAChB,OAAO,SAAS,kBAAkB;CACpC,CAAC;AACH;AAEA,SAAS,mBAAmB,YAA2B;CACrD,WAAW,SAAS,cAAc;EAChC,UAAU,QAAQ,WAAW,UAAU,aAAa,UAAU,KAAK;EACnE,UAAU,aAAa,YAAY,IAAI;CACzC,CAAC;CACD,aAAa;EACX,WAAW,SAAS,cAAc;GAChC,MAAM,eAAe,UAAU,QAAQ;GACvC,UAAU,aAAa,YAAY,YAAY;EACjD,CAAC;CACH;AACF;AAEA,SAAS,kBAAkB,SAA6B,UAAsB;CAC5E,MAAM,eAAe,eAAe,QAAQ;CAC5C,sBAAsB;EACpB,IAAI,MAAM;EACV,IAAI,SAAS;;;;;;;;GAQX,MAAM,iBAAiB,IAAI,qBAAqB;IAC9C,qBAAqB,GAAG;IACxB,MAAM,OAAO,sBAAsB,YAAY;GACjD,CAAC;GACD,eAAe,QAAQ,OAAO;GAC9B,aAAa;IACX,OAAO,qBAAqB,GAAG;IAC/B,eAAe,UAAU,OAAO;GAClC;EACF;CACF,GAAG,CAAC,SAAS,YAAY,CAAC;AAC5B;AAEA,SAAS,aAAa,MAAe;CACnC,OAAO,OAAO,SAAS;AACzB;AAEA,SAAS,cAAc,QAAgB,OAAe;CACpD,OAAO,GAAG,OAAO,WAAW;AAC9B;AAEA,SAAS,cAAc,QAAgB,OAAe;CACpD,OAAO,GAAG,OAAO,WAAW;AAC9B;AAEA,SAAS,UAAa,SAAqE;CACzF,QAAQ,UAAW,MAAM,gBAAgB,UAAU,QAAQ,KAAK,IAAI,KAAA;AACtE;AAIA,IAAM,OAAO;AAEb,IAAM,OAAO;AACb,IAAM,OAAO;AACb,IAAM,UAAU;AAChB,IAAM,OAAO;AACb,IAAM,YAAY;AAClB,IAAM,UAAU;AAChB,IAAM,WAAW"}
@@ -0,0 +1 @@
1
+ export * from './popover';
@@ -0,0 +1,83 @@
1
+ import * as React from 'react';
2
+ import { DismissableLayer } from '../react-dismissable-layer';
3
+ import { FocusScope } from '../react-focus-scope';
4
+ import * as PopperPrimitive from '../react-popper';
5
+ import { Portal as PortalPrimitive } from '../react-portal';
6
+ import { Primitive } from '../react-primitive';
7
+ declare const createPopoverScope: import("../react-context").CreateScope;
8
+ interface PopoverProps {
9
+ children?: React.ReactNode;
10
+ open?: boolean;
11
+ defaultOpen?: boolean;
12
+ onOpenChange?: (open: boolean) => void;
13
+ modal?: boolean;
14
+ }
15
+ declare const Popover: React.FC<PopoverProps>;
16
+ type PopperAnchorProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;
17
+ interface PopoverAnchorProps extends PopperAnchorProps {
18
+ }
19
+ declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
20
+ type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
21
+ interface PopoverTriggerProps extends PrimitiveButtonProps {
22
+ }
23
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
24
+ type PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;
25
+ interface PopoverPortalProps {
26
+ children?: React.ReactNode;
27
+ /**
28
+ * Specify a container element to portal the content into.
29
+ */
30
+ container?: PortalProps['container'];
31
+ /**
32
+ * Used to force mounting when more control is needed. Useful when
33
+ * controlling animation with React animation libraries.
34
+ */
35
+ forceMount?: true;
36
+ }
37
+ declare const PopoverPortal: React.FC<PopoverPortalProps>;
38
+ interface PopoverContentProps extends PopoverContentTypeProps {
39
+ /**
40
+ * Used to force mounting when more control is needed. Useful when
41
+ * controlling animation with React animation libraries.
42
+ */
43
+ forceMount?: true;
44
+ }
45
+ declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
46
+ interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {
47
+ }
48
+ type FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;
49
+ type DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;
50
+ type PopperContentProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;
51
+ interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>, Omit<DismissableLayerProps, 'onDismiss'> {
52
+ /**
53
+ * Whether focus should be trapped within the `Popover`
54
+ * (default: false)
55
+ */
56
+ trapFocus?: FocusScopeProps['trapped'];
57
+ /**
58
+ * Event handler called when auto-focusing on open.
59
+ * Can be prevented.
60
+ */
61
+ onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
62
+ /**
63
+ * Event handler called when auto-focusing on close.
64
+ * Can be prevented.
65
+ */
66
+ onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
67
+ }
68
+ interface PopoverCloseProps extends PrimitiveButtonProps {
69
+ }
70
+ declare const PopoverClose: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
71
+ type PopperArrowProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;
72
+ interface PopoverArrowProps extends PopperArrowProps {
73
+ }
74
+ declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
75
+ declare const Root: React.FC<PopoverProps>;
76
+ declare const Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
77
+ declare const Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
78
+ declare const Portal: React.FC<PopoverPortalProps>;
79
+ declare const Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
80
+ declare const Close: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
81
+ declare const Arrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
82
+ export { createPopoverScope, Popover, PopoverAnchor, PopoverTrigger, PopoverPortal, PopoverContent, PopoverClose, PopoverArrow, Root, Anchor, Trigger, Portal, Content, Close, Arrow, };
83
+ export type { PopoverProps, PopoverAnchorProps, PopoverTriggerProps, PopoverPortalProps, PopoverContentProps, PopoverCloseProps, PopoverArrowProps, };
@@ -0,0 +1,236 @@
1
+ "use client";
2
+ import { createContextScope } from "../react-context/create-context.js";
3
+ import { useComposedRefs } from "../react-compose-refs/compose-refs.js";
4
+ import { createSlot } from "../react-slot/slot.js";
5
+ import { composeEventHandlers } from "../primitive/primitive.js";
6
+ import { useControllableState } from "../react-use-controllable-state/use-controllable-state.js";
7
+ import { Primitive } from "../react-primitive/primitive.js";
8
+ import { Presence } from "../react-presence/presence.js";
9
+ import { useId } from "../react-id/id.js";
10
+ import { DismissableLayer } from "../react-dismissable-layer/dismissable-layer.js";
11
+ import { FocusScope } from "../react-focus-scope/focus-scope.js";
12
+ import { Portal as Portal$1 } from "../react-portal/portal.js";
13
+ import { useFocusGuards } from "../react-focus-guards/focus-guards.js";
14
+ import { Anchor as Anchor$1, Content as Content$1, Root as Root$1, createPopperScope } from "../react-popper/popper.js";
15
+ import * as React from "react";
16
+ import { jsx } from "react/jsx-runtime";
17
+ import { RemoveScroll } from "react-remove-scroll";
18
+ import { hideOthers } from "aria-hidden";
19
+ //#region src/primitives/vendor/radix/react-popover/popover.tsx
20
+ var POPOVER_NAME = "Popover";
21
+ var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [createPopperScope]);
22
+ var usePopperScope = createPopperScope();
23
+ var [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);
24
+ var Popover = (props) => {
25
+ const { __scopePopover, children, open: openProp, defaultOpen, onOpenChange, modal = false } = props;
26
+ const popperScope = usePopperScope(__scopePopover);
27
+ const triggerRef = React.useRef(null);
28
+ const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
29
+ const [open, setOpen] = useControllableState({
30
+ prop: openProp,
31
+ defaultProp: defaultOpen ?? false,
32
+ onChange: onOpenChange,
33
+ caller: POPOVER_NAME
34
+ });
35
+ return /* @__PURE__ */ jsx(Root$1, {
36
+ ...popperScope,
37
+ children: /* @__PURE__ */ jsx(PopoverProvider, {
38
+ scope: __scopePopover,
39
+ contentId: useId(),
40
+ triggerRef,
41
+ open,
42
+ onOpenChange: setOpen,
43
+ onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
44
+ hasCustomAnchor,
45
+ onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),
46
+ onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), []),
47
+ modal,
48
+ children
49
+ })
50
+ });
51
+ };
52
+ var ANCHOR_NAME = "PopoverAnchor";
53
+ var PopoverAnchor = /* @__PURE__ */ React.forwardRef(function PopoverAnchor(props, forwardedRef) {
54
+ const { __scopePopover, ...anchorProps } = props;
55
+ const context = usePopoverContext(ANCHOR_NAME, __scopePopover);
56
+ const popperScope = usePopperScope(__scopePopover);
57
+ const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
58
+ React.useEffect(() => {
59
+ onCustomAnchorAdd();
60
+ return () => onCustomAnchorRemove();
61
+ }, [onCustomAnchorAdd, onCustomAnchorRemove]);
62
+ return /* @__PURE__ */ jsx(Anchor$1, {
63
+ ...popperScope,
64
+ ...anchorProps,
65
+ ref: forwardedRef
66
+ });
67
+ });
68
+ var TRIGGER_NAME = "PopoverTrigger";
69
+ var PopoverTrigger = /* @__PURE__ */ React.forwardRef(function PopoverTrigger(props, forwardedRef) {
70
+ const { __scopePopover, ...triggerProps } = props;
71
+ const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
72
+ const popperScope = usePopperScope(__scopePopover);
73
+ const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
74
+ const trigger = /* @__PURE__ */ jsx(Primitive.button, {
75
+ type: "button",
76
+ "aria-haspopup": "dialog",
77
+ "aria-expanded": context.open,
78
+ "aria-controls": context.open ? context.contentId : void 0,
79
+ "data-state": getState(context.open),
80
+ ...triggerProps,
81
+ ref: composedTriggerRef,
82
+ onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
83
+ });
84
+ return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(Anchor$1, {
85
+ asChild: true,
86
+ ...popperScope,
87
+ children: trigger
88
+ });
89
+ });
90
+ var PORTAL_NAME = "PopoverPortal";
91
+ var [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME, { forceMount: void 0 });
92
+ var PopoverPortal = (props) => {
93
+ const { __scopePopover, forceMount, children, container } = props;
94
+ const context = usePopoverContext(PORTAL_NAME, __scopePopover);
95
+ return /* @__PURE__ */ jsx(PortalProvider, {
96
+ scope: __scopePopover,
97
+ forceMount,
98
+ children: /* @__PURE__ */ jsx(Presence, {
99
+ present: forceMount || context.open,
100
+ children: /* @__PURE__ */ jsx(Portal$1, {
101
+ asChild: true,
102
+ container,
103
+ children
104
+ })
105
+ })
106
+ });
107
+ };
108
+ var CONTENT_NAME = "PopoverContent";
109
+ var PopoverContent = /* @__PURE__ */ React.forwardRef(function PopoverContent(props, forwardedRef) {
110
+ const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);
111
+ const { forceMount = portalContext.forceMount, ...contentProps } = props;
112
+ const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
113
+ return /* @__PURE__ */ jsx(Presence, {
114
+ present: forceMount || context.open,
115
+ children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, {
116
+ ...contentProps,
117
+ ref: forwardedRef
118
+ }) : /* @__PURE__ */ jsx(PopoverContentNonModal, {
119
+ ...contentProps,
120
+ ref: forwardedRef
121
+ })
122
+ });
123
+ });
124
+ var Slot = /* @__PURE__ */ createSlot("PopoverContent.RemoveScroll");
125
+ var PopoverContentModal = /* @__PURE__ */ React.forwardRef(function PopoverContentModal(props, forwardedRef) {
126
+ const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
127
+ const contentRef = React.useRef(null);
128
+ const composedRefs = useComposedRefs(forwardedRef, contentRef);
129
+ const isRightClickOutsideRef = React.useRef(false);
130
+ React.useEffect(() => {
131
+ const content = contentRef.current;
132
+ if (content) return hideOthers(content);
133
+ }, []);
134
+ return /* @__PURE__ */ jsx(RemoveScroll, {
135
+ as: Slot,
136
+ allowPinchZoom: true,
137
+ children: /* @__PURE__ */ jsx(PopoverContentImpl, {
138
+ ...props,
139
+ ref: composedRefs,
140
+ trapFocus: context.open,
141
+ disableOutsidePointerEvents: true,
142
+ onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
143
+ event.preventDefault();
144
+ if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
145
+ }),
146
+ onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
147
+ const originalEvent = event.detail.originalEvent;
148
+ const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
149
+ const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
150
+ isRightClickOutsideRef.current = isRightClick;
151
+ }, { checkForDefaultPrevented: false }),
152
+ onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => event.preventDefault(), { checkForDefaultPrevented: false })
153
+ })
154
+ });
155
+ });
156
+ var PopoverContentNonModal = /* @__PURE__ */ React.forwardRef(function PopoverContentNonModal(props, forwardedRef) {
157
+ const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
158
+ const hasInteractedOutsideRef = React.useRef(false);
159
+ const hasPointerDownOutsideRef = React.useRef(false);
160
+ return /* @__PURE__ */ jsx(PopoverContentImpl, {
161
+ ...props,
162
+ ref: forwardedRef,
163
+ trapFocus: false,
164
+ disableOutsidePointerEvents: false,
165
+ onCloseAutoFocus: (event) => {
166
+ props.onCloseAutoFocus?.(event);
167
+ if (!event.defaultPrevented) {
168
+ if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
169
+ event.preventDefault();
170
+ }
171
+ hasInteractedOutsideRef.current = false;
172
+ hasPointerDownOutsideRef.current = false;
173
+ },
174
+ onInteractOutside: (event) => {
175
+ props.onInteractOutside?.(event);
176
+ if (!event.defaultPrevented) {
177
+ hasInteractedOutsideRef.current = true;
178
+ if (event.detail.originalEvent.type === "pointerdown") hasPointerDownOutsideRef.current = true;
179
+ }
180
+ const target = event.target;
181
+ if (context.triggerRef.current?.contains(target)) event.preventDefault();
182
+ if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) event.preventDefault();
183
+ }
184
+ });
185
+ });
186
+ var PopoverContentImpl = /* @__PURE__ */ React.forwardRef(function PopoverContentImpl(props, forwardedRef) {
187
+ const { __scopePopover, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, ...contentProps } = props;
188
+ const context = usePopoverContext(CONTENT_NAME, __scopePopover);
189
+ const popperScope = usePopperScope(__scopePopover);
190
+ useFocusGuards();
191
+ return /* @__PURE__ */ jsx(FocusScope, {
192
+ asChild: true,
193
+ loop: true,
194
+ trapped: trapFocus,
195
+ onMountAutoFocus: onOpenAutoFocus,
196
+ onUnmountAutoFocus: onCloseAutoFocus,
197
+ children: /* @__PURE__ */ jsx(DismissableLayer, {
198
+ asChild: true,
199
+ disableOutsidePointerEvents,
200
+ onInteractOutside,
201
+ onEscapeKeyDown,
202
+ onPointerDownOutside,
203
+ onFocusOutside,
204
+ onDismiss: () => context.onOpenChange(false),
205
+ deferPointerDownOutside: true,
206
+ children: /* @__PURE__ */ jsx(Content$1, {
207
+ "data-state": getState(context.open),
208
+ role: "dialog",
209
+ id: context.contentId,
210
+ ...popperScope,
211
+ ...contentProps,
212
+ ref: forwardedRef,
213
+ style: {
214
+ ...contentProps.style,
215
+ "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
216
+ "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
217
+ "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
218
+ "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
219
+ "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
220
+ }
221
+ })
222
+ })
223
+ });
224
+ });
225
+ function getState(open) {
226
+ return open ? "open" : "closed";
227
+ }
228
+ var Root = Popover;
229
+ var Anchor = PopoverAnchor;
230
+ var Trigger = PopoverTrigger;
231
+ var Portal = PopoverPortal;
232
+ var Content = PopoverContent;
233
+ //#endregion
234
+ export { Anchor, Content, Popover, PopoverAnchor, PopoverContent, PopoverPortal, PopoverTrigger, Portal, Root, Trigger };
235
+
236
+ //# sourceMappingURL=popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.js","names":["PopperPrimitive.Root","PopperPrimitive.Anchor","PortalPrimitive","PopperPrimitive.Content"],"sources":["../../../../../src/primitives/vendor/radix/react-popover/popover.tsx"],"sourcesContent":["// Vendored from Radix Primitives (c) 2022 WorkOS, MIT. See vendor/LICENSE.radix.\n// Local modification: package imports resolve to the pinned local source.\nimport * as React from 'react';\nimport { composeEventHandlers } from '../primitive';\nimport { useComposedRefs } from '../react-compose-refs';\nimport { createContextScope } from '../react-context';\nimport { DismissableLayer } from '../react-dismissable-layer';\nimport { useFocusGuards } from '../react-focus-guards';\nimport { FocusScope } from '../react-focus-scope';\nimport { useId } from '../react-id';\nimport * as PopperPrimitive from '../react-popper';\nimport { createPopperScope } from '../react-popper';\nimport { Portal as PortalPrimitive } from '../react-portal';\nimport { Presence } from '../react-presence';\nimport { Primitive } from '../react-primitive';\nimport { createSlot } from '../react-slot';\nimport { useControllableState } from '../react-use-controllable-state';\nimport { hideOthers } from 'aria-hidden';\nimport { RemoveScroll } from 'react-remove-scroll';\n\nimport type { Scope } from '../react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Popover\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPOVER_NAME = 'Popover';\n\ntype ScopedProps<P> = P & { __scopePopover?: Scope };\nconst [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [\n createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\ntype PopoverContextValue = {\n triggerRef: React.RefObject<HTMLButtonElement | null>;\n contentId: string;\n open: boolean;\n onOpenChange(open: boolean): void;\n onOpenToggle(): void;\n hasCustomAnchor: boolean;\n onCustomAnchorAdd(): void;\n onCustomAnchorRemove(): void;\n modal: boolean;\n};\n\nconst [PopoverProvider, usePopoverContext] =\n createPopoverContext<PopoverContextValue>(POPOVER_NAME);\n\ninterface PopoverProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n modal?: boolean;\n}\n\nconst Popover: React.FC<PopoverProps> = (props: ScopedProps<PopoverProps>) => {\n const {\n __scopePopover,\n children,\n open: openProp,\n defaultOpen,\n onOpenChange,\n modal = false,\n } = props;\n const popperScope = usePopperScope(__scopePopover);\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen ?? false,\n onChange: onOpenChange,\n caller: POPOVER_NAME,\n });\n\n return (\n <PopperPrimitive.Root {...popperScope}>\n <PopoverProvider\n scope={__scopePopover}\n contentId={useId()}\n triggerRef={triggerRef}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen])}\n hasCustomAnchor={hasCustomAnchor}\n onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])}\n onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])}\n modal={modal}\n >\n {children}\n </PopoverProvider>\n </PopperPrimitive.Root>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopoverAnchor';\n\ntype PopoverAnchorElement = React.ComponentRef<typeof PopperPrimitive.Anchor>;\ntype PopperAnchorProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;\ninterface PopoverAnchorProps extends PopperAnchorProps {}\n\nconst PopoverAnchor = /* @__PURE__ */ React.forwardRef<PopoverAnchorElement, PopoverAnchorProps>(\n function PopoverAnchor(props: ScopedProps<PopoverAnchorProps>, forwardedRef) {\n const { __scopePopover, ...anchorProps } = props;\n const context = usePopoverContext(ANCHOR_NAME, __scopePopover);\n const popperScope = usePopperScope(__scopePopover);\n const { onCustomAnchorAdd, onCustomAnchorRemove } = context;\n\n React.useEffect(() => {\n onCustomAnchorAdd();\n return () => onCustomAnchorRemove();\n }, [onCustomAnchorAdd, onCustomAnchorRemove]);\n\n return <PopperPrimitive.Anchor {...popperScope} {...anchorProps} ref={forwardedRef} />;\n },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'PopoverTrigger';\n\ntype PopoverTriggerElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface PopoverTriggerProps extends PrimitiveButtonProps {}\n\nconst PopoverTrigger = /* @__PURE__ */ React.forwardRef<PopoverTriggerElement, PopoverTriggerProps>(\n function PopoverTrigger(props: ScopedProps<PopoverTriggerProps>, forwardedRef) {\n const { __scopePopover, ...triggerProps } = props;\n const context = usePopoverContext(TRIGGER_NAME, __scopePopover);\n const popperScope = usePopperScope(__scopePopover);\n const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n\n const trigger = (\n <Primitive.button\n type=\"button\"\n aria-haspopup=\"dialog\"\n aria-expanded={context.open}\n aria-controls={context.open ? context.contentId : undefined}\n data-state={getState(context.open)}\n {...triggerProps}\n ref={composedTriggerRef}\n onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n />\n );\n\n return context.hasCustomAnchor ? (\n trigger\n ) : (\n <PopperPrimitive.Anchor asChild {...popperScope}>\n {trigger}\n </PopperPrimitive.Anchor>\n );\n },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'PopoverPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createPopoverContext<PortalContextValue>(PORTAL_NAME, {\n forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface PopoverPortalProps {\n children?: React.ReactNode;\n /**\n * Specify a container element to portal the content into.\n */\n container?: PortalProps['container'];\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst PopoverPortal: React.FC<PopoverPortalProps> = (props: ScopedProps<PopoverPortalProps>) => {\n const { __scopePopover, forceMount, children, container } = props;\n const context = usePopoverContext(PORTAL_NAME, __scopePopover);\n return (\n <PortalProvider scope={__scopePopover} forceMount={forceMount}>\n <Presence present={forceMount || context.open}>\n <PortalPrimitive asChild container={container}>\n {children}\n </PortalPrimitive>\n </Presence>\n </PortalProvider>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopoverContent';\n\ninterface PopoverContentProps extends PopoverContentTypeProps {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst PopoverContent = /* @__PURE__ */ React.forwardRef<\n PopoverContentTypeElement,\n PopoverContentProps\n>(\n // blank line to reduce diff noise\n function PopoverContent(props: ScopedProps<PopoverContentProps>, forwardedRef) {\n const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);\n const { forceMount = portalContext.forceMount, ...contentProps } = props;\n const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n return (\n <Presence present={forceMount || context.open}>\n {context.modal ? (\n <PopoverContentModal {...contentProps} ref={forwardedRef} />\n ) : (\n <PopoverContentNonModal {...contentProps} ref={forwardedRef} />\n )}\n </Presence>\n );\n },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Slot = createSlot('PopoverContent.RemoveScroll');\n\ntype PopoverContentTypeElement = PopoverContentImplElement;\ninterface PopoverContentTypeProps extends Omit<\n PopoverContentImplProps,\n 'trapFocus' | 'disableOutsidePointerEvents'\n> {}\n\nconst PopoverContentModal = /* @__PURE__ */ React.forwardRef<\n PopoverContentTypeElement,\n PopoverContentTypeProps\n>(\n // blank line to reduce diff noise\n function PopoverContentModal(props: ScopedProps<PopoverContentTypeProps>, forwardedRef) {\n const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, contentRef);\n const isRightClickOutsideRef = React.useRef(false);\n\n // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n React.useEffect(() => {\n const content = contentRef.current;\n if (content) return hideOthers(content);\n }, []);\n\n return (\n <RemoveScroll as={Slot} allowPinchZoom>\n <PopoverContentImpl\n {...props}\n ref={composedRefs}\n // we make sure we're not trapping once it's been closed\n // (closed !== unmounted when animating out)\n trapFocus={context.open}\n disableOutsidePointerEvents\n onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n event.preventDefault();\n if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();\n })}\n onPointerDownOutside={composeEventHandlers(\n props.onPointerDownOutside,\n (event) => {\n const originalEvent = event.detail.originalEvent;\n const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n\n isRightClickOutsideRef.current = isRightClick;\n },\n { checkForDefaultPrevented: false },\n )}\n // When focus is trapped, a `focusout` event may still happen.\n // We make sure we don't trigger our `onDismiss` in such case.\n onFocusOutside={composeEventHandlers(\n props.onFocusOutside,\n (event) => event.preventDefault(),\n { checkForDefaultPrevented: false },\n )}\n />\n </RemoveScroll>\n );\n },\n);\n\nconst PopoverContentNonModal = /* @__PURE__ */ React.forwardRef<\n PopoverContentTypeElement,\n PopoverContentTypeProps\n>(\n // blank line to reduce diff noise\n function PopoverContentNonModal(props: ScopedProps<PopoverContentTypeProps>, forwardedRef) {\n const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n const hasInteractedOutsideRef = React.useRef(false);\n const hasPointerDownOutsideRef = React.useRef(false);\n\n return (\n <PopoverContentImpl\n {...props}\n ref={forwardedRef}\n trapFocus={false}\n disableOutsidePointerEvents={false}\n onCloseAutoFocus={(event) => {\n props.onCloseAutoFocus?.(event);\n\n if (!event.defaultPrevented) {\n if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n // Always prevent auto focus because we either focus manually or want user agent focus\n event.preventDefault();\n }\n\n hasInteractedOutsideRef.current = false;\n hasPointerDownOutsideRef.current = false;\n }}\n onInteractOutside={(event) => {\n props.onInteractOutside?.(event);\n\n if (!event.defaultPrevented) {\n hasInteractedOutsideRef.current = true;\n if (event.detail.originalEvent.type === 'pointerdown') {\n hasPointerDownOutsideRef.current = true;\n }\n }\n\n // Prevent dismissing when clicking the trigger.\n // As the trigger is already setup to close, without doing so would\n // cause it to close and immediately open.\n const target = event.target as HTMLElement;\n const targetIsTrigger = context.triggerRef.current?.contains(target);\n if (targetIsTrigger) event.preventDefault();\n\n // On Safari if the trigger is inside a container with tabIndex={0}, when clicked\n // we will get the pointer down outside event on the trigger, but then a subsequent\n // focus outside event on the container, we ignore any focus outside event when we've\n // already had a pointer down outside event.\n if (event.detail.originalEvent.type === 'focusin' && hasPointerDownOutsideRef.current) {\n event.preventDefault();\n }\n }}\n />\n );\n },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PopoverContentImplElement = React.ComponentRef<typeof PopperPrimitive.Content>;\ntype FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;\ntype DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface PopoverContentImplProps\n extends Omit<PopperContentProps, 'onPlaced'>, Omit<DismissableLayerProps, 'onDismiss'> {\n /**\n * Whether focus should be trapped within the `Popover`\n * (default: false)\n */\n trapFocus?: FocusScopeProps['trapped'];\n\n /**\n * Event handler called when auto-focusing on open.\n * Can be prevented.\n */\n onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];\n\n /**\n * Event handler called when auto-focusing on close.\n * Can be prevented.\n */\n onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];\n}\n\nconst PopoverContentImpl = /* @__PURE__ */ React.forwardRef<\n PopoverContentImplElement,\n PopoverContentImplProps\n>(\n // blank line to reduce diff noise\n function PopoverContentImpl(props: ScopedProps<PopoverContentImplProps>, forwardedRef) {\n const {\n __scopePopover,\n trapFocus,\n onOpenAutoFocus,\n onCloseAutoFocus,\n disableOutsidePointerEvents,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n ...contentProps\n } = props;\n const context = usePopoverContext(CONTENT_NAME, __scopePopover);\n const popperScope = usePopperScope(__scopePopover);\n\n // Make sure the whole tree has focus guards as our `Popover` may be\n // the last element in the DOM (because of the `Portal`)\n useFocusGuards();\n\n return (\n <FocusScope\n asChild\n loop\n trapped={trapFocus}\n onMountAutoFocus={onOpenAutoFocus}\n onUnmountAutoFocus={onCloseAutoFocus}\n >\n <DismissableLayer\n asChild\n disableOutsidePointerEvents={disableOutsidePointerEvents}\n onInteractOutside={onInteractOutside}\n onEscapeKeyDown={onEscapeKeyDown}\n onPointerDownOutside={onPointerDownOutside}\n onFocusOutside={onFocusOutside}\n onDismiss={() => context.onOpenChange(false)}\n deferPointerDownOutside\n >\n <PopperPrimitive.Content\n data-state={getState(context.open)}\n role=\"dialog\"\n id={context.contentId}\n {...popperScope}\n {...contentProps}\n ref={forwardedRef}\n style={{\n ...contentProps.style,\n // re-namespace exposed content custom properties\n ...{\n '--radix-popover-content-transform-origin': 'var(--radix-popper-transform-origin)',\n '--radix-popover-content-available-width': 'var(--radix-popper-available-width)',\n '--radix-popover-content-available-height': 'var(--radix-popper-available-height)',\n '--radix-popover-trigger-width': 'var(--radix-popper-anchor-width)',\n '--radix-popover-trigger-height': 'var(--radix-popper-anchor-height)',\n },\n }}\n />\n </DismissableLayer>\n </FocusScope>\n );\n },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'PopoverClose';\n\ntype PopoverCloseElement = React.ComponentRef<typeof Primitive.button>;\ninterface PopoverCloseProps extends PrimitiveButtonProps {}\n\nconst PopoverClose = /* @__PURE__ */ React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n function PopoverClose(props: ScopedProps<PopoverCloseProps>, forwardedRef) {\n const { __scopePopover, ...closeProps } = props;\n const context = usePopoverContext(CLOSE_NAME, __scopePopover);\n return (\n <Primitive.button\n type=\"button\"\n {...closeProps}\n ref={forwardedRef}\n onClick={composeEventHandlers(props.onClick, () => context.onOpenChange(false))}\n />\n );\n },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverArrow\n * -----------------------------------------------------------------------------------------------*/\n\ntype PopoverArrowElement = React.ComponentRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface PopoverArrowProps extends PopperArrowProps {}\n\nconst PopoverArrow = /* @__PURE__ */ React.forwardRef<PopoverArrowElement, PopoverArrowProps>(\n function PopoverArrow(props: ScopedProps<PopoverArrowProps>, forwardedRef) {\n const { __scopePopover, ...arrowProps } = props;\n const popperScope = usePopperScope(__scopePopover);\n return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n return open ? 'open' : 'closed';\n}\n\nconst Root = Popover;\nconst Anchor = PopoverAnchor;\nconst Trigger = PopoverTrigger;\nconst Portal = PopoverPortal;\nconst Content = PopoverContent;\nconst Close = PopoverClose;\nconst Arrow = PopoverArrow;\n\nexport {\n createPopoverScope,\n //\n Popover,\n PopoverAnchor,\n PopoverTrigger,\n PopoverPortal,\n PopoverContent,\n PopoverClose,\n PopoverArrow,\n //\n Root,\n Anchor,\n Trigger,\n Portal,\n Content,\n Close,\n Arrow,\n};\nexport type {\n PopoverProps,\n PopoverAnchorProps,\n PopoverTriggerProps,\n PopoverPortalProps,\n PopoverContentProps,\n PopoverCloseProps,\n PopoverArrowProps,\n};\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { createPopperScope, Popper, PopperAnchor, PopperContent, PopperArrow, Root, Anchor, Content, Arrow, SIDE_OPTIONS, ALIGN_OPTIONS, } from './popper';
2
+ export type { PopperProps, PopperAnchorProps, PopperContentProps, PopperArrowProps, } from './popper';
@@ -0,0 +1,44 @@
1
+ import * as React from 'react';
2
+ import * as ArrowPrimitive from '../react-arrow';
3
+ import { Primitive } from '../react-primitive';
4
+ import type { Measurable } from '../rect';
5
+ declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
6
+ declare const ALIGN_OPTIONS: readonly ["start", "center", "end"];
7
+ type Side = (typeof SIDE_OPTIONS)[number];
8
+ type Align = (typeof ALIGN_OPTIONS)[number];
9
+ declare const createPopperScope: import("../react-context").CreateScope;
10
+ interface PopperProps {
11
+ children?: React.ReactNode;
12
+ }
13
+ declare const Popper: React.FC<PopperProps>;
14
+ type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
15
+ interface PopperAnchorProps extends PrimitiveDivProps {
16
+ virtualRef?: React.RefObject<Measurable | null>;
17
+ }
18
+ declare const PopperAnchor: React.ForwardRefExoticComponent<PopperAnchorProps & React.RefAttributes<HTMLDivElement>>;
19
+ type Boundary = Element | null;
20
+ interface PopperContentProps extends PrimitiveDivProps {
21
+ side?: Side;
22
+ sideOffset?: number;
23
+ align?: Align;
24
+ alignOffset?: number;
25
+ arrowPadding?: number;
26
+ avoidCollisions?: boolean;
27
+ collisionBoundary?: Boundary | Boundary[];
28
+ collisionPadding?: number | Partial<Record<Side, number>>;
29
+ sticky?: 'partial' | 'always';
30
+ hideWhenDetached?: boolean;
31
+ updatePositionStrategy?: 'optimized' | 'always';
32
+ onPlaced?: () => void;
33
+ }
34
+ declare const PopperContent: React.ForwardRefExoticComponent<PopperContentProps & React.RefAttributes<HTMLDivElement>>;
35
+ type ArrowProps = React.ComponentPropsWithoutRef<typeof ArrowPrimitive.Root>;
36
+ interface PopperArrowProps extends ArrowProps {
37
+ }
38
+ declare const PopperArrow: React.ForwardRefExoticComponent<PopperArrowProps & React.RefAttributes<SVGSVGElement>>;
39
+ declare const Root: React.FC<PopperProps>;
40
+ declare const Anchor: React.ForwardRefExoticComponent<PopperAnchorProps & React.RefAttributes<HTMLDivElement>>;
41
+ declare const Content: React.ForwardRefExoticComponent<PopperContentProps & React.RefAttributes<HTMLDivElement>>;
42
+ declare const Arrow: React.ForwardRefExoticComponent<PopperArrowProps & React.RefAttributes<SVGSVGElement>>;
43
+ export { createPopperScope, Popper, PopperAnchor, PopperContent, PopperArrow, Root, Anchor, Content, Arrow, SIDE_OPTIONS, ALIGN_OPTIONS, };
44
+ export type { PopperProps, PopperAnchorProps, PopperContentProps, PopperArrowProps };