@optiaxiom/react 0.8.1 → 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 (335) hide show
  1. package/README.md +1 -1
  2. package/dist/{PopoverContent-DWNFnl2l.d.ts → PopoverContent-CmbFiQwF.d.ts} +39 -14
  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-CgQ2BbGZ.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-CV_xBQOM.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-BIy4QD6j.css +103 -0
  19. package/dist/assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-CgeIKahI.css +42 -0
  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-DH9dpmR1.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-BpkmGS7M.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-DNsMpw9g.css → InlineInput.css.ts.vanilla-7r8ut9Qk.css} +4 -4
  34. package/dist/assets/src/input-control/{InputControl.css.ts.vanilla-DM573qEj.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-DkFNs5hx.css +50 -0
  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-CeVy3QBJ.css → Pagination.css.ts.vanilla-CoU68RuL.css} +5 -5
  42. package/dist/assets/src/pill/{Pill.css.ts.vanilla-BvPwO-kb.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-D46Ll8o8.css +40 -0
  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-BFjOBM-0.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-C7Hh93at.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-CEXw4SoB.css +16 -0
  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-D_6z4SAu.css → TabsTrigger.css.ts.vanilla-C_944q6A.css} +15 -13
  64. package/dist/assets/src/text/{Text.css.ts.vanilla-Cutv3cVd.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-Th5yb_s4.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-DxBzcfel.css → Transition.css.ts.vanilla-D9UrS4_z.css} +16 -16
  71. package/dist/index.d.ts +434 -205
  72. package/dist/index.js +5 -6
  73. package/dist/node_modules/.pnpm/{@mantine_hooks@7.14.3_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 +2 -2
  74. package/dist/node_modules/.pnpm/{@mantine_hooks@7.14.3_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_wytlbii6gxwkkass3c6wfp66jm → @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 -2
  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 +11 -8
  123. package/dist/packages/react/src/data-table/DataTable.js +87 -90
  124. package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js +8 -0
  125. package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell.js +50 -0
  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 +23 -19
  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/icon/Icon.js +1 -1
  156. package/dist/packages/react/src/indicator/Indicator-css.js +5 -5
  157. package/dist/packages/react/src/inline-input/InlineInput-css.js +4 -4
  158. package/dist/packages/react/src/input/Input-css.js +1 -1
  159. package/dist/packages/react/src/input-control/InputControl-css.js +3 -3
  160. package/dist/packages/react/src/input-control/InputControl.js +7 -7
  161. package/dist/packages/react/src/input-root/InputRoot-css.js +5 -5
  162. package/dist/packages/react/src/kbd/Kbd-css.js +4 -4
  163. package/dist/packages/react/src/kbd/Kbd.js +2 -2
  164. package/dist/packages/react/src/layers/layers-css.js +3 -3
  165. package/dist/packages/react/src/link/Link-css.js +4 -4
  166. package/dist/packages/react/src/link/Link.js +4 -3
  167. package/dist/packages/react/src/listbox-group/ListboxGroup.js +1 -1
  168. package/dist/packages/react/src/listbox-group-context/ListboxGroupContext.js +1 -1
  169. package/dist/packages/react/src/listbox-item/ListboxItem-css.js +5 -5
  170. package/dist/packages/react/src/listbox-item/ListboxItem.js +2 -2
  171. package/dist/packages/react/src/listbox-item-indicator/ListboxItemIndicator.js +6 -3
  172. package/dist/packages/react/src/listbox-separator/ListboxSeparator.js +1 -1
  173. package/dist/packages/react/src/menu-listbox/MenuListbox-css.js +3 -3
  174. package/dist/packages/react/src/menu-listbox/MenuListbox.js +2 -2
  175. package/dist/packages/react/src/modal-layer/ModalLayer.js +15 -13
  176. package/dist/packages/react/src/nested-dialog-context/NestedDialogContext.js +5 -0
  177. package/dist/packages/react/src/nested-dialog-context/useNestedDialogCount.js +17 -0
  178. package/dist/packages/react/src/pagination/Pagination-css.js +5 -5
  179. package/dist/packages/react/src/pagination/Pagination.js +3 -3
  180. package/dist/packages/react/src/paper/Paper-css.js +1 -1
  181. package/dist/packages/react/src/pill/Pill-css.js +3 -3
  182. package/dist/packages/react/src/popover-content/PopoverContent.js +2 -2
  183. package/dist/packages/react/src/progress/Progress-css.js +3 -3
  184. package/dist/packages/react/src/radio/Radio-css.js +8 -8
  185. package/dist/packages/react/src/radio/Radio.js +3 -3
  186. package/dist/packages/react/src/search-input/SearchInput-css.js +4 -4
  187. package/dist/packages/react/src/select-content/SelectContent-css.js +3 -3
  188. package/dist/packages/react/src/select-content/SelectContent.js +28 -4
  189. package/dist/packages/react/src/select-item/SelectItem.js +6 -10
  190. package/dist/packages/react/src/separator/Separator-css.js +5 -5
  191. package/dist/packages/react/src/sidenav/Sidenav.js +22 -12
  192. package/dist/packages/react/src/sidenav-account-item/SidenavAccountItem.js +15 -4
  193. package/dist/packages/react/src/sidenav-body/SidenavBody.js +4 -7
  194. package/dist/packages/react/src/sidenav-footer/SidenavFooter.js +4 -7
  195. package/dist/packages/react/src/sidenav-header/SidenavHeader.js +1 -5
  196. package/dist/packages/react/src/sidenav-item/SidenavItem-css.js +5 -5
  197. package/dist/packages/react/src/sidenav-item/SidenavItem.js +11 -18
  198. package/dist/packages/react/src/skeleton/Skeleton-css.js +3 -3
  199. package/dist/packages/react/src/skeleton/Skeleton.js +5 -6
  200. package/dist/packages/react/src/spinner/Spinner-css.js +3 -3
  201. package/dist/packages/react/src/spotlight-content/SpotlightContent.js +0 -1
  202. package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js +3 -3
  203. package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js +3 -3
  204. package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js +4 -4
  205. package/dist/packages/react/src/spotlight-trigger/SpotlightTrigger.js +1 -1
  206. package/dist/packages/react/src/sprinkles/extractSprinkles.js +1 -1
  207. package/dist/packages/react/src/sprinkles/properties-css.js +4 -4
  208. package/dist/packages/react/src/sprinkles/sprinkles.js +2 -2
  209. package/dist/packages/react/src/switch/Switch-css.js +8 -8
  210. package/dist/packages/react/src/table/Table-css.js +4 -4
  211. package/dist/packages/react/src/table/Table.js +1 -1
  212. package/dist/packages/react/src/table-body/TableBody-css.js +3 -3
  213. package/dist/packages/react/src/table-cell/TableCell-css.js +4 -4
  214. package/dist/packages/react/src/table-header/TableHeader.js +9 -0
  215. package/dist/packages/react/src/table-header-cell/TableHeaderCell-css.js +5 -4
  216. package/dist/packages/react/src/table-header-cell/TableHeaderCell.js +2 -4
  217. package/dist/packages/react/src/table-row/TableRow-css.js +3 -3
  218. package/dist/packages/react/src/tabs/Tabs-css.js +3 -3
  219. package/dist/packages/react/src/tabs/Tabs.js +2 -3
  220. package/dist/packages/react/src/tabs-content/TabsContent.js +2 -6
  221. package/dist/packages/react/src/tabs-list/TabsList-css.js +3 -3
  222. package/dist/packages/react/src/tabs-list/TabsList.js +2 -4
  223. package/dist/packages/react/src/tabs-trigger/TabsTrigger-css.js +4 -4
  224. package/dist/packages/react/src/tabs-trigger/TabsTrigger.js +4 -19
  225. package/dist/packages/react/src/text/Text-css.js +3 -3
  226. package/dist/packages/react/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  227. package/dist/packages/react/src/theme-provider/ThemeProvider.js +16 -8
  228. package/dist/packages/react/src/toast/Toast-css.js +7 -6
  229. package/dist/packages/react/src/toast/Toast.js +42 -25
  230. package/dist/packages/react/src/toast-action/ToastAction.js +2 -2
  231. package/dist/packages/react/src/toast-provider/ToastProvider-css.js +5 -4
  232. package/dist/packages/react/src/toast-provider/ToastProvider.js +20 -24
  233. package/dist/packages/react/src/toggle-input/ToggleInput-css.js +4 -4
  234. package/dist/packages/react/src/toggle-input/ToggleInput.js +4 -4
  235. package/dist/packages/react/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  236. package/dist/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  237. package/dist/packages/react/src/toggle-input-label/ToggleInputLabel.js +16 -2
  238. package/dist/packages/react/src/tooltip/Tooltip.js +27 -31
  239. package/dist/packages/react/src/tooltip-content/TooltipContent-css.js +1 -1
  240. package/dist/packages/react/src/tooltip-content/TooltipContent.js +6 -12
  241. package/dist/packages/react/src/tooltip-provider/TooltipProvider.js +19 -0
  242. package/dist/packages/react/src/tooltip-root/TooltipRoot.js +1 -1
  243. package/dist/packages/react/src/transition/Transition-css.js +4 -5
  244. package/dist/packages/react/src/transition/Transition.js +10 -18
  245. package/dist/packages/react/src/transition-group/TransitionGroup.js +46 -0
  246. package/dist/packages/react/src/transition-group-context/TransitionGroupContext.js +5 -0
  247. package/dist/packages/react/src/use-responsive-matches/useResponsiveMatches.js +1 -1
  248. package/dist/packages/react/src/use-transition-status/useTransitionStatus.js +21 -0
  249. package/dist/packages/react/src/utils/decorateChildren.js +1 -1
  250. package/dist/packages/react/src/vanilla-extract/recipeRuntime.js +1 -1
  251. package/dist/unstable.d.ts +946 -92
  252. package/dist/unstable.js +3 -2
  253. package/package.json +32 -32
  254. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CeUSjGUj.css +0 -20
  255. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BiahfPUu.css +0 -6
  256. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-Ayzt3WJF.css +0 -10
  257. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BgPUf0xd.css +0 -28
  258. package/dist/assets/src/badge/Badge.css.ts.vanilla-OwlF8UHd.css +0 -46
  259. package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-t4oV6SfF.css +0 -8
  260. package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-jWjrHmfC.css +0 -12
  261. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CZ1Rbq10.css +0 -144
  262. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-B21w13d6.css +0 -9
  263. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-YB200lqY.css +0 -18
  264. package/dist/assets/src/code/Code.css.ts.vanilla-Cx6XK1yB.css +0 -7
  265. package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-D7kWNBAv.css +0 -7
  266. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-CMl6wxvT.css +0 -24
  267. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-Ka9YzcGi.css +0 -12
  268. package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-Cur555ln.css +0 -6
  269. package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-CISqwC5b.css +0 -6
  270. package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-Dv5wY6Xw.css +0 -6
  271. package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-yc6AnVC8.css +0 -19
  272. package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-BFOQJ18q.css +0 -6
  273. package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-84_ku30Q.css +0 -6
  274. package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-B0Gvt2zd.css +0 -6
  275. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-Dj_t0SVY.css +0 -7
  276. package/dist/assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-CfFcIchu.css +0 -7
  277. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-0CCBLcJo.css +0 -37
  278. package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-C18fyIEl.css +0 -68
  279. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DiiuMl2I.css +0 -9
  280. package/dist/assets/src/layers/layers.css.ts.vanilla-CXVxxEDz.css +0 -1
  281. package/dist/assets/src/link/Link.css.ts.vanilla-D97z3o__.css +0 -35
  282. package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-C5c9qoKI.css +0 -48
  283. package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BMfTjUuG.css +0 -21
  284. package/dist/assets/src/progress/Progress.css.ts.vanilla-CMLkfTv3.css +0 -6
  285. package/dist/assets/src/radio/Radio.css.ts.vanilla-BoLXP1mQ.css +0 -13
  286. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-BjKRj4Vq.css +0 -6
  287. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-B71XWAVM.css +0 -7
  288. package/dist/assets/src/separator/Separator.css.ts.vanilla-BWmEbqx7.css +0 -34
  289. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CB4jgwry.css +0 -6
  290. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DKTNHkb7.css +0 -6
  291. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-C3xhdcCX.css +0 -6
  292. package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-ytchmrZi.css +0 -12
  293. package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-CFBGY5rW.css +0 -9
  294. package/dist/assets/src/switch/Switch.css.ts.vanilla-ZTGbv-b6.css +0 -26
  295. package/dist/assets/src/table/Table.css.ts.vanilla-CWOTW1Iz.css +0 -11
  296. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-bQu4TTRM.css +0 -6
  297. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-DXtxrgMF.css +0 -10
  298. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CG3cm3e1.css +0 -6
  299. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BYiv5uy5.css +0 -4
  300. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-D12rJ_5r.css +0 -9
  301. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CaZSFykm.css +0 -23
  302. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Bi6wKikR.css +0 -34
  303. package/dist/assets/src/toast/Toast.css.ts.vanilla-CF2b79Po.css +0 -96
  304. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-nCXOMbJx.css +0 -23
  305. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BuDTHVO8.css +0 -10
  306. 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
  307. 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
  308. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  309. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  310. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  311. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  312. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  313. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  314. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  315. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  316. package/dist/node_modules/.pnpm/framer-motion@11.13.1_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
  317. package/dist/node_modules/.pnpm/motion-utils@11.13.0/node_modules/motion-utils/dist/es/errors.js +0 -12
  318. package/dist/node_modules/.pnpm/motion-utils@11.13.0/node_modules/motion-utils/dist/es/noop.js +0 -3
  319. package/dist/packages/react/src/animate-presence/AnimatePresence.js +0 -17
  320. package/dist/packages/react/src/autocomplete-content/AutocompleteContentImpl.js +0 -24
  321. package/dist/packages/react/src/data-table-header/DataTableHeader-css.js +0 -8
  322. package/dist/packages/react/src/data-table-header/DataTableHeader.js +0 -50
  323. package/dist/packages/react/src/hover-card/HoverCard.js +0 -42
  324. package/dist/packages/react/src/hover-card-content/HoverCardContent-css.js +0 -7
  325. package/dist/packages/react/src/hover-card-content/HoverCardContent.js +0 -69
  326. package/dist/packages/react/src/hover-card-context/HoverCardContext.js +0 -5
  327. package/dist/packages/react/src/hover-card-trigger/HoverCardTrigger.js +0 -26
  328. package/dist/packages/react/src/select-content/SelectContentImpl.js +0 -37
  329. package/dist/packages/react/src/table-head/TableHead.js +0 -11
  330. package/dist/packages/react/src/tabs-context/TabsContext.js +0 -5
  331. /package/dist/node_modules/.pnpm/{@mantine_hooks@7.14.3_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
  332. /package/dist/node_modules/.pnpm/{@mantine_hooks@7.14.3_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
  333. /package/dist/node_modules/.pnpm/{@mantine_hooks@7.14.3_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
  334. /package/dist/node_modules/.pnpm/{@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_wytlbii6gxwkkass3c6wfp66jm → @vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_wcbutaohqjnkd6euht5r5xgz74}/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js +0 -0
  335. /package/dist/node_modules/.pnpm/{@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_wytlbii6gxwkkass3c6wfp66jm → @vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_wcbutaohqjnkd6euht5r5xgz74}/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js +0 -0
@@ -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.13.0/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.13.1_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,8 +0,0 @@
1
- import './../../../../assets/src/layers/layers.css.ts.vanilla-CXVxxEDz.css';
2
- import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-Ka9YzcGi.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var header = recipeRuntime({base:[{gap:'4'},'tul33s'],variants:{sortable:{false:'_1mhch2t',true:'_1csu3wp'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
6
- var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_1kf8gcm',true:{}}}});
7
-
8
- export { header, icon };
@@ -1,50 +0,0 @@
1
- "use client";
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { Flex } from '../flex/Flex.js';
4
- import { Icon } from '../icon/Icon.js';
5
- import { IconSort } from '../icons/IconSort.js';
6
- import { IconSortDown } from '../icons/IconSortDown.js';
7
- import { IconSortUp } from '../icons/IconSortUp.js';
8
- import { Tooltip } from '../tooltip/Tooltip.js';
9
- import { header, icon } from './DataTableHeader-css.js';
10
-
11
- const DataTableHeader = ({
12
- children,
13
- column,
14
- variant = "text"
15
- }) => {
16
- if (!column)
17
- return null;
18
- return /* @__PURE__ */ jsxs(
19
- Flex,
20
- {
21
- ...header({
22
- sortable: column.columnDef.enableSorting,
23
- variant
24
- }),
25
- onClick: () => column.columnDef.enableSorting && column.toggleSorting(),
26
- children: [
27
- children,
28
- column.columnDef.enableSorting && /* @__PURE__ */ jsx(
29
- Tooltip,
30
- {
31
- content: column.getCanSort() ? column.getNextSortingOrder() === "asc" ? "Sort ascending" : column.getNextSortingOrder() === "desc" ? "Sort descending" : "Clear sort" : void 0,
32
- children: /* @__PURE__ */ jsx(
33
- Icon,
34
- {
35
- asChild: true,
36
- ...icon({
37
- sorted: column.getIsSorted() === false ? false : true
38
- }),
39
- children: column.getIsSorted() === false ? /* @__PURE__ */ jsx(IconSort, {}) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(IconSortUp, {}) : /* @__PURE__ */ jsx(IconSortDown, {})
40
- }
41
- )
42
- }
43
- )
44
- ]
45
- }
46
- );
47
- };
48
- DataTableHeader.displayName = "@optiaxiom/react/DataTableHeader";
49
-
50
- export { DataTableHeader };
@@ -1,42 +0,0 @@
1
- "use client";
2
- import { jsx } from 'react/jsx-runtime';
3
- import * as RadixHoverCard from '@radix-ui/react-hover-card';
4
- import { useControllableState } from '@radix-ui/react-use-controllable-state';
5
- import { HoverCardContextProvider } from '../hover-card-context/HoverCardContext.js';
6
-
7
- function HoverCard({
8
- children,
9
- defaultOpen,
10
- keepOpenOnActivation,
11
- onOpenChange,
12
- open: openProp,
13
- openDelay = 500,
14
- ...props
15
- }) {
16
- const [open, setOpen] = useControllableState({
17
- defaultProp: defaultOpen,
18
- onChange: onOpenChange,
19
- prop: openProp
20
- });
21
- return /* @__PURE__ */ jsx(
22
- RadixHoverCard.Root,
23
- {
24
- onOpenChange: setOpen,
25
- open,
26
- openDelay,
27
- ...props,
28
- children: /* @__PURE__ */ jsx(
29
- HoverCardContextProvider,
30
- {
31
- keepOpenOnActivation,
32
- open,
33
- setOpen,
34
- children
35
- }
36
- )
37
- }
38
- );
39
- }
40
- HoverCard.displayName = "@optiaxiom/react/HoverCard";
41
-
42
- export { HoverCard };
@@ -1,7 +0,0 @@
1
- import './../../../../assets/src/layers/layers.css.ts.vanilla-CXVxxEDz.css';
2
- import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-CfFcIchu.css';
3
- import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
-
5
- var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',maxW:'xs',p:'12'},'_1hwgrqg']});
6
-
7
- export { content };
@@ -1,69 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { theme } from '@optiaxiom/globals';
4
- import { useComposedRefs } from '@radix-ui/react-compose-refs';
5
- import * as RadixHoverCard from '@radix-ui/react-hover-card';
6
- import { forwardRef, useRef } from 'react';
7
- import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
8
- import { useHoverCardContext } from '../hover-card-context/HoverCardContext.js';
9
- import { Paper } from '../paper/Paper.js';
10
- import { Transition } from '../transition/Transition.js';
11
- import { content } from './HoverCardContent-css.js';
12
-
13
- const HoverCardContent = forwardRef(
14
- ({
15
- align = "center",
16
- children,
17
- className,
18
- sideOffset = 2,
19
- withArrow,
20
- ...props
21
- }, outerRef) => {
22
- const innerRef = useRef(null);
23
- const ref = useComposedRefs(innerRef, outerRef);
24
- const { keepOpenOnActivation, open } = useHoverCardContext("HoverCardContent");
25
- return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(RadixHoverCard.Portal, { children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Paper, { asChild: true, ...content({}, className), ...props, children: /* @__PURE__ */ jsxs(
26
- RadixHoverCard.Content,
27
- {
28
- align,
29
- onPointerDownOutside: keepOpenOnActivation ? (event) => {
30
- if (innerRef.current?.contains(
31
- event.target
32
- ))
33
- event.preventDefault();
34
- } : void 0,
35
- ref,
36
- sideOffset,
37
- children: [
38
- children,
39
- withArrow && /* @__PURE__ */ jsx(RadixHoverCard.Arrow, { asChild: true, children: /* @__PURE__ */ jsxs(
40
- "svg",
41
- {
42
- fill: theme.colors["bg.default"],
43
- height: 4,
44
- preserveAspectRatio: "none",
45
- stroke: theme.colors["border.secondary"],
46
- viewBox: "0 0 30 10",
47
- width: 8,
48
- children: [
49
- /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" }),
50
- /* @__PURE__ */ jsx(
51
- "polyline",
52
- {
53
- points: "0,0 15,10 30,0",
54
- strokeLinecap: "round",
55
- strokeLinejoin: "round",
56
- strokeWidth: "2.5"
57
- }
58
- )
59
- ]
60
- }
61
- ) })
62
- ]
63
- }
64
- ) }) }) }) });
65
- }
66
- );
67
- HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
68
-
69
- export { HoverCardContent };
@@ -1,5 +0,0 @@
1
- import { createContext } from '@radix-ui/react-context';
2
-
3
- const [HoverCardContextProvider, useHoverCardContext] = createContext("HoverCard");
4
-
5
- export { HoverCardContextProvider, useHoverCardContext };
@@ -1,26 +0,0 @@
1
- "use client";
2
- import { jsx } from 'react/jsx-runtime';
3
- import * as RadixHoverCard from '@radix-ui/react-hover-card';
4
- import { forwardRef } from 'react';
5
- import { useHoverCardContext } from '../hover-card-context/HoverCardContext.js';
6
- import { Link } from '../link/Link.js';
7
-
8
- const HoverCardTrigger = forwardRef(({ asChild, children, cursor = "pointer", ...props }, ref) => {
9
- const { keepOpenOnActivation, setOpen } = useHoverCardContext("HoverCardTrigger");
10
- return /* @__PURE__ */ jsx(
11
- RadixHoverCard.Trigger,
12
- {
13
- asChild: true,
14
- onClick: keepOpenOnActivation ? (event) => {
15
- event.preventDefault();
16
- setOpen(true);
17
- } : void 0,
18
- ref,
19
- ...props,
20
- children: asChild ? children : /* @__PURE__ */ jsx(Link, { cursor, children })
21
- }
22
- );
23
- });
24
- HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
25
-
26
- export { HoverCardTrigger };
@@ -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,11 +0,0 @@
1
- "use client";
2
- import { jsx } from 'react/jsx-runtime';
3
- import { forwardRef } from 'react';
4
- import { Box } from '../box/Box.js';
5
-
6
- const TableHead = forwardRef(
7
- ({ children, ...props }, ref) => /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx("thead", { ref, children }) })
8
- );
9
- TableHead.displayName = "@optiaxiom/react/TableHead";
10
-
11
- export { TableHead };
@@ -1,5 +0,0 @@
1
- import { createContext } from '@radix-ui/react-context';
2
-
3
- const [TabsContextProvider, useTabsContext] = createContext("Tabs");
4
-
5
- export { TabsContextProvider, useTabsContext };