@optiaxiom/react 0.8.2 → 0.10.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 (372) hide show
  1. package/README.md +1 -1
  2. package/dist/{PopoverContent-DXCbZf2h.d.ts → PopoverContent-BgXq33Tj.d.ts} +105 -104
  3. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Diep7mXE.css +24 -0
  4. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pqnHw444.css +6 -0
  5. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-e1ohLex8.css +10 -0
  6. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DRfQb0Vw.css +27 -0
  7. package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css +4 -0
  8. package/dist/assets/src/backdrop/{Backdrop.css.ts.vanilla-CZ0R8IPm.css → Backdrop.css.ts.vanilla-B336xgNM.css} +3 -3
  9. package/dist/assets/src/badge/Badge.css.ts.vanilla-CSfWmPBg.css +46 -0
  10. package/dist/assets/src/box/{Box.css.ts.vanilla-CxlsAoSo.css → Box.css.ts.vanilla-hYfQOcLk.css} +23 -23
  11. package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Cc_-J6NJ.css +8 -0
  12. package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Cs1yFXdN.css +14 -0
  13. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-qzXyDEAH.css +147 -0
  14. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BONtxIgP.css +9 -0
  15. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-IE-So8FY.css +22 -0
  16. package/dist/assets/src/code/Code.css.ts.vanilla-Cgm3ea0I.css +11 -0
  17. package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-0wjHxdop.css +7 -0
  18. package/dist/assets/src/data-table/{DataTable.css.ts.vanilla-D-Y37ogI.css → DataTable.css.ts.vanilla-ucEO_Lf0.css} +30 -28
  19. package/dist/assets/src/data-table-header-cell/{DataTableHeaderCell.css.ts.vanilla-DAaoRros.css → DataTableHeaderCell.css.ts.vanilla-DJoq_AGx.css} +17 -15
  20. package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-DZaMrkyd.css +6 -0
  21. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-C5RktqfT.css → DialogContent.css.ts.vanilla-BqiYTk0E.css} +11 -7
  22. package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-D3hYTBlh.css +6 -0
  23. package/dist/assets/src/dialog-header/DialogHeader.css.ts.vanilla-Be3bVJNE.css +6 -0
  24. package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-Dn_JURP7.css +6 -0
  25. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DaAN_Y5P.css +31 -0
  26. package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DWj2Guo6.css +21 -0
  27. package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-r_hleTVk.css +6 -0
  28. package/dist/assets/src/drawer-content/{DrawerContent.css.ts.vanilla-CKt-20Xo.css → DrawerContent.css.ts.vanilla-NHJHPwaW.css} +6 -6
  29. package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-Dst9oHvk.css +6 -0
  30. package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-DEbk_nlk.css +6 -0
  31. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-CSmxqdJn.css +7 -0
  32. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-lH4mRfRa.css +37 -0
  33. package/dist/assets/src/inline-input/InlineInput.css.ts.vanilla-B6qbDXX0.css +13 -0
  34. package/dist/assets/src/input-control/{InputControl.css.ts.vanilla-C__QDDJj.css → InputControl.css.ts.vanilla-DUbeUGGS.css} +8 -8
  35. package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-DBa3xtou.css +70 -0
  36. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BLPj_gpK.css +13 -0
  37. package/dist/assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css +1 -0
  38. package/dist/assets/src/link/{Link.css.ts.vanilla-Cak55t6b.css → Link.css.ts.vanilla-DV40SWxy.css} +21 -19
  39. package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-_aqZ2pey.css +48 -0
  40. package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CpbOp7yG.css +33 -0
  41. package/dist/assets/src/pagination/{Pagination.css.ts.vanilla-C_z8svbw.css → Pagination.css.ts.vanilla-BHMR9cI8.css} +5 -5
  42. package/dist/assets/src/pill/{Pill.css.ts.vanilla-BSJiY-na.css → Pill.css.ts.vanilla-B0H5ESHh.css} +4 -4
  43. package/dist/assets/src/progress/Progress.css.ts.vanilla-BcjeNZvD.css +6 -0
  44. package/dist/assets/src/radio/Radio.css.ts.vanilla-C5sxqXEH.css +13 -0
  45. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-B2d30-S5.css +6 -0
  46. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-WG6yp2If.css +7 -0
  47. package/dist/assets/src/separator/{Separator.css.ts.vanilla-DV5lkUl8.css → Separator.css.ts.vanilla-3S55fa_d.css} +8 -8
  48. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BoKEbHXG.css +6 -0
  49. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-D_xrrF4W.css +6 -0
  50. package/dist/assets/src/spinner/{Spinner.css.ts.vanilla-DRngpM23.css → Spinner.css.ts.vanilla-BypCoXYv.css} +4 -4
  51. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-vmzX6MxW.css +6 -0
  52. package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-ZH_4OlQy.css +12 -0
  53. package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-_r2xx5ow.css +9 -0
  54. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-CPpSeruh.css → properties.css.ts.vanilla-CulPRTwF.css} +734 -737
  55. package/dist/assets/src/switch/Switch.css.ts.vanilla-BCmpM8LG.css +45 -0
  56. package/dist/assets/src/table/{Table.css.ts.vanilla-AaGRZqj1.css → Table.css.ts.vanilla-kGNbW05_.css} +6 -6
  57. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-C3lx_h_x.css +6 -0
  58. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-Bo0X8JB6.css +10 -0
  59. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DfKQzrjF.css +10 -0
  60. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DXrWEyC2.css +8 -0
  61. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CpAfI52r.css +9 -0
  62. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Dp3XesSH.css +13 -0
  63. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-BGFNzd6p.css → TabsTrigger.css.ts.vanilla-C3tLDNmJ.css} +15 -13
  64. package/dist/assets/src/text/{Text.css.ts.vanilla-C5IgOcZn.css → Text.css.ts.vanilla-Ddgu8PPV.css} +8 -8
  65. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D4O8Rmfj.css +34 -0
  66. package/dist/assets/src/toast/Toast.css.ts.vanilla-lPQ-CdKX.css +90 -0
  67. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-CXtQhxtZ.css → ToastProvider.css.ts.vanilla-DzeJ30rC.css} +9 -9
  68. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CKQ2Aadr.css +25 -0
  69. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-_Ts9Ypag.css +10 -0
  70. package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cf8mdt0b.css → Transition.css.ts.vanilla-Cawnu3FP.css} +16 -16
  71. package/dist/index.d.ts +150 -546
  72. package/dist/index.js +5 -7
  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 +5 -8
  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.js +18 -5
  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 +29 -9
  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 +40 -8
  89. package/dist/packages/react/src/autocomplete-empty/AutocompleteEmpty.js +2 -0
  90. package/dist/packages/react/src/autocomplete-virtualized/AutocompleteVirtualized.js +60 -0
  91. package/dist/packages/react/src/avatar/Avatar-css.js +4 -4
  92. package/dist/packages/react/src/avatar/Avatar.js +3 -1
  93. package/dist/packages/react/src/avatar-context/AvatarContext.js +1 -1
  94. package/dist/packages/react/src/avatar-group/AvatarGroup-css.js +3 -3
  95. package/dist/packages/react/src/avatar-group/AvatarGroup.js +2 -0
  96. package/dist/packages/react/src/axiom-provider/AxiomProvider.js +2 -2
  97. package/dist/packages/react/src/backdrop/Backdrop-css.js +3 -3
  98. package/dist/packages/react/src/backdrop/Backdrop.js +2 -0
  99. package/dist/packages/react/src/badge/Badge-css.js +3 -3
  100. package/dist/packages/react/src/banner/Banner-css.js +1 -1
  101. package/dist/packages/react/src/banner/Banner.js +5 -8
  102. package/dist/packages/react/src/box/Box-css.js +3 -3
  103. package/dist/packages/react/src/box/Box.js +3 -3
  104. package/dist/packages/react/src/box/extractBoxProps.js +19 -0
  105. package/dist/packages/react/src/breadcrumb/Breadcrumb.js +4 -6
  106. package/dist/packages/react/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js +2 -0
  107. package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js +3 -3
  108. package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem.js +4 -6
  109. package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js +3 -3
  110. package/dist/packages/react/src/breadcrumb-page/BreadcrumbPage.js +2 -0
  111. package/dist/packages/react/src/button-addon/ButtonAddon.js +2 -0
  112. package/dist/packages/react/src/button-base/ButtonBase-css.js +5 -5
  113. package/dist/packages/react/src/button-base/ButtonBase.js +7 -9
  114. package/dist/packages/react/src/button-group/ButtonGroup-css.js +3 -3
  115. package/dist/packages/react/src/button-group/ButtonGroup.js +1 -1
  116. package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js +5 -5
  117. package/dist/packages/react/src/button-loadable/ButtonLoadable.js +2 -0
  118. package/dist/packages/react/src/checkbox/Checkbox-css.js +8 -8
  119. package/dist/packages/react/src/checkbox/Checkbox.js +3 -5
  120. package/dist/packages/react/src/code/Code-css.js +3 -3
  121. package/dist/packages/react/src/code/Code.js +3 -5
  122. package/dist/packages/react/src/combobox-content/ComboboxContent.js +1 -1
  123. package/dist/packages/react/src/combobox-dialog-content/ComboboxDialogContent.js +1 -1
  124. package/dist/packages/react/src/combobox-popover-content/ComboboxPopoverContent.js +1 -1
  125. package/dist/packages/react/src/command/Command.js +15 -5
  126. package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js +3 -3
  127. package/dist/packages/react/src/command-focusable-item/CommandFocusableItem.js +3 -1
  128. package/dist/packages/react/src/command-input/CommandInput.js +3 -7
  129. package/dist/packages/react/src/command-item/CommandItem.js +5 -9
  130. package/dist/packages/react/src/command-listbox/CommandListbox.js +2 -13
  131. package/dist/packages/react/src/command-sub/CommandSub.js +2 -0
  132. package/dist/packages/react/src/command-sub-item/CommandSubItem.js +2 -2
  133. package/dist/packages/react/src/command-toggle-button/CommandToggleButton.js +4 -6
  134. package/dist/packages/react/src/data-table/DataTable-css.js +10 -10
  135. package/dist/packages/react/src/data-table/DataTable.js +10 -20
  136. package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js +4 -4
  137. package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell.js +6 -2
  138. package/dist/packages/react/src/dialog/Dialog.js +12 -1
  139. package/dist/packages/react/src/dialog-actions/DialogActions-css.js +3 -3
  140. package/dist/packages/react/src/dialog-actions/DialogActions.js +2 -8
  141. package/dist/packages/react/src/dialog-body/DialogBody.js +3 -2
  142. package/dist/packages/react/src/dialog-close/DialogClose.js +2 -2
  143. package/dist/packages/react/src/dialog-content/DialogContent-css.js +5 -4
  144. package/dist/packages/react/src/dialog-content/DialogContent.js +26 -7
  145. package/dist/packages/react/src/dialog-description/DialogDescription-css.js +3 -3
  146. package/dist/packages/react/src/dialog-footer/DialogFooter-css.js +1 -1
  147. package/dist/packages/react/src/dialog-form/DialogForm.js +26 -0
  148. package/dist/packages/react/src/dialog-header/DialogHeader-css.js +7 -0
  149. package/dist/packages/react/src/dialog-header/DialogHeader.js +22 -3
  150. package/dist/packages/react/src/dialog-title/DialogTitle-css.js +3 -3
  151. package/dist/packages/react/src/disclosure/Disclosure.js +2 -0
  152. package/dist/packages/react/src/disclosure-content/DisclosureContent-css.js +7 -0
  153. package/dist/packages/react/src/disclosure-content/DisclosureContent.js +5 -2
  154. package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  155. package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger.js +11 -6
  156. package/dist/packages/react/src/downshift/useDelayedState.js +3 -3
  157. package/dist/packages/react/src/drawer-actions/DrawerActions-css.js +3 -3
  158. package/dist/packages/react/src/drawer-body/DrawerBody.js +2 -0
  159. package/dist/packages/react/src/drawer-content/DrawerContent-css.js +3 -3
  160. package/dist/packages/react/src/drawer-content/DrawerContent.js +2 -2
  161. package/dist/packages/react/src/drawer-description/DrawerDescription-css.js +3 -3
  162. package/dist/packages/react/src/drawer-header/DrawerHeader.js +2 -0
  163. package/dist/packages/react/src/drawer-title/DrawerTitle-css.js +3 -3
  164. package/dist/packages/react/src/dropdown-menu-content/DropdownMenuContent.js +16 -3
  165. package/dist/packages/react/src/dropdown-menu-group/DropdownMenuGroup.js +2 -0
  166. package/dist/packages/react/src/dropdown-menu-label/DropdownMenuLabel.js +2 -0
  167. package/dist/packages/react/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +3 -11
  168. package/dist/packages/react/src/field/Field.js +6 -4
  169. package/dist/packages/react/src/field-context/FieldContext.js +1 -1
  170. package/dist/packages/react/src/field-label/FieldLabel.js +3 -1
  171. package/dist/packages/react/src/grid/Grid.js +2 -0
  172. package/dist/packages/react/src/highlight/Highlight-css.js +3 -3
  173. package/dist/packages/react/src/highlight/Highlight.js +11 -12
  174. package/dist/packages/react/src/icon/Icon.js +2 -0
  175. package/dist/packages/react/src/indicator/Indicator-css.js +5 -5
  176. package/dist/packages/react/src/indicator/Indicator.js +2 -0
  177. package/dist/packages/react/src/inline-input/InlineInput-css.js +4 -4
  178. package/dist/packages/react/src/inline-input/InlineInput.js +2 -0
  179. package/dist/packages/react/src/input/Input-css.js +1 -1
  180. package/dist/packages/react/src/input/Input.js +4 -5
  181. package/dist/packages/react/src/input-addon/InputAddon.js +2 -0
  182. package/dist/packages/react/src/input-control/InputControl-css.js +3 -3
  183. package/dist/packages/react/src/input-control/InputControl.js +10 -12
  184. package/dist/packages/react/src/input-root/InputRoot-css.js +5 -5
  185. package/dist/packages/react/src/kbd/Kbd-css.js +4 -4
  186. package/dist/packages/react/src/kbd/Kbd.js +4 -2
  187. package/dist/packages/react/src/layers/layers-css.js +3 -3
  188. package/dist/packages/react/src/link/Link-css.js +4 -4
  189. package/dist/packages/react/src/link/Link.js +5 -7
  190. package/dist/packages/react/src/listbox/Listbox.js +2 -0
  191. package/dist/packages/react/src/listbox-empty/ListboxEmpty.js +2 -0
  192. package/dist/packages/react/src/listbox-group/ListboxGroup.js +3 -1
  193. package/dist/packages/react/src/listbox-group-context/ListboxGroupContext.js +1 -1
  194. package/dist/packages/react/src/listbox-item/ListboxItem-css.js +5 -5
  195. package/dist/packages/react/src/listbox-item/ListboxItem.js +4 -2
  196. package/dist/packages/react/src/listbox-item-indicator/ListboxItemIndicator.js +8 -7
  197. package/dist/packages/react/src/listbox-label/ListboxLabel.js +2 -0
  198. package/dist/packages/react/src/listbox-scroll-area/ListboxScrollArea.js +2 -0
  199. package/dist/packages/react/src/menu-listbox/MenuListbox-css.js +3 -3
  200. package/dist/packages/react/src/menu-listbox/MenuListbox.js +2 -2
  201. package/dist/packages/react/src/nested-dialog-context/NestedDialogContext.js +5 -0
  202. package/dist/packages/react/src/nested-dialog-context/useNestedDialogCount.js +17 -0
  203. package/dist/packages/react/src/pagination/Pagination-css.js +5 -5
  204. package/dist/packages/react/src/pagination/Pagination.js +5 -3
  205. package/dist/packages/react/src/paper/Paper-css.js +1 -1
  206. package/dist/packages/react/src/paper/Paper.js +2 -0
  207. package/dist/packages/react/src/pill/Pill-css.js +3 -3
  208. package/dist/packages/react/src/popover-anchor/PopoverAnchor.js +2 -0
  209. package/dist/packages/react/src/popover-content/PopoverContent.js +2 -2
  210. package/dist/packages/react/src/progress/Progress-css.js +3 -3
  211. package/dist/packages/react/src/progress/Progress.js +2 -0
  212. package/dist/packages/react/src/radio/Radio-css.js +8 -8
  213. package/dist/packages/react/src/radio/Radio.js +6 -8
  214. package/dist/packages/react/src/search-input/SearchInput-css.js +4 -4
  215. package/dist/packages/react/src/select-content/SelectContent-css.js +3 -3
  216. package/dist/packages/react/src/select-content/SelectContent.js +26 -4
  217. package/dist/packages/react/src/select-item/SelectItem.js +7 -9
  218. package/dist/packages/react/src/select-value/SelectValue.js +2 -0
  219. package/dist/packages/react/src/separator/Separator-css.js +3 -3
  220. package/dist/packages/react/src/separator/Separator.js +2 -0
  221. package/dist/packages/react/src/sidenav/Sidenav.js +2 -2
  222. package/dist/packages/react/src/sidenav-account-item/SidenavAccountItem.js +17 -4
  223. package/dist/packages/react/src/sidenav-body/SidenavBody.js +4 -7
  224. package/dist/packages/react/src/sidenav-footer/SidenavFooter.js +4 -7
  225. package/dist/packages/react/src/sidenav-header/SidenavHeader.js +1 -5
  226. package/dist/packages/react/src/sidenav-item/SidenavItem-css.js +5 -5
  227. package/dist/packages/react/src/sidenav-item/SidenavItem.js +13 -18
  228. package/dist/packages/react/src/skeleton/Skeleton-css.js +3 -3
  229. package/dist/packages/react/src/skeleton/Skeleton.js +7 -6
  230. package/dist/packages/react/src/spinner/Spinner-css.js +3 -3
  231. package/dist/packages/react/src/spinner/Spinner.js +2 -0
  232. package/dist/packages/react/src/spotlight-content/SpotlightContent.js +0 -1
  233. package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js +3 -3
  234. package/dist/packages/react/src/spotlight-input/SpotlightInput.js +11 -1
  235. package/dist/packages/react/src/spotlight-label/SpotlightLabel.js +2 -0
  236. package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js +3 -3
  237. package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem.js +2 -0
  238. package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js +4 -4
  239. package/dist/packages/react/src/spotlight-trigger/SpotlightTrigger.js +3 -1
  240. package/dist/packages/react/src/sprinkles/properties-css.js +4 -4
  241. package/dist/packages/react/src/switch/Switch-css.js +9 -9
  242. package/dist/packages/react/src/switch/Switch.js +5 -7
  243. package/dist/packages/react/src/table/Table-css.js +4 -4
  244. package/dist/packages/react/src/table/Table.js +3 -1
  245. package/dist/packages/react/src/table-body/TableBody-css.js +3 -3
  246. package/dist/packages/react/src/table-body/TableBody.js +2 -0
  247. package/dist/packages/react/src/table-cell/TableCell-css.js +4 -4
  248. package/dist/packages/react/src/table-cell/TableCell.js +2 -0
  249. package/dist/packages/react/src/table-header/TableHeader.js +2 -0
  250. package/dist/packages/react/src/table-header-cell/TableHeaderCell-css.js +4 -4
  251. package/dist/packages/react/src/table-header-cell/TableHeaderCell.js +2 -0
  252. package/dist/packages/react/src/table-row/TableRow-css.js +3 -3
  253. package/dist/packages/react/src/table-row/TableRow.js +2 -0
  254. package/dist/packages/react/src/tabs/Tabs-css.js +3 -3
  255. package/dist/packages/react/src/tabs/Tabs.js +4 -7
  256. package/dist/packages/react/src/tabs-content/TabsContent.js +2 -4
  257. package/dist/packages/react/src/tabs-list/TabsList-css.js +3 -3
  258. package/dist/packages/react/src/tabs-list/TabsList.js +4 -4
  259. package/dist/packages/react/src/tabs-trigger/TabsTrigger-css.js +4 -4
  260. package/dist/packages/react/src/tabs-trigger/TabsTrigger.js +6 -23
  261. package/dist/packages/react/src/text/Text-css.js +3 -3
  262. package/dist/packages/react/src/text/Text.js +2 -0
  263. package/dist/packages/react/src/textarea/Textarea.js +4 -5
  264. package/dist/packages/react/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  265. package/dist/packages/react/src/textarea-autosize/TextareaAutosize.js +4 -6
  266. package/dist/packages/react/src/theme-provider/ThemeProvider.js +16 -8
  267. package/dist/packages/react/src/toast/Toast-css.js +7 -6
  268. package/dist/packages/react/src/toast/Toast.js +44 -29
  269. package/dist/packages/react/src/toast-action/ToastAction.js +2 -2
  270. package/dist/packages/react/src/toast-provider/ToastProvider-css.js +5 -4
  271. package/dist/packages/react/src/toast-provider/ToastProvider.js +11 -8
  272. package/dist/packages/react/src/toggle-button/ToggleButton.js +1 -1
  273. package/dist/packages/react/src/toggle-input/ToggleInput-css.js +4 -4
  274. package/dist/packages/react/src/toggle-input/ToggleInput.js +7 -8
  275. package/dist/packages/react/src/toggle-input-content/ToggleInputContent.js +2 -0
  276. package/dist/packages/react/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  277. package/dist/packages/react/src/toggle-input-control/ToggleInputControl.js +2 -0
  278. package/dist/packages/react/src/toggle-input-description/ToggleInputDescription.js +2 -0
  279. package/dist/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  280. package/dist/packages/react/src/toggle-input-label/ToggleInputLabel.js +18 -2
  281. package/dist/packages/react/src/tooltip/Tooltip.js +27 -31
  282. package/dist/packages/react/src/tooltip-content/TooltipContent-css.js +1 -1
  283. package/dist/packages/react/src/tooltip-content/TooltipContent.js +7 -4
  284. package/dist/packages/react/src/tooltip-provider/TooltipProvider.js +19 -0
  285. package/dist/packages/react/src/tooltip-root/TooltipRoot.js +1 -1
  286. package/dist/packages/react/src/transition/Transition-css.js +4 -5
  287. package/dist/packages/react/src/transition/Transition.js +10 -18
  288. package/dist/packages/react/src/transition-group/TransitionGroup.js +46 -0
  289. package/dist/packages/react/src/transition-group-context/TransitionGroupContext.js +5 -0
  290. package/dist/packages/react/src/use-responsive-matches/useResponsiveMatches.js +1 -1
  291. package/dist/packages/react/src/use-transition-status/useTransitionStatus.js +21 -0
  292. package/dist/packages/react/src/utils/decorateChildren.js +1 -1
  293. package/dist/packages/react/src/vanilla-extract/recipeRuntime.js +1 -1
  294. package/dist/unstable.d.ts +181 -139
  295. package/dist/unstable.js +1 -0
  296. package/package.json +7 -6
  297. package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-D1fQixNN.css +0 -20
  298. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Bu54f07F.css +0 -6
  299. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DyQDI5n_.css +0 -10
  300. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CC1YKzaI.css +0 -28
  301. package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-3J4kgLSl.css +0 -4
  302. package/dist/assets/src/badge/Badge.css.ts.vanilla-CxenIwSA.css +0 -46
  303. package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-BCwJOq95.css +0 -8
  304. package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CYyMTcl3.css +0 -12
  305. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-LB7W6lTK.css +0 -145
  306. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-C_kf7cXQ.css +0 -9
  307. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DQ-T1a-J.css +0 -18
  308. package/dist/assets/src/code/Code.css.ts.vanilla-BoILKpeG.css +0 -7
  309. package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CsD5Lm9p.css +0 -7
  310. package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-DmqGyOti.css +0 -6
  311. package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-DBsIX9-a.css +0 -6
  312. package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-Bu0LwmUW.css +0 -6
  313. package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-0YP3mnr3.css +0 -19
  314. package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-COIV9W5_.css +0 -6
  315. package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BJ9DFLKX.css +0 -6
  316. package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-5j36Dxkc.css +0 -6
  317. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-B9a92xor.css +0 -7
  318. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-B3weDxFS.css +0 -37
  319. package/dist/assets/src/inline-input/InlineInput.css.ts.vanilla-C_M4a6Dd.css +0 -13
  320. package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-C6lD1LYe.css +0 -68
  321. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DAhSs3L3.css +0 -9
  322. package/dist/assets/src/layers/layers.css.ts.vanilla-DKTSleIR.css +0 -1
  323. package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-X6F67MiY.css +0 -48
  324. package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-l4UA2n3T.css +0 -21
  325. package/dist/assets/src/progress/Progress.css.ts.vanilla-CRcfDKun.css +0 -6
  326. package/dist/assets/src/radio/Radio.css.ts.vanilla-wh6Kjw9Q.css +0 -13
  327. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-CaLykiH1.css +0 -6
  328. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-BnpWp8VE.css +0 -7
  329. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-9wk7bAfG.css +0 -6
  330. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BJkDYRoP.css +0 -6
  331. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CyFVD4vO.css +0 -6
  332. package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-RGL_LbXN.css +0 -12
  333. package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-n4RX_zz6.css +0 -9
  334. package/dist/assets/src/switch/Switch.css.ts.vanilla-CJ6-vaID.css +0 -26
  335. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-PLpDWEM1.css +0 -6
  336. package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-BoojYcJx.css +0 -10
  337. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DEdofmsJ.css +0 -9
  338. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BP46h_xl.css +0 -6
  339. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-eF05kHdN.css +0 -9
  340. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-DMC52kVj.css +0 -23
  341. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Cud05mIM.css +0 -34
  342. package/dist/assets/src/toast/Toast.css.ts.vanilla-nlZSggfY.css +0 -96
  343. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DaiPcs9V.css +0 -23
  344. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-GXsOTirN.css +0 -10
  345. 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
  346. 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
  347. 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
  348. 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
  349. 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
  350. 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
  351. 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
  352. 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
  353. 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
  354. 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
  355. 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
  356. package/dist/node_modules/.pnpm/motion-utils@11.14.3/node_modules/motion-utils/dist/es/errors.js +0 -12
  357. package/dist/node_modules/.pnpm/motion-utils@11.14.3/node_modules/motion-utils/dist/es/noop.js +0 -3
  358. package/dist/packages/react/src/alert-context/AlertContext.js +0 -5
  359. package/dist/packages/react/src/alert-description/AlertDescription.js +0 -13
  360. package/dist/packages/react/src/alert-dialog-body/AlertDialogBody-css.js +0 -6
  361. package/dist/packages/react/src/alert-title/AlertTitle.js +0 -15
  362. package/dist/packages/react/src/animate-presence/AnimatePresence.js +0 -17
  363. package/dist/packages/react/src/autocomplete-content/AutocompleteContentImpl.js +0 -24
  364. package/dist/packages/react/src/banner-context/BannerContext.js +0 -5
  365. package/dist/packages/react/src/banner-description/BannerDescription.js +0 -13
  366. package/dist/packages/react/src/banner-title/BannerTitle.js +0 -15
  367. package/dist/packages/react/src/select-content/SelectContentImpl.js +0 -37
  368. package/dist/packages/react/src/sprinkles/extractSprinkles.js +0 -18
  369. package/dist/packages/react/src/tabs-context/TabsContext.js +0 -5
  370. /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
  371. /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
  372. /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,6 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._2ue1gl {
4
- height: 8px;
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- .qfzx1k {
4
- border-color: var(--_1msu1q0);
5
- }
6
- ._106e9bu {
7
- background-color: var(--_1msu1q0);
8
- display: none;
9
- }
10
- .crsq45:has(.d3i63d:checked) ._106e9bu {
11
- display: block;
12
- }
13
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._1ulr8fe:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1u4xfds {
4
- visibility: hidden;
5
- }
6
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._13udu6r {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._91re7h {
4
- --_1dzell6: var(--ax-colors-fg-secondary);
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._139k1w:empty:before {
4
- content: "\00a0";
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- .zwakdc:has(:focus) {
4
- outline: none !important;
5
- }
6
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._1tltxsp {
4
- background-color: var(--ax-colors-bg-secondary);
5
- }
6
- ._1tltxsp:not([data-disabled])[data-highlighted] {
7
- background-color: var(--ax-colors-bg-secondary-hovered);
8
- }
9
- ._1tltxsp:not([data-disabled])[data-highlighted]:active {
10
- background-color: var(--ax-colors-bg-tertiary);
11
- }
12
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._6dpb1f[data-highlighted] {
4
- --_1c5o2h4: var(--ax-colors-bg-secondary-hovered);
5
- }
6
- ._1gsz3mc[data-highlighted] {
7
- --_1m4306a: var(--ax-colors-fg-information-strong);
8
- }
9
- }
@@ -1,26 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._3jc9xg {
4
- --_1msu1q0: var(--ax-colors-bg-tertiary);
5
- }
6
- ._3jc9xg:has(.irt4b7:not(:disabled):not(:checked)):hover {
7
- --_1msu1q0: var(--ax-colors-bg-tertiary-hovered);
8
- }
9
- ._1s88ukk {
10
- background-color: var(--_1msu1q0);
11
- position: relative;
12
- }
13
- .cjnidc {
14
- background-color: var(--ax-colors-bg-default);
15
- transform: translateX(-10px);
16
- }
17
- ._1cpee0y:has(.irt4b7:checked) .cjnidc {
18
- transform: translateX(10px);
19
- }
20
- ._1cpee0y:has(.irt4b7:disabled) .cjnidc {
21
- background-color: var(--ax-colors-bg-page);
22
- }
23
- ._1cpee0y:has(.irt4b7:not(:disabled)) .cjnidc {
24
- box-shadow: var(--ax-boxShadow-sm);
25
- }
26
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- .c3mulc {
4
- position: relative;
5
- }
6
- }
@@ -1,10 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._10hahx9 {
4
- vertical-align: middle;
5
- word-break: break-word;
6
- }
7
- .m8pkss:not(:first-child) ._10hahx9 {
8
- border-top-width: 1px;
9
- }
10
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._1lnmba2 {
4
- position: relative;
5
- }
6
- .bn14k3 {
7
- box-shadow: 0 1px 0 var(--ax-colors-border-tertiary);
8
- }
9
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- .gaduzy:hover {
4
- background-color: var(--ax-colors-bg-default-hovered);
5
- }
6
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- .xacxc4[data-orientation="horizontal"] {
4
- flex-direction: column;
5
- }
6
- .xacxc4[data-orientation="vertical"] {
7
- flex-direction: row;
8
- }
9
- }
@@ -1,23 +0,0 @@
1
- @layer optiaxiom._12gtxoh;
2
- @layer optiaxiom._12gtxoh {
3
- ._1a0qdqr[data-orientation="horizontal"] {
4
- flex-direction: row;
5
- }
6
- ._1a0qdqr[data-orientation="vertical"] {
7
- flex-direction: column;
8
- }
9
- ._1ju40w7[data-orientation="horizontal"] {
10
- border-bottom-width: 1px;
11
- gap: 24px;
12
- }
13
- ._1ju40w7[data-orientation="vertical"] {
14
- border-right-width: 1px;
15
- gap: 8px;
16
- }
17
- ._1kntdje[data-orientation="horizontal"] {
18
- gap: 24px;
19
- }
20
- ._1kntdje[data-orientation="vertical"] {
21
- gap: 8px;
22
- }
23
- }
@@ -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 };