@optiaxiom/react 0.8.2 → 0.9.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 (314) hide show
  1. package/README.md +1 -1
  2. package/dist/{PopoverContent-DXCbZf2h.d.ts → PopoverContent-CmbFiQwF.d.ts} +3 -2
  3. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BDjo6i31.css +24 -0
  4. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Cz2HvZMx.css +6 -0
  5. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-B_wb60Sc.css +10 -0
  6. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-Cw1M_qyD.css +27 -0
  7. package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css +4 -0
  8. package/dist/assets/src/backdrop/{Backdrop.css.ts.vanilla-CZ0R8IPm.css → Backdrop.css.ts.vanilla-DirKW22r.css} +3 -3
  9. package/dist/assets/src/badge/Badge.css.ts.vanilla-BvS_yf0c.css +46 -0
  10. package/dist/assets/src/box/{Box.css.ts.vanilla-CxlsAoSo.css → Box.css.ts.vanilla-DIKXfgB7.css} +23 -23
  11. package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DKiGgQaa.css +8 -0
  12. package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Dba3cqM2.css +14 -0
  13. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CrqPWBsM.css +147 -0
  14. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BGUfLaAx.css +9 -0
  15. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-CxccT3Rg.css +22 -0
  16. package/dist/assets/src/code/Code.css.ts.vanilla-B9UeDgSL.css +11 -0
  17. package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-BnQBFIMz.css +7 -0
  18. package/dist/assets/src/data-table/{DataTable.css.ts.vanilla-D-Y37ogI.css → DataTable.css.ts.vanilla-BIy4QD6j.css} +26 -24
  19. package/dist/assets/src/data-table-header-cell/{DataTableHeaderCell.css.ts.vanilla-DAaoRros.css → DataTableHeaderCell.css.ts.vanilla-CgeIKahI.css} +17 -15
  20. package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-DNIzS9xQ.css +6 -0
  21. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-C5RktqfT.css → DialogContent.css.ts.vanilla-DZSpp9WD.css} +11 -7
  22. package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-BrEQiniF.css +6 -0
  23. package/dist/assets/src/dialog-header/DialogHeader.css.ts.vanilla-BfciLqUy.css +6 -0
  24. package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-BYTSNFYm.css +6 -0
  25. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CFl9bQXD.css +31 -0
  26. package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-B2AxUXYe.css +21 -0
  27. package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-ByqBa1Sw.css +6 -0
  28. package/dist/assets/src/drawer-content/{DrawerContent.css.ts.vanilla-CKt-20Xo.css → DrawerContent.css.ts.vanilla-B-EGWoTb.css} +6 -6
  29. package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CB8-mW-z.css +6 -0
  30. package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CbppEH-G.css +6 -0
  31. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-CpDqZsEX.css +7 -0
  32. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-yqyoXdGL.css +37 -0
  33. package/dist/assets/src/inline-input/{InlineInput.css.ts.vanilla-C_M4a6Dd.css → InlineInput.css.ts.vanilla-7r8ut9Qk.css} +4 -4
  34. package/dist/assets/src/input-control/{InputControl.css.ts.vanilla-C__QDDJj.css → InputControl.css.ts.vanilla-CjU2Rdxm.css} +8 -8
  35. package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-Bn2BA_ZM.css +70 -0
  36. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-CA_kba1R.css +13 -0
  37. package/dist/assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css +1 -0
  38. package/dist/assets/src/link/{Link.css.ts.vanilla-Cak55t6b.css → Link.css.ts.vanilla-DkFNs5hx.css} +21 -19
  39. package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-DTvaLDR_.css +48 -0
  40. package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Co9Ao69E.css +33 -0
  41. package/dist/assets/src/pagination/{Pagination.css.ts.vanilla-C_z8svbw.css → Pagination.css.ts.vanilla-CoU68RuL.css} +5 -5
  42. package/dist/assets/src/pill/{Pill.css.ts.vanilla-BSJiY-na.css → Pill.css.ts.vanilla-RBtt5el_.css} +4 -4
  43. package/dist/assets/src/progress/Progress.css.ts.vanilla-qTUYSPcJ.css +6 -0
  44. package/dist/assets/src/radio/Radio.css.ts.vanilla-Bf_vmx1L.css +13 -0
  45. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-0wrAu85G.css +6 -0
  46. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-qjS_JoqW.css +7 -0
  47. package/dist/assets/src/separator/{Separator.css.ts.vanilla-DV5lkUl8.css → Separator.css.ts.vanilla-D46Ll8o8.css} +8 -8
  48. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-Cs83XPKB.css +6 -0
  49. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-B7O28Qy_.css +6 -0
  50. package/dist/assets/src/spinner/{Spinner.css.ts.vanilla-DRngpM23.css → Spinner.css.ts.vanilla-C7NfSuwZ.css} +4 -4
  51. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DgV2N16s.css +6 -0
  52. package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DHAnHklK.css +12 -0
  53. package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DWQ4oo_3.css +9 -0
  54. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-CPpSeruh.css → properties.css.ts.vanilla-Yh93ba4F.css} +733 -733
  55. package/dist/assets/src/switch/Switch.css.ts.vanilla-BxVo4yYt.css +45 -0
  56. package/dist/assets/src/table/{Table.css.ts.vanilla-AaGRZqj1.css → Table.css.ts.vanilla-CEXw4SoB.css} +6 -6
  57. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DVsdFuhA.css +6 -0
  58. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-B17mISdr.css +10 -0
  59. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-7FFQXrzd.css +10 -0
  60. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-zPkQonIM.css +8 -0
  61. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Bm1_nlwn.css +9 -0
  62. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-xqQc1D4m.css +13 -0
  63. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-BGFNzd6p.css → TabsTrigger.css.ts.vanilla-C_944q6A.css} +15 -13
  64. package/dist/assets/src/text/{Text.css.ts.vanilla-C5IgOcZn.css → Text.css.ts.vanilla-DWcwdmXi.css} +8 -8
  65. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-tmoQSWQg.css +34 -0
  66. package/dist/assets/src/toast/Toast.css.ts.vanilla-DiOB3mtx.css +90 -0
  67. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-CXtQhxtZ.css → ToastProvider.css.ts.vanilla-BcJhdGvu.css} +9 -9
  68. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-BgMgylht.css +25 -0
  69. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BXjsZSRz.css +10 -0
  70. package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cf8mdt0b.css → Transition.css.ts.vanilla-D9UrS4_z.css} +16 -16
  71. package/dist/index.d.ts +120 -493
  72. package/dist/index.js +4 -2
  73. package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js +1 -1
  74. package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.js +2 -2
  75. package/dist/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_wcbutaohqjnkd6euht5r5xgz74/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js +2 -2
  76. package/dist/packages/react/package.json.js +1 -1
  77. package/dist/packages/react/src/alert/Alert-css.js +1 -1
  78. package/dist/packages/react/src/alert/Alert.js +1 -1
  79. package/dist/packages/react/src/alert-dialog/AlertDialog.js +12 -1
  80. package/dist/packages/react/src/alert-dialog-action/AlertDialogAction.js +5 -3
  81. package/dist/packages/react/src/alert-dialog-body/AlertDialogBody-css.js +1 -1
  82. package/dist/packages/react/src/alert-dialog-cancel/AlertDialogCancel.js +11 -3
  83. package/dist/packages/react/src/alert-dialog-content/AlertDialogContent-css.js +6 -5
  84. package/dist/packages/react/src/alert-dialog-content/AlertDialogContent.js +26 -8
  85. package/dist/packages/react/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  86. package/dist/packages/react/src/{alert-dialog-title/AlertDialogTitle.js → alert-dialog-header/AlertDialogHeader.js} +5 -20
  87. package/dist/packages/react/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  88. package/dist/packages/react/src/autocomplete-content/AutocompleteContent.js +38 -8
  89. package/dist/packages/react/src/autocomplete-virtualized/AutocompleteVirtualized.js +58 -0
  90. package/dist/packages/react/src/avatar/Avatar-css.js +4 -4
  91. package/dist/packages/react/src/avatar/Avatar.js +1 -1
  92. package/dist/packages/react/src/avatar-context/AvatarContext.js +1 -1
  93. package/dist/packages/react/src/avatar-group/AvatarGroup-css.js +3 -3
  94. package/dist/packages/react/src/axiom-provider/AxiomProvider.js +2 -2
  95. package/dist/packages/react/src/backdrop/Backdrop-css.js +3 -3
  96. package/dist/packages/react/src/badge/Badge-css.js +3 -3
  97. package/dist/packages/react/src/banner/Banner-css.js +1 -1
  98. package/dist/packages/react/src/banner/Banner.js +1 -1
  99. package/dist/packages/react/src/box/Box-css.js +3 -3
  100. package/dist/packages/react/src/breadcrumb/Breadcrumb.js +2 -2
  101. package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js +3 -3
  102. package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem.js +2 -2
  103. package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js +3 -3
  104. package/dist/packages/react/src/button-base/ButtonBase-css.js +5 -5
  105. package/dist/packages/react/src/button-base/ButtonBase.js +4 -4
  106. package/dist/packages/react/src/button-group/ButtonGroup-css.js +3 -3
  107. package/dist/packages/react/src/button-group/ButtonGroup.js +1 -1
  108. package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js +5 -5
  109. package/dist/packages/react/src/checkbox/Checkbox-css.js +8 -8
  110. package/dist/packages/react/src/code/Code-css.js +3 -3
  111. package/dist/packages/react/src/combobox-content/ComboboxContent.js +1 -1
  112. package/dist/packages/react/src/combobox-dialog-content/ComboboxDialogContent.js +1 -1
  113. package/dist/packages/react/src/combobox-popover-content/ComboboxPopoverContent.js +1 -1
  114. package/dist/packages/react/src/command/Command.js +15 -5
  115. package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js +3 -3
  116. package/dist/packages/react/src/command-focusable-item/CommandFocusableItem.js +1 -1
  117. package/dist/packages/react/src/command-input/CommandInput.js +3 -7
  118. package/dist/packages/react/src/command-item/CommandItem.js +5 -9
  119. package/dist/packages/react/src/command-listbox/CommandListbox.js +2 -13
  120. package/dist/packages/react/src/command-sub-item/CommandSubItem.js +2 -2
  121. package/dist/packages/react/src/command-toggle-button/CommandToggleButton.js +2 -2
  122. package/dist/packages/react/src/data-table/DataTable-css.js +10 -10
  123. package/dist/packages/react/src/data-table/DataTable.js +8 -20
  124. package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js +4 -4
  125. package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell.js +4 -2
  126. package/dist/packages/react/src/dialog/Dialog.js +12 -1
  127. package/dist/packages/react/src/dialog-actions/DialogActions-css.js +3 -3
  128. package/dist/packages/react/src/dialog-actions/DialogActions.js +2 -8
  129. package/dist/packages/react/src/dialog-close/DialogClose.js +2 -2
  130. package/dist/packages/react/src/dialog-content/DialogContent-css.js +5 -4
  131. package/dist/packages/react/src/dialog-content/DialogContent.js +26 -7
  132. package/dist/packages/react/src/dialog-description/DialogDescription-css.js +3 -3
  133. package/dist/packages/react/src/dialog-footer/DialogFooter-css.js +1 -1
  134. package/dist/packages/react/src/dialog-form/DialogForm.js +28 -0
  135. package/dist/packages/react/src/dialog-header/DialogHeader-css.js +7 -0
  136. package/dist/packages/react/src/dialog-header/DialogHeader.js +20 -3
  137. package/dist/packages/react/src/dialog-title/DialogTitle-css.js +3 -3
  138. package/dist/packages/react/src/disclosure-content/DisclosureContent-css.js +7 -0
  139. package/dist/packages/react/src/disclosure-content/DisclosureContent.js +3 -2
  140. package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  141. package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger.js +9 -2
  142. package/dist/packages/react/src/downshift/useDelayedState.js +3 -3
  143. package/dist/packages/react/src/drawer-actions/DrawerActions-css.js +3 -3
  144. package/dist/packages/react/src/drawer-content/DrawerContent-css.js +3 -3
  145. package/dist/packages/react/src/drawer-content/DrawerContent.js +2 -2
  146. package/dist/packages/react/src/drawer-description/DrawerDescription-css.js +3 -3
  147. package/dist/packages/react/src/drawer-title/DrawerTitle-css.js +3 -3
  148. package/dist/packages/react/src/dropdown-menu-content/DropdownMenuContent.js +14 -3
  149. package/dist/packages/react/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +3 -11
  150. package/dist/packages/react/src/field/Field.js +4 -4
  151. package/dist/packages/react/src/field-context/FieldContext.js +1 -1
  152. package/dist/packages/react/src/field-label/FieldLabel.js +1 -1
  153. package/dist/packages/react/src/highlight/Highlight-css.js +3 -3
  154. package/dist/packages/react/src/highlight/Highlight.js +9 -12
  155. package/dist/packages/react/src/indicator/Indicator-css.js +5 -5
  156. package/dist/packages/react/src/inline-input/InlineInput-css.js +4 -4
  157. package/dist/packages/react/src/input/Input-css.js +1 -1
  158. package/dist/packages/react/src/input-control/InputControl-css.js +3 -3
  159. package/dist/packages/react/src/input-control/InputControl.js +7 -7
  160. package/dist/packages/react/src/input-root/InputRoot-css.js +5 -5
  161. package/dist/packages/react/src/kbd/Kbd-css.js +4 -4
  162. package/dist/packages/react/src/kbd/Kbd.js +2 -2
  163. package/dist/packages/react/src/layers/layers-css.js +3 -3
  164. package/dist/packages/react/src/link/Link-css.js +4 -4
  165. package/dist/packages/react/src/link/Link.js +2 -2
  166. package/dist/packages/react/src/listbox-group/ListboxGroup.js +1 -1
  167. package/dist/packages/react/src/listbox-group-context/ListboxGroupContext.js +1 -1
  168. package/dist/packages/react/src/listbox-item/ListboxItem-css.js +5 -5
  169. package/dist/packages/react/src/listbox-item/ListboxItem.js +2 -2
  170. package/dist/packages/react/src/listbox-item-indicator/ListboxItemIndicator.js +6 -3
  171. package/dist/packages/react/src/menu-listbox/MenuListbox-css.js +3 -3
  172. package/dist/packages/react/src/menu-listbox/MenuListbox.js +2 -2
  173. package/dist/packages/react/src/nested-dialog-context/NestedDialogContext.js +5 -0
  174. package/dist/packages/react/src/nested-dialog-context/useNestedDialogCount.js +17 -0
  175. package/dist/packages/react/src/pagination/Pagination-css.js +5 -5
  176. package/dist/packages/react/src/pagination/Pagination.js +3 -3
  177. package/dist/packages/react/src/paper/Paper-css.js +1 -1
  178. package/dist/packages/react/src/pill/Pill-css.js +3 -3
  179. package/dist/packages/react/src/popover-content/PopoverContent.js +2 -2
  180. package/dist/packages/react/src/progress/Progress-css.js +3 -3
  181. package/dist/packages/react/src/radio/Radio-css.js +8 -8
  182. package/dist/packages/react/src/radio/Radio.js +3 -3
  183. package/dist/packages/react/src/search-input/SearchInput-css.js +4 -4
  184. package/dist/packages/react/src/select-content/SelectContent-css.js +3 -3
  185. package/dist/packages/react/src/select-content/SelectContent.js +28 -4
  186. package/dist/packages/react/src/select-item/SelectItem.js +6 -10
  187. package/dist/packages/react/src/separator/Separator-css.js +3 -3
  188. package/dist/packages/react/src/sidenav/Sidenav.js +22 -12
  189. package/dist/packages/react/src/sidenav-account-item/SidenavAccountItem.js +15 -4
  190. package/dist/packages/react/src/sidenav-body/SidenavBody.js +4 -7
  191. package/dist/packages/react/src/sidenav-footer/SidenavFooter.js +4 -7
  192. package/dist/packages/react/src/sidenav-header/SidenavHeader.js +1 -5
  193. package/dist/packages/react/src/sidenav-item/SidenavItem-css.js +5 -5
  194. package/dist/packages/react/src/sidenav-item/SidenavItem.js +11 -18
  195. package/dist/packages/react/src/skeleton/Skeleton-css.js +3 -3
  196. package/dist/packages/react/src/skeleton/Skeleton.js +5 -6
  197. package/dist/packages/react/src/spinner/Spinner-css.js +3 -3
  198. package/dist/packages/react/src/spotlight-content/SpotlightContent.js +0 -1
  199. package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js +3 -3
  200. package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js +3 -3
  201. package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js +4 -4
  202. package/dist/packages/react/src/spotlight-trigger/SpotlightTrigger.js +1 -1
  203. package/dist/packages/react/src/sprinkles/extractSprinkles.js +1 -1
  204. package/dist/packages/react/src/sprinkles/properties-css.js +4 -4
  205. package/dist/packages/react/src/switch/Switch-css.js +8 -8
  206. package/dist/packages/react/src/table/Table-css.js +4 -4
  207. package/dist/packages/react/src/table/Table.js +1 -1
  208. package/dist/packages/react/src/table-body/TableBody-css.js +3 -3
  209. package/dist/packages/react/src/table-cell/TableCell-css.js +4 -4
  210. package/dist/packages/react/src/table-header-cell/TableHeaderCell-css.js +4 -4
  211. package/dist/packages/react/src/table-row/TableRow-css.js +3 -3
  212. package/dist/packages/react/src/tabs/Tabs-css.js +3 -3
  213. package/dist/packages/react/src/tabs/Tabs.js +2 -3
  214. package/dist/packages/react/src/tabs-content/TabsContent.js +2 -6
  215. package/dist/packages/react/src/tabs-list/TabsList-css.js +3 -3
  216. package/dist/packages/react/src/tabs-list/TabsList.js +2 -4
  217. package/dist/packages/react/src/tabs-trigger/TabsTrigger-css.js +4 -4
  218. package/dist/packages/react/src/tabs-trigger/TabsTrigger.js +4 -19
  219. package/dist/packages/react/src/text/Text-css.js +3 -3
  220. package/dist/packages/react/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  221. package/dist/packages/react/src/theme-provider/ThemeProvider.js +16 -8
  222. package/dist/packages/react/src/toast/Toast-css.js +7 -6
  223. package/dist/packages/react/src/toast/Toast.js +42 -25
  224. package/dist/packages/react/src/toast-action/ToastAction.js +2 -2
  225. package/dist/packages/react/src/toast-provider/ToastProvider-css.js +5 -4
  226. package/dist/packages/react/src/toast-provider/ToastProvider.js +7 -3
  227. package/dist/packages/react/src/toggle-input/ToggleInput-css.js +4 -4
  228. package/dist/packages/react/src/toggle-input/ToggleInput.js +4 -4
  229. package/dist/packages/react/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  230. package/dist/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  231. package/dist/packages/react/src/toggle-input-label/ToggleInputLabel.js +16 -2
  232. package/dist/packages/react/src/tooltip/Tooltip.js +27 -31
  233. package/dist/packages/react/src/tooltip-content/TooltipContent-css.js +1 -1
  234. package/dist/packages/react/src/tooltip-content/TooltipContent.js +5 -4
  235. package/dist/packages/react/src/tooltip-provider/TooltipProvider.js +19 -0
  236. package/dist/packages/react/src/tooltip-root/TooltipRoot.js +1 -1
  237. package/dist/packages/react/src/transition/Transition-css.js +4 -5
  238. package/dist/packages/react/src/transition/Transition.js +10 -18
  239. package/dist/packages/react/src/transition-group/TransitionGroup.js +46 -0
  240. package/dist/packages/react/src/transition-group-context/TransitionGroupContext.js +5 -0
  241. package/dist/packages/react/src/use-responsive-matches/useResponsiveMatches.js +1 -1
  242. package/dist/packages/react/src/use-transition-status/useTransitionStatus.js +21 -0
  243. package/dist/packages/react/src/utils/decorateChildren.js +1 -1
  244. package/dist/packages/react/src/vanilla-extract/recipeRuntime.js +1 -1
  245. package/dist/unstable.d.ts +113 -71
  246. package/dist/unstable.js +1 -0
  247. package/package.json +7 -6
  248. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-D1fQixNN.css +0 -20
  249. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Bu54f07F.css +0 -6
  250. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DyQDI5n_.css +0 -10
  251. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CC1YKzaI.css +0 -28
  252. package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-3J4kgLSl.css +0 -4
  253. package/dist/assets/src/badge/Badge.css.ts.vanilla-CxenIwSA.css +0 -46
  254. package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-BCwJOq95.css +0 -8
  255. package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CYyMTcl3.css +0 -12
  256. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-LB7W6lTK.css +0 -145
  257. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-C_kf7cXQ.css +0 -9
  258. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DQ-T1a-J.css +0 -18
  259. package/dist/assets/src/code/Code.css.ts.vanilla-BoILKpeG.css +0 -7
  260. package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CsD5Lm9p.css +0 -7
  261. package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-DmqGyOti.css +0 -6
  262. package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-DBsIX9-a.css +0 -6
  263. package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-Bu0LwmUW.css +0 -6
  264. package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-0YP3mnr3.css +0 -19
  265. package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-COIV9W5_.css +0 -6
  266. package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BJ9DFLKX.css +0 -6
  267. package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-5j36Dxkc.css +0 -6
  268. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-B9a92xor.css +0 -7
  269. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-B3weDxFS.css +0 -37
  270. package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-C6lD1LYe.css +0 -68
  271. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DAhSs3L3.css +0 -9
  272. package/dist/assets/src/layers/layers.css.ts.vanilla-DKTSleIR.css +0 -1
  273. package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-X6F67MiY.css +0 -48
  274. package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-l4UA2n3T.css +0 -21
  275. package/dist/assets/src/progress/Progress.css.ts.vanilla-CRcfDKun.css +0 -6
  276. package/dist/assets/src/radio/Radio.css.ts.vanilla-wh6Kjw9Q.css +0 -13
  277. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-CaLykiH1.css +0 -6
  278. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-BnpWp8VE.css +0 -7
  279. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-9wk7bAfG.css +0 -6
  280. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BJkDYRoP.css +0 -6
  281. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CyFVD4vO.css +0 -6
  282. package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-RGL_LbXN.css +0 -12
  283. package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-n4RX_zz6.css +0 -9
  284. package/dist/assets/src/switch/Switch.css.ts.vanilla-CJ6-vaID.css +0 -26
  285. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-PLpDWEM1.css +0 -6
  286. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-BoojYcJx.css +0 -10
  287. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DEdofmsJ.css +0 -9
  288. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BP46h_xl.css +0 -6
  289. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-eF05kHdN.css +0 -9
  290. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-DMC52kVj.css +0 -23
  291. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Cud05mIM.css +0 -34
  292. package/dist/assets/src/toast/Toast.css.ts.vanilla-nlZSggfY.css +0 -96
  293. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DaiPcs9V.css +0 -23
  294. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-GXsOTirN.css +0 -10
  295. package/dist/node_modules/.pnpm/@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js +0 -30
  296. package/dist/node_modules/.pnpm/@reach_utils@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/utils/dist/reach-utils.js +0 -21
  297. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js +0 -57
  298. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js +0 -162
  299. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js +0 -41
  300. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/utils.js +0 -14
  301. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js +0 -5
  302. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/PresenceContext.js +0 -8
  303. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/is-browser.js +0 -3
  304. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-constant.js +0 -18
  305. package/dist/node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js +0 -6
  306. package/dist/node_modules/.pnpm/motion-utils@11.14.3/node_modules/motion-utils/dist/es/errors.js +0 -12
  307. package/dist/node_modules/.pnpm/motion-utils@11.14.3/node_modules/motion-utils/dist/es/noop.js +0 -3
  308. package/dist/packages/react/src/animate-presence/AnimatePresence.js +0 -17
  309. package/dist/packages/react/src/autocomplete-content/AutocompleteContentImpl.js +0 -24
  310. package/dist/packages/react/src/select-content/SelectContentImpl.js +0 -37
  311. package/dist/packages/react/src/tabs-context/TabsContext.js +0 -5
  312. /package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-hotkeys/parse-hotkey.js +0 -0
  313. /package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js +0 -0
  314. /package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.1_react@18.3.1 → @mantine_hooks@7.15.3_react@18.3.1}/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js +0 -0
@@ -1,34 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._1yvjyux {
4
- max-height: calc(16px + var(--_9pyi73) * 22px);
5
- }
6
- .tsrzsk {
7
- --_9pyi73: 1;
8
- }
9
- ._12smxbv {
10
- --_9pyi73: 2;
11
- }
12
- ._1nt5vom {
13
- --_9pyi73: 3;
14
- }
15
- ._60a5r0 {
16
- --_9pyi73: 4;
17
- }
18
- ._1de9pz {
19
- --_9pyi73: 5;
20
- }
21
- ._90kp93 {
22
- resize: vertical;
23
- }
24
- .t61a3s {
25
- grid-area: 1 / 1 / 2 / 2;
26
- }
27
- ._1rwrjb0 {
28
- visibility: hidden;
29
- white-space: pre-wrap;
30
- }
31
- .y8ijjc {
32
- resize: none;
33
- }
34
- }
@@ -1,96 +0,0 @@
1
- @keyframes _1od6pj2 {
2
- from {
3
- opacity: 1;
4
- }
5
- }
6
- @keyframes _6qt8iy {
7
- from {
8
- translate: var(--_1kh10k2);
9
- }
10
- to {
11
- translate: 0;
12
- }
13
- }
14
- @keyframes c46oqe {
15
- from {
16
- opacity: 1;
17
- translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
18
- }
19
- to {
20
- translate: var(--_1kh10k2);
21
- }
22
- }
23
- @layer optiaxiom._12gtxoh;
24
- @layer optiaxiom._12gtxoh {
25
- ._109pobo:focus-visible {
26
- outline: 2px solid var(--ax-colors-border-focus);
27
- outline-offset: 1px;
28
- }
29
- ._109pobo[data-state="closed"] {
30
- animation: _1od6pj2 100ms ease-in;
31
- opacity: 0;
32
- }
33
- ._109pobo[data-state="closed"] ~ ._109pobo {
34
- transition: translate 100ms ease-in 100ms;
35
- }
36
- ._109pobo[data-state="open"] {
37
- animation: _6qt8iy 150ms cubic-bezier(0.16, 1, 0.3, 1);
38
- }
39
- ._109pobo[data-swipe-direction="down"] {
40
- --_1kh10k2: 0 calc(100% + 24px);
41
- }
42
- ._109pobo[data-swipe-direction="left"] {
43
- --_1kh10k2: calc(-100% - 24px) 0;
44
- }
45
- ._109pobo[data-swipe-direction="right"] {
46
- --_1kh10k2: calc(100% + 24px) 0;
47
- }
48
- ._109pobo[data-swipe-direction="up"] {
49
- --_1kh10k2: 0 calc(-100% - 24px);
50
- }
51
- ._109pobo[data-swipe="cancel"] {
52
- transition: translate 150ms ease;
53
- translate: 0;
54
- }
55
- ._109pobo[data-swipe="end"] {
56
- animation: c46oqe 100ms ease-out;
57
- opacity: 0;
58
- }
59
- ._109pobo[data-swipe="move"] {
60
- translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
61
- }
62
- [data-position^="bottom"] ._109pobo:first-child {
63
- margin-bottom: auto;
64
- }
65
- [data-position^="bottom"] ._109pobo[data-state="closed"] ~ ._109pobo {
66
- translate: 0 calc(100% + 16px);
67
- }
68
- [data-position^="top"] ._109pobo:last-child {
69
- margin-top: auto;
70
- }
71
- [data-position^="top"] ._109pobo[data-state="closed"] ~ ._109pobo {
72
- translate: 0 calc(-100% - 16px);
73
- }
74
- ._1ukmgub {
75
- --_14ymgbt: var(--ax-colors-fg-error-light);
76
- }
77
- ._1l2r5gy {
78
- --_14ymgbt: var(--ax-colors-fg-information-light);
79
- }
80
- ._1pwzs1l {
81
- --_14ymgbt: var(--ax-colors-fg-default-inverse);
82
- }
83
- ._1s8l1yg {
84
- --_14ymgbt: var(--ax-colors-fg-success-light);
85
- }
86
- ._9eazys {
87
- --_14ymgbt: var(--ax-colors-fg-warning-light);
88
- }
89
- ._1gqgyrt {
90
- color: var(--_14ymgbt);
91
- }
92
- ._1yl3iyf a {
93
- color: var(--ax-colors-fg-link-inverse);
94
- text-decoration: underline;
95
- }
96
- }
@@ -1,23 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._1eo60zd {
4
- --_1msu1q0: var(--ax-colors-border-active);
5
- color: var(--ax-colors-fg-default);
6
- position: relative;
7
- }
8
- ._1eo60zd:has(._18kc1km:not(:disabled):checked):hover {
9
- --_1msu1q0: var(--ax-colors-bg-accent-hovered);
10
- }
11
- ._1eo60zd:has(._18kc1km:not(:disabled):not(:checked)):hover {
12
- --_1msu1q0: var(--ax-colors-border-active-hovered);
13
- }
14
- ._1eo60zd:has(._18kc1km:checked) {
15
- --_1msu1q0: var(--ax-colors-bg-accent);
16
- }
17
- ._1eo60zd:has(._18kc1km:disabled) {
18
- color: var(--ax-colors-fg-disabled);
19
- }
20
- ._1eo60zd:not(:has(._18kc1km:disabled)) {
21
- cursor: pointer;
22
- }
23
- }
@@ -1,10 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._1wqc2mu:has(:focus-visible) ._7yx9gn {
4
- outline: 2px solid var(--ax-colors-border-focus);
5
- outline-offset: 1px;
6
- }
7
- ._1wqc2mu:has(input:disabled) ._7yx9gn {
8
- opacity: 0.3;
9
- }
10
- }
@@ -1,30 +0,0 @@
1
- import * as React from 'react';
2
- import { useIsomorphicLayoutEffect } from '../../../../../@reach_utils@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/utils/dist/reach-utils.js';
3
-
4
- var serverHandoffComplete = false;
5
- var id = 0;
6
- function genId() {
7
- return ++id;
8
- }
9
- var maybeReactUseId = React["useId".toString()];
10
- function useId(providedId) {
11
- if (maybeReactUseId !== void 0) {
12
- let generatedId = maybeReactUseId();
13
- return providedId ?? generatedId;
14
- }
15
- let initialId = providedId ?? (serverHandoffComplete ? genId() : null);
16
- let [id2, setId] = React.useState(initialId);
17
- useIsomorphicLayoutEffect(() => {
18
- if (id2 === null) {
19
- setId(genId());
20
- }
21
- }, []);
22
- React.useEffect(() => {
23
- if (serverHandoffComplete === false) {
24
- serverHandoffComplete = true;
25
- }
26
- }, []);
27
- return providedId ?? id2 ?? void 0;
28
- }
29
-
30
- export { useId };
@@ -1,21 +0,0 @@
1
- import { useLayoutEffect, useEffect } from 'react';
2
-
3
- /**
4
- * @reach/utils v0.18.0
5
- *
6
- * Copyright (c) 2018-2022, React Training LLC
7
- *
8
- * This source code is licensed under the MIT license found in the
9
- * LICENSE.md file in the root directory of this source tree.
10
- *
11
- * @license MIT
12
- */
13
-
14
-
15
- // src/can-use-dom.ts
16
- function canUseDOM() {
17
- return !!(typeof window !== "undefined" && window.document && window.document.createElement);
18
- }
19
- var useIsomorphicLayoutEffect = canUseDOM() ? useLayoutEffect : useEffect;
20
-
21
- export { canUseDOM, useIsomorphicLayoutEffect };
@@ -1,57 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { useCallback, useMemo } from 'react';
4
- import { useId } from '../../../../../../../@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
5
- import { PresenceContext } from '../../context/PresenceContext.js';
6
- import { useConstant } from '../../utils/use-constant.js';
7
-
8
- const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {
9
- const presenceChildren = useConstant(newChildrenMap);
10
- const id = useId();
11
- const memoizedOnExitComplete = useCallback((childId) => {
12
- presenceChildren.set(childId, true);
13
- for (const isComplete of presenceChildren.values()) {
14
- if (!isComplete)
15
- return; // can stop searching when any is incomplete
16
- }
17
- onExitComplete && onExitComplete();
18
- }, [presenceChildren, onExitComplete]);
19
- const context = useMemo(() => ({
20
- id,
21
- initial,
22
- isPresent,
23
- custom,
24
- onExitComplete: memoizedOnExitComplete,
25
- register: (childId) => {
26
- presenceChildren.set(childId, false);
27
- return () => presenceChildren.delete(childId);
28
- },
29
- }),
30
- /**
31
- * If the presence of a child affects the layout of the components around it,
32
- * we want to make a new context value to ensure they get re-rendered
33
- * so they can detect that layout change.
34
- */
35
- presenceAffectsLayout
36
- ? [Math.random(), memoizedOnExitComplete]
37
- : [isPresent, memoizedOnExitComplete]);
38
- useMemo(() => {
39
- presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
40
- }, [isPresent]);
41
- /**
42
- * If there's no `motion` components to fire exit animations, we want to remove this
43
- * component immediately.
44
- */
45
- React.useEffect(() => {
46
- !isPresent &&
47
- !presenceChildren.size &&
48
- onExitComplete &&
49
- onExitComplete();
50
- }, [isPresent]);
51
- return (jsx(PresenceContext.Provider, { value: context, children: children }));
52
- };
53
- function newChildrenMap() {
54
- return new Map();
55
- }
56
-
57
- export { PresenceChild };
@@ -1,162 +0,0 @@
1
- import { jsx, Fragment } from 'react/jsx-runtime';
2
- import { useMemo, useRef, useState, useContext } from 'react';
3
- import { PresenceChild } from './PresenceChild.js';
4
- import { LayoutGroupContext } from '../../context/LayoutGroupContext.js';
5
- import { invariant } from '../../../../../../../motion-utils@11.14.3/node_modules/motion-utils/dist/es/errors.js';
6
- import { useConstant } from '../../utils/use-constant.js';
7
- import { onlyElements, getChildKey } from './utils.js';
8
- import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.js';
9
-
10
- /**
11
- * `AnimatePresence` enables the animation of components that have been removed from the tree.
12
- *
13
- * When adding/removing more than a single child, every child **must** be given a unique `key` prop.
14
- *
15
- * Any `motion` components that have an `exit` property defined will animate out when removed from
16
- * the tree.
17
- *
18
- * ```jsx
19
- * import { motion, AnimatePresence } from 'framer-motion'
20
- *
21
- * export const Items = ({ items }) => (
22
- * <AnimatePresence>
23
- * {items.map(item => (
24
- * <motion.div
25
- * key={item.id}
26
- * initial={{ opacity: 0 }}
27
- * animate={{ opacity: 1 }}
28
- * exit={{ opacity: 0 }}
29
- * />
30
- * ))}
31
- * </AnimatePresence>
32
- * )
33
- * ```
34
- *
35
- * You can sequence exit animations throughout a tree using variants.
36
- *
37
- * If a child contains multiple `motion` components with `exit` props, it will only unmount the child
38
- * once all `motion` components have finished animating out. Likewise, any components using
39
- * `usePresence` all need to call `safeToRemove`.
40
- *
41
- * @public
42
- */
43
- const AnimatePresence = ({ children, exitBeforeEnter, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = "sync", }) => {
44
- invariant(!exitBeforeEnter, "Replace exitBeforeEnter with mode='wait'");
45
- /**
46
- * Filter any children that aren't ReactElements. We can only track components
47
- * between renders with a props.key.
48
- */
49
- const presentChildren = useMemo(() => onlyElements(children), [children]);
50
- /**
51
- * Track the keys of the currently rendered children. This is used to
52
- * determine which children are exiting.
53
- */
54
- const presentKeys = presentChildren.map(getChildKey);
55
- /**
56
- * If `initial={false}` we only want to pass this to components in the first render.
57
- */
58
- const isInitialRender = useRef(true);
59
- /**
60
- * A ref containing the currently present children. When all exit animations
61
- * are complete, we use this to re-render the component with the latest children
62
- * *committed* rather than the latest children *rendered*.
63
- */
64
- const pendingPresentChildren = useRef(presentChildren);
65
- /**
66
- * Track which exiting children have finished animating out.
67
- */
68
- const exitComplete = useConstant(() => new Map());
69
- /**
70
- * Save children to render as React state. To ensure this component is concurrent-safe,
71
- * we check for exiting children via an effect.
72
- */
73
- const [diffedChildren, setDiffedChildren] = useState(presentChildren);
74
- const [renderedChildren, setRenderedChildren] = useState(presentChildren);
75
- useIsomorphicLayoutEffect(() => {
76
- isInitialRender.current = false;
77
- pendingPresentChildren.current = presentChildren;
78
- /**
79
- * Update complete status of exiting children.
80
- */
81
- for (let i = 0; i < renderedChildren.length; i++) {
82
- const key = getChildKey(renderedChildren[i]);
83
- if (!presentKeys.includes(key)) {
84
- if (exitComplete.get(key) !== true) {
85
- exitComplete.set(key, false);
86
- }
87
- }
88
- else {
89
- exitComplete.delete(key);
90
- }
91
- }
92
- }, [renderedChildren, presentKeys.length, presentKeys.join("-")]);
93
- const exitingChildren = [];
94
- if (presentChildren !== diffedChildren) {
95
- let nextChildren = [...presentChildren];
96
- /**
97
- * Loop through all the currently rendered components and decide which
98
- * are exiting.
99
- */
100
- for (let i = 0; i < renderedChildren.length; i++) {
101
- const child = renderedChildren[i];
102
- const key = getChildKey(child);
103
- if (!presentKeys.includes(key)) {
104
- nextChildren.splice(i, 0, child);
105
- exitingChildren.push(child);
106
- }
107
- }
108
- /**
109
- * If we're in "wait" mode, and we have exiting children, we want to
110
- * only render these until they've all exited.
111
- */
112
- if (mode === "wait" && exitingChildren.length) {
113
- nextChildren = exitingChildren;
114
- }
115
- setRenderedChildren(onlyElements(nextChildren));
116
- setDiffedChildren(presentChildren);
117
- /**
118
- * Early return to ensure once we've set state with the latest diffed
119
- * children, we can immediately re-render.
120
- */
121
- return;
122
- }
123
- if (process.env.NODE_ENV !== "production" &&
124
- mode === "wait" &&
125
- renderedChildren.length > 1) {
126
- console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
127
- }
128
- /**
129
- * If we've been provided a forceRender function by the LayoutGroupContext,
130
- * we can use it to force a re-render amongst all surrounding components once
131
- * all components have finished animating out.
132
- */
133
- const { forceRender } = useContext(LayoutGroupContext);
134
- return (jsx(Fragment, { children: renderedChildren.map((child) => {
135
- const key = getChildKey(child);
136
- const isPresent = presentChildren === renderedChildren ||
137
- presentKeys.includes(key);
138
- const onExit = () => {
139
- if (exitComplete.has(key)) {
140
- exitComplete.set(key, true);
141
- }
142
- else {
143
- return;
144
- }
145
- let isEveryExitComplete = true;
146
- exitComplete.forEach((isExitComplete) => {
147
- if (!isExitComplete)
148
- isEveryExitComplete = false;
149
- });
150
- if (isEveryExitComplete) {
151
- forceRender === null || forceRender === void 0 ? void 0 : forceRender();
152
- setRenderedChildren(pendingPresentChildren.current);
153
- onExitComplete && onExitComplete();
154
- }
155
- };
156
- return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial
157
- ? undefined
158
- : false, custom: isPresent ? undefined : custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, children: child }, key));
159
- }) }));
160
- };
161
-
162
- export { AnimatePresence };
@@ -1,41 +0,0 @@
1
- import { useId } from '../../../../../../../@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
2
- import { useContext, useEffect, useCallback } from 'react';
3
- import { PresenceContext } from '../../context/PresenceContext.js';
4
-
5
- /**
6
- * When a component is the child of `AnimatePresence`, it can use `usePresence`
7
- * to access information about whether it's still present in the React tree.
8
- *
9
- * ```jsx
10
- * import { usePresence } from "framer-motion"
11
- *
12
- * export const Component = () => {
13
- * const [isPresent, safeToRemove] = usePresence()
14
- *
15
- * useEffect(() => {
16
- * !isPresent && setTimeout(safeToRemove, 1000)
17
- * }, [isPresent])
18
- *
19
- * return <div />
20
- * }
21
- * ```
22
- *
23
- * If `isPresent` is `false`, it means that a component has been removed the tree, but
24
- * `AnimatePresence` won't really remove it until `safeToRemove` has been called.
25
- *
26
- * @public
27
- */
28
- function usePresence() {
29
- const context = useContext(PresenceContext);
30
- if (context === null)
31
- return [true, null];
32
- const { isPresent, onExitComplete, register } = context;
33
- // It's safe to call the following hooks conditionally (after an early return) because the context will always
34
- // either be null or non-null for the lifespan of the component.
35
- const id = useId();
36
- useEffect(() => register(id), []);
37
- const safeToRemove = useCallback(() => onExitComplete && onExitComplete(id), [id, onExitComplete]);
38
- return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
39
- }
40
-
41
- export { usePresence };
@@ -1,14 +0,0 @@
1
- import { Children, isValidElement } from 'react';
2
-
3
- const getChildKey = (child) => child.key || "";
4
- function onlyElements(children) {
5
- const filtered = [];
6
- // We use forEach here instead of map as map mutates the component key by preprending `.$`
7
- Children.forEach(children, (child) => {
8
- if (isValidElement(child))
9
- filtered.push(child);
10
- });
11
- return filtered;
12
- }
13
-
14
- export { getChildKey, onlyElements };
@@ -1,5 +0,0 @@
1
- import { createContext } from 'react';
2
-
3
- const LayoutGroupContext = createContext({});
4
-
5
- export { LayoutGroupContext };
@@ -1,8 +0,0 @@
1
- import { createContext } from 'react';
2
-
3
- /**
4
- * @public
5
- */
6
- const PresenceContext = createContext(null);
7
-
8
- export { PresenceContext };
@@ -1,18 +0,0 @@
1
- import { useRef } from 'react';
2
-
3
- /**
4
- * Creates a constant value over the lifecycle of a component.
5
- *
6
- * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer
7
- * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`
8
- * you can ensure that initialisers don't execute twice or more.
9
- */
10
- function useConstant(init) {
11
- const ref = useRef(null);
12
- if (ref.current === null) {
13
- ref.current = init();
14
- }
15
- return ref.current;
16
- }
17
-
18
- export { useConstant };
@@ -1,6 +0,0 @@
1
- import { useLayoutEffect, useEffect } from 'react';
2
- import { isBrowser } from './is-browser.js';
3
-
4
- const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
5
-
6
- export { useIsomorphicLayoutEffect };
@@ -1,12 +0,0 @@
1
- import { noop } from './noop.js';
2
-
3
- let invariant = noop;
4
- if (process.env.NODE_ENV !== "production") {
5
- invariant = (check, message) => {
6
- if (!check) {
7
- throw new Error(message);
8
- }
9
- };
10
- }
11
-
12
- export { invariant };
@@ -1,3 +0,0 @@
1
- const noop = (any) => any;
2
-
3
- export { noop };
@@ -1,17 +0,0 @@
1
- "use client";
2
- import { jsx } from 'react/jsx-runtime';
3
- import '../transition/Transition.js';
4
- import { TransitionGlobalConfig } from '../transition/TransitionGlobalConfig.js';
5
- import { AnimatePresence as AnimatePresence$1 } from '../../../../node_modules/.pnpm/framer-motion@11.15.0_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
6
-
7
- function AnimatePresence({
8
- children
9
- }) {
10
- if (TransitionGlobalConfig.skipAnimations) {
11
- return children;
12
- }
13
- return /* @__PURE__ */ jsx(AnimatePresence$1, { children });
14
- }
15
- AnimatePresence.displayName = "@optiaxiom/react/AnimatePresence";
16
-
17
- export { AnimatePresence };
@@ -1,24 +0,0 @@
1
- "use client";
2
- import { jsx } from 'react/jsx-runtime';
3
- import { PopperContent } from '@radix-ui/react-popper';
4
- import { forwardRef } from 'react';
5
- import { CommandListbox } from '../command-listbox/CommandListbox.js';
6
- import { content } from './AutocompleteContent-css.js';
7
-
8
- const AutocompleteContentImpl = forwardRef(
9
- ({ align = "center", children, className, sideOffset = 5, ...props }, ref) => {
10
- return /* @__PURE__ */ jsx(
11
- CommandListbox,
12
- {
13
- asChild: true,
14
- ref,
15
- ...content({}, className),
16
- ...props,
17
- children: /* @__PURE__ */ jsx(PopperContent, { align, sideOffset, children })
18
- }
19
- );
20
- }
21
- );
22
- AutocompleteContentImpl.displayName = "@optiaxiom/react/AutocompleteContentImpl";
23
-
24
- export { AutocompleteContentImpl };
@@ -1,37 +0,0 @@
1
- "use client";
2
- import { jsx } from 'react/jsx-runtime';
3
- import { PopperContent } from '@radix-ui/react-popper';
4
- import { forwardRef } from 'react';
5
- import { Box } from '../box/Box.js';
6
- import { useSelectContext } from '../select-context/SelectContext.js';
7
- import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
8
- import '../sprinkles/sprinkles.js';
9
- import '../sprinkles/sprinklesMerge.js';
10
- import { content } from './SelectContent-css.js';
11
-
12
- const SelectContentImpl = forwardRef(
13
- ({
14
- align = "start",
15
- children,
16
- className,
17
- side = "bottom",
18
- sideOffset = 5,
19
- ...props
20
- }, ref) => {
21
- const { restProps, sprinkleProps } = extractSprinkles(props);
22
- const { downshift } = useSelectContext("SelectContentImpl");
23
- return /* @__PURE__ */ jsx(
24
- Box,
25
- {
26
- asChild: true,
27
- ...content({}, className),
28
- ...sprinkleProps,
29
- ...downshift.getMenuProps({ ref, ...restProps }),
30
- children: /* @__PURE__ */ jsx(PopperContent, { align, side, sideOffset, children })
31
- }
32
- );
33
- }
34
- );
35
- SelectContentImpl.displayName = "@optiaxiom/react/SelectContentImpl";
36
-
37
- export { SelectContentImpl };
@@ -1,5 +0,0 @@
1
- import { createContext } from '@radix-ui/react-context';
2
-
3
- const [TabsContextProvider, useTabsContext] = createContext("Tabs");
4
-
5
- export { TabsContextProvider, useTabsContext };