@optiaxiom/react 1.9.36 → 1.9.38

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 (845) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/Flex-CatAtV5e.js +9058 -0
  3. package/dist/cjs/assets/src/actions/ActionsContent.css.ts.vanilla-C_A1xOmq.css +22 -0
  4. package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-BCNiQRRI.css +6 -0
  5. package/dist/cjs/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-D0lPy_5q.css +30 -0
  6. package/dist/cjs/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-BeXdp6V_.css → AlertDialogFooter.css.ts.vanilla-Bkomil9Q.css} +3 -3
  7. package/dist/cjs/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-a8ApVQii.css +7 -0
  8. package/dist/cjs/assets/src/avatar/{Avatar.css.ts.vanilla-B5PGXoJF.css → Avatar.css.ts.vanilla-BJawMxIe.css} +18 -18
  9. package/dist/{esm/assets/src/backdrop/Backdrop.css.ts.vanilla-BLrKx086.css → cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-C4ao_trb.css} +3 -3
  10. package/dist/cjs/assets/src/badge/Badge.css.ts.vanilla-DUK3KBDx.css +51 -0
  11. package/dist/cjs/assets/src/banner/Banner.css.ts.vanilla-NyUX3jfQ.css +6 -0
  12. package/dist/{esm/assets/src/box/Box.css.ts.vanilla-B-qUnHFb.css → cjs/assets/src/box/Box.css.ts.vanilla-CyL3FCS7.css} +21 -21
  13. package/dist/cjs/assets/src/breadcrumb/{Breadcrumb.css.ts.vanilla-sdmOCSO0.css → Breadcrumb.css.ts.vanilla-Bd1LpazS.css} +6 -6
  14. package/dist/{esm/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-Hb5M_CRn.css → cjs/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BkIexNlM.css} +4 -4
  15. package/dist/cjs/assets/src/button/ButtonGroup.css.ts.vanilla-CdFjsC3-.css +4 -0
  16. package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-BVD9RP-X.css +9 -0
  17. package/dist/cjs/assets/src/button/ButtonRoot.css.ts.vanilla-g3vHDS5O.css +213 -0
  18. package/dist/cjs/assets/src/calendar/Calendar.css.ts.vanilla-0AO3Yw1N.css +6 -0
  19. package/dist/{esm/assets/src/calendar/CalendarDayButton.css.ts.vanilla-CRambJ_Y.css → cjs/assets/src/calendar/CalendarDayButton.css.ts.vanilla-D9UOKwWn.css} +24 -24
  20. package/dist/cjs/assets/src/calendar/CalendarGrid.css.ts.vanilla-DEl68hnX.css +7 -0
  21. package/dist/cjs/assets/src/calendar/CalendarMonths.css.ts.vanilla-pd6nmf6Y.css +6 -0
  22. package/dist/cjs/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-b9p8AbO5.css +8 -0
  23. package/dist/cjs/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BlGeI6AQ.css +8 -0
  24. package/dist/cjs/assets/src/card/Card.css.ts.vanilla-DNZjkOCP.css +8 -0
  25. package/dist/{esm/assets/src/card/CardCheckbox.css.ts.vanilla-CJprh1Ke.css → cjs/assets/src/card/CardCheckbox.css.ts.vanilla-yIkzexfh.css} +4 -4
  26. package/dist/cjs/assets/src/card/CardHeader.css.ts.vanilla-BvtgzziL.css +15 -0
  27. package/dist/cjs/assets/src/card/{CardPreview.css.ts.vanilla-DrB5OX19.css → CardPreview.css.ts.vanilla-SrK1qh3G.css} +4 -4
  28. package/dist/cjs/assets/src/checkbox/{CheckboxControl.css.ts.vanilla-DzIH_esH.css → CheckboxControl.css.ts.vanilla-CZ5yhl4s.css} +7 -7
  29. package/dist/cjs/assets/src/code/Code.css.ts.vanilla-w1i6azH8.css +10 -0
  30. package/dist/cjs/assets/src/command/CommandItem.css.ts.vanilla-DVCEHxe6.css +6 -0
  31. package/dist/cjs/assets/src/cover/Cover.css.ts.vanilla-CDEZj-Lo.css +34 -0
  32. package/dist/cjs/assets/src/data-table/DataTableBody.css.ts.vanilla-nTomqeST.css +71 -0
  33. package/dist/cjs/assets/src/data-table/DataTableFooter.css.ts.vanilla-m-yfg6w-.css +6 -0
  34. package/dist/{esm/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BNc9Sxf8.css → cjs/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-C2eVr_Ks.css} +9 -9
  35. package/dist/cjs/assets/src/date-input/DateInput.css.ts.vanilla-CDgWlycK.css +15 -0
  36. package/dist/cjs/assets/src/details-panel/{DetailsPanel.css.ts.vanilla-DZrVrrcE.css → DetailsPanel.css.ts.vanilla-BmU9ZKmg.css} +4 -4
  37. package/dist/cjs/assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CaB9gcz_.css +7 -0
  38. package/dist/cjs/assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B8JJZUBe.css +8 -0
  39. package/dist/{esm/assets/src/dialog/DialogContent.css.ts.vanilla-B0ZLUMHm.css → cjs/assets/src/dialog/DialogContent.css.ts.vanilla-BFQb_k2s.css} +14 -14
  40. package/dist/cjs/assets/src/dialog/DialogFooter.css.ts.vanilla-ZqnJDt4j.css +7 -0
  41. package/dist/cjs/assets/src/dialog/DialogHeader.css.ts.vanilla-DBBYNbGY.css +19 -0
  42. package/dist/{esm/assets/src/disclosure/DisclosureContent.css.ts.vanilla-kpqM-d5E.css → cjs/assets/src/disclosure/DisclosureContent.css.ts.vanilla-B_Xy98Fz.css} +6 -6
  43. package/dist/{esm/assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-PAz0f6TZ.css → cjs/assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DknQaBCc.css} +6 -6
  44. package/dist/cjs/assets/src/file-upload/FileUpload.css.ts.vanilla-8KhYu3AA.css +6 -0
  45. package/dist/{esm/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Cjy4E2mt.css → cjs/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BJPhhPd_.css} +9 -9
  46. package/dist/{esm/assets/src/file-upload/FileUploadListItem.css.ts.vanilla-BaURPher.css → cjs/assets/src/file-upload/FileUploadListItem.css.ts.vanilla-fzvHNKs7.css} +4 -4
  47. package/dist/cjs/assets/src/highlight/Highlight.css.ts.vanilla--3Y-w0WQ.css +7 -0
  48. package/dist/cjs/assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BSgG8_zG.css +6 -0
  49. package/dist/cjs/assets/src/icon/{Icon.css.ts.vanilla-BSwuhh6c.css → Icon.css.ts.vanilla-dVd84DU6.css} +1 -1
  50. package/dist/cjs/assets/src/indicator/Indicator.css.ts.vanilla-C21VOdcO.css +36 -0
  51. package/dist/cjs/assets/src/inline-input/{InlineInput.css.ts.vanilla-C-SaEw_y.css → InlineInput.css.ts.vanilla-B6dLoCLC.css} +4 -4
  52. package/dist/cjs/assets/src/input/Input.css.ts.vanilla-u6dHHiyE.css +9 -0
  53. package/dist/cjs/assets/src/input/{InputControl.css.ts.vanilla-CgiERnDf.css → InputControl.css.ts.vanilla-BmOe1icm.css} +8 -8
  54. package/dist/cjs/assets/src/input/InputRoot.css.ts.vanilla-Cv5bospX.css +71 -0
  55. package/dist/cjs/assets/src/kbd/{Kbd.css.ts.vanilla-gPPsYPu-.css → Kbd.css.ts.vanilla-BsUt6H-q.css} +3 -3
  56. package/dist/cjs/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dhb4Jq6F.css +7 -0
  57. package/dist/cjs/assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css +1 -0
  58. package/dist/{esm/assets/src/layout/Layout.css.ts.vanilla-D3nQ_Mvh.css → cjs/assets/src/layout/Layout.css.ts.vanilla-DrhQALKH.css} +5 -5
  59. package/dist/cjs/assets/src/layout/LayoutContent.css.ts.vanilla-BD8baLK5.css +6 -0
  60. package/dist/{esm/assets/src/link/Link.css.ts.vanilla-Bd4SX7bE.css → cjs/assets/src/link/Link.css.ts.vanilla-BMk97AlZ.css} +13 -13
  61. package/dist/cjs/assets/src/listbox/Listbox.css.ts.vanilla-CXF55v5e.css +6 -0
  62. package/dist/{esm/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BNXJ-op-.css → cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C_SmsrJ7.css} +4 -4
  63. package/dist/cjs/assets/src/listbox/ListboxItem.css.ts.vanilla-DwpCpfGs.css +53 -0
  64. package/dist/cjs/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-txm1jaYk.css → ListboxItemIndicator.css.ts.vanilla-hagNMK83.css} +4 -4
  65. package/dist/cjs/assets/src/menu/MenuDialogContent.css.ts.vanilla-CmoxpNjN.css +7 -0
  66. package/dist/cjs/assets/src/menu/MenuInput.css.ts.vanilla-BvnfLD4w.css +6 -0
  67. package/dist/cjs/assets/src/modal/{ModalListbox.css.ts.vanilla-BAlujQ_Z.css → ModalListbox.css.ts.vanilla-NcwHywdl.css} +13 -13
  68. package/dist/cjs/assets/src/nav/Nav.css.ts.vanilla-CWeRAcPY.css +6 -0
  69. package/dist/cjs/assets/src/nav/NavAccountItem.css.ts.vanilla-DiA3Cmkz.css +9 -0
  70. package/dist/cjs/assets/src/nav/{NavItem.css.ts.vanilla-BG1pbMI9.css → NavItem.css.ts.vanilla-DkhnVsAB.css} +13 -13
  71. package/dist/{esm/assets/src/pagination/Pagination.css.ts.vanilla-BHGEMBAI.css → cjs/assets/src/pagination/Pagination.css.ts.vanilla-C5NvzDXz.css} +5 -5
  72. package/dist/cjs/assets/src/pill/{Pill.css.ts.vanilla-CeUdFgBD.css → Pill.css.ts.vanilla-CMUfd1c9.css} +6 -6
  73. package/dist/cjs/assets/src/pill-menu/{PillMenuTrigger.css.ts.vanilla-BQkP4dAm.css → PillMenuTrigger.css.ts.vanilla-CL7LNm67.css} +7 -7
  74. package/dist/cjs/assets/src/progress/{Progress.css.ts.vanilla-CVC0Y-WW.css → Progress.css.ts.vanilla-Dn33S0hk.css} +4 -4
  75. package/dist/cjs/assets/src/radio/Radio.css.ts.vanilla-CkFX2LnT.css +13 -0
  76. package/dist/cjs/assets/src/range/{Range.css.ts.vanilla-DYmCxcU2.css → Range.css.ts.vanilla-RRJfcxzG.css} +23 -23
  77. package/dist/cjs/assets/src/resizable/ResizableHandle.css.ts.vanilla-BSMn5mzL.css +19 -0
  78. package/dist/cjs/assets/src/search-input/SearchInput.css.ts.vanilla-xK0JoetK.css +10 -0
  79. package/dist/cjs/assets/src/separator/{Separator.css.ts.vanilla-Bzc5bHiI.css → Separator.css.ts.vanilla-DhAb99fn.css} +8 -8
  80. package/dist/cjs/assets/src/skeleton/Skeleton.css.ts.vanilla-CT_XEUMT.css +6 -0
  81. package/dist/cjs/assets/src/sortable/SortableHandle.css.ts.vanilla-DCdQQF8R.css +6 -0
  82. package/dist/cjs/assets/src/sortable/{SortableItem.css.ts.vanilla-BK_dsuRo.css → SortableItem.css.ts.vanilla-C0cu5qKt.css} +6 -6
  83. package/dist/cjs/assets/src/spinner/{Spinner.css.ts.vanilla-Bor5mZcd.css → Spinner.css.ts.vanilla-DAIkCdXp.css} +4 -4
  84. package/dist/cjs/assets/src/sprinkles/{properties.css.ts.vanilla-c-uWuHMc.css → properties.css.ts.vanilla-ClO7W1Uv.css} +727 -727
  85. package/dist/cjs/assets/src/sub-nav/SubNav.css.ts.vanilla-AaNhWT5G.css +6 -0
  86. package/dist/cjs/assets/src/switch/Switch.css.ts.vanilla-BfOWyAqR.css +45 -0
  87. package/dist/cjs/assets/src/table/Table.css.ts.vanilla-D0C1krBH.css +18 -0
  88. package/dist/cjs/assets/src/table/TableBody.css.ts.vanilla-U76qkL6H.css +6 -0
  89. package/dist/{esm/assets/src/table/TableCell.css.ts.vanilla-C1PkVIzd.css → cjs/assets/src/table/TableCell.css.ts.vanilla-BXE1CD3J.css} +6 -6
  90. package/dist/cjs/assets/src/table/TableHeader.css.ts.vanilla-C_u5lwM5.css +8 -0
  91. package/dist/cjs/assets/src/table/{TableHeaderCell.css.ts.vanilla-DFfWCXmv.css → TableHeaderCell.css.ts.vanilla-CCQu3wV_.css} +6 -6
  92. package/dist/{esm/assets/src/table/TableRow.css.ts.vanilla-gj7vuDjs.css → cjs/assets/src/table/TableRow.css.ts.vanilla-2OQgDRrf.css} +8 -8
  93. package/dist/cjs/assets/src/tabs/Tabs.css.ts.vanilla-BrXq8b-U.css +9 -0
  94. package/dist/cjs/assets/src/tabs/{TabsList.css.ts.vanilla-DQR_ioSq.css → TabsList.css.ts.vanilla-BbpgOd_F.css} +4 -4
  95. package/dist/{esm/assets/src/tabs/TabsTrigger.css.ts.vanilla-BHZv98Nw.css → cjs/assets/src/tabs/TabsTrigger.css.ts.vanilla-enwO4JhO.css} +10 -10
  96. package/dist/{esm/assets/src/text/Text.css.ts.vanilla-BJdH9jAa.css → cjs/assets/src/text/Text.css.ts.vanilla-DVHbnw6z.css} +8 -8
  97. package/dist/cjs/assets/src/textarea/Textarea.css.ts.vanilla-Cw2AxPV-.css +6 -0
  98. package/dist/cjs/assets/src/textarea/TextareaAutosize.css.ts.vanilla-DpOXxpP_.css +44 -0
  99. package/dist/cjs/assets/src/toast/Toast.css.ts.vanilla-p9YwaT0s.css +104 -0
  100. package/dist/cjs/assets/src/toast/{ToastProvider.css.ts.vanilla-2M4Cwds9.css → ToastProvider.css.ts.vanilla-C0CRHKeJ.css} +9 -9
  101. package/dist/cjs/assets/src/toast/ToastTitle.css.ts.vanilla-BW1KKYDr.css +6 -0
  102. package/dist/cjs/assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bo7OdqI0.css +25 -0
  103. package/dist/cjs/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BLPpfzH3.css +10 -0
  104. package/dist/cjs/assets/src/transition/{Transition.css.ts.vanilla-D3Vhrc-d.css → Transition.css.ts.vanilla-D249Gczs.css} +12 -12
  105. package/dist/cjs/css-runtime.js +71 -73
  106. package/dist/cjs/index.js +4454 -3366
  107. package/dist/cjs/unstable.js +1915 -1762
  108. package/dist/css-runtime.d.ts +202 -219
  109. package/dist/esm/_virtual/_rolldown/runtime.js +13 -0
  110. package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-C_A1xOmq.css +22 -0
  111. package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-BCNiQRRI.css +6 -0
  112. package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-D0lPy_5q.css +30 -0
  113. package/dist/esm/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-BeXdp6V_.css → AlertDialogFooter.css.ts.vanilla-Bkomil9Q.css} +3 -3
  114. package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-a8ApVQii.css +7 -0
  115. package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-B5PGXoJF.css → Avatar.css.ts.vanilla-BJawMxIe.css} +18 -18
  116. package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-CdFjsC3-.css +4 -0
  117. package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-BLrKx086.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-C4ao_trb.css} +3 -3
  118. package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-DUK3KBDx.css +51 -0
  119. package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-NyUX3jfQ.css +6 -0
  120. package/dist/{cjs/assets/src/box/Box.css.ts.vanilla-B-qUnHFb.css → esm/assets/src/box/Box.css.ts.vanilla-CyL3FCS7.css} +21 -21
  121. package/dist/esm/assets/src/breadcrumb/{Breadcrumb.css.ts.vanilla-sdmOCSO0.css → Breadcrumb.css.ts.vanilla-Bd1LpazS.css} +6 -6
  122. package/dist/{cjs/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-Hb5M_CRn.css → esm/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BkIexNlM.css} +4 -4
  123. package/dist/esm/assets/src/button/ButtonLoadable.css.ts.vanilla-BVD9RP-X.css +9 -0
  124. package/dist/esm/assets/src/button/ButtonRoot.css.ts.vanilla-g3vHDS5O.css +213 -0
  125. package/dist/esm/assets/src/calendar/Calendar.css.ts.vanilla-0AO3Yw1N.css +6 -0
  126. package/dist/{cjs/assets/src/calendar/CalendarDayButton.css.ts.vanilla-CRambJ_Y.css → esm/assets/src/calendar/CalendarDayButton.css.ts.vanilla-D9UOKwWn.css} +24 -24
  127. package/dist/esm/assets/src/calendar/CalendarGrid.css.ts.vanilla-DEl68hnX.css +7 -0
  128. package/dist/esm/assets/src/calendar/CalendarMonths.css.ts.vanilla-pd6nmf6Y.css +6 -0
  129. package/dist/esm/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-b9p8AbO5.css +8 -0
  130. package/dist/esm/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BlGeI6AQ.css +8 -0
  131. package/dist/esm/assets/src/card/Card.css.ts.vanilla-DNZjkOCP.css +8 -0
  132. package/dist/{cjs/assets/src/card/CardCheckbox.css.ts.vanilla-CJprh1Ke.css → esm/assets/src/card/CardCheckbox.css.ts.vanilla-yIkzexfh.css} +4 -4
  133. package/dist/esm/assets/src/card/CardHeader.css.ts.vanilla-BvtgzziL.css +15 -0
  134. package/dist/esm/assets/src/card/{CardPreview.css.ts.vanilla-DrB5OX19.css → CardPreview.css.ts.vanilla-SrK1qh3G.css} +4 -4
  135. package/dist/esm/assets/src/checkbox/{CheckboxControl.css.ts.vanilla-DzIH_esH.css → CheckboxControl.css.ts.vanilla-CZ5yhl4s.css} +7 -7
  136. package/dist/esm/assets/src/code/Code.css.ts.vanilla-w1i6azH8.css +10 -0
  137. package/dist/esm/assets/src/command/CommandItem.css.ts.vanilla-DVCEHxe6.css +6 -0
  138. package/dist/esm/assets/src/cover/Cover.css.ts.vanilla-CDEZj-Lo.css +34 -0
  139. package/dist/esm/assets/src/data-table/DataTableBody.css.ts.vanilla-nTomqeST.css +71 -0
  140. package/dist/esm/assets/src/data-table/DataTableFooter.css.ts.vanilla-m-yfg6w-.css +6 -0
  141. package/dist/{cjs/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BNc9Sxf8.css → esm/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-C2eVr_Ks.css} +9 -9
  142. package/dist/esm/assets/src/date-input/DateInput.css.ts.vanilla-CDgWlycK.css +15 -0
  143. package/dist/esm/assets/src/details-panel/{DetailsPanel.css.ts.vanilla-DZrVrrcE.css → DetailsPanel.css.ts.vanilla-BmU9ZKmg.css} +4 -4
  144. package/dist/esm/assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CaB9gcz_.css +7 -0
  145. package/dist/esm/assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B8JJZUBe.css +8 -0
  146. package/dist/{cjs/assets/src/dialog/DialogContent.css.ts.vanilla-B0ZLUMHm.css → esm/assets/src/dialog/DialogContent.css.ts.vanilla-BFQb_k2s.css} +14 -14
  147. package/dist/esm/assets/src/dialog/DialogFooter.css.ts.vanilla-ZqnJDt4j.css +7 -0
  148. package/dist/esm/assets/src/dialog/DialogHeader.css.ts.vanilla-DBBYNbGY.css +19 -0
  149. package/dist/{cjs/assets/src/disclosure/DisclosureContent.css.ts.vanilla-kpqM-d5E.css → esm/assets/src/disclosure/DisclosureContent.css.ts.vanilla-B_Xy98Fz.css} +6 -6
  150. package/dist/{cjs/assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-PAz0f6TZ.css → esm/assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DknQaBCc.css} +6 -6
  151. package/dist/esm/assets/src/file-upload/FileUpload.css.ts.vanilla-8KhYu3AA.css +6 -0
  152. package/dist/{cjs/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Cjy4E2mt.css → esm/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BJPhhPd_.css} +9 -9
  153. package/dist/{cjs/assets/src/file-upload/FileUploadListItem.css.ts.vanilla-BaURPher.css → esm/assets/src/file-upload/FileUploadListItem.css.ts.vanilla-fzvHNKs7.css} +4 -4
  154. package/dist/esm/assets/src/highlight/Highlight.css.ts.vanilla--3Y-w0WQ.css +7 -0
  155. package/dist/esm/assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BSgG8_zG.css +6 -0
  156. package/dist/esm/assets/src/icon/{Icon.css.ts.vanilla-BSwuhh6c.css → Icon.css.ts.vanilla-dVd84DU6.css} +1 -1
  157. package/dist/esm/assets/src/indicator/Indicator.css.ts.vanilla-C21VOdcO.css +36 -0
  158. package/dist/esm/assets/src/inline-input/{InlineInput.css.ts.vanilla-C-SaEw_y.css → InlineInput.css.ts.vanilla-B6dLoCLC.css} +4 -4
  159. package/dist/esm/assets/src/input/Input.css.ts.vanilla-u6dHHiyE.css +9 -0
  160. package/dist/esm/assets/src/input/{InputControl.css.ts.vanilla-CgiERnDf.css → InputControl.css.ts.vanilla-BmOe1icm.css} +8 -8
  161. package/dist/esm/assets/src/input/InputRoot.css.ts.vanilla-Cv5bospX.css +71 -0
  162. package/dist/esm/assets/src/kbd/{Kbd.css.ts.vanilla-gPPsYPu-.css → Kbd.css.ts.vanilla-BsUt6H-q.css} +3 -3
  163. package/dist/esm/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dhb4Jq6F.css +7 -0
  164. package/dist/esm/assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css +1 -0
  165. package/dist/{cjs/assets/src/layout/Layout.css.ts.vanilla-D3nQ_Mvh.css → esm/assets/src/layout/Layout.css.ts.vanilla-DrhQALKH.css} +5 -5
  166. package/dist/esm/assets/src/layout/LayoutContent.css.ts.vanilla-BD8baLK5.css +6 -0
  167. package/dist/{cjs/assets/src/link/Link.css.ts.vanilla-Bd4SX7bE.css → esm/assets/src/link/Link.css.ts.vanilla-BMk97AlZ.css} +13 -13
  168. package/dist/esm/assets/src/listbox/Listbox.css.ts.vanilla-CXF55v5e.css +6 -0
  169. package/dist/{cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BNXJ-op-.css → esm/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C_SmsrJ7.css} +4 -4
  170. package/dist/esm/assets/src/listbox/ListboxItem.css.ts.vanilla-DwpCpfGs.css +53 -0
  171. package/dist/esm/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-txm1jaYk.css → ListboxItemIndicator.css.ts.vanilla-hagNMK83.css} +4 -4
  172. package/dist/esm/assets/src/menu/MenuDialogContent.css.ts.vanilla-CmoxpNjN.css +7 -0
  173. package/dist/esm/assets/src/menu/MenuInput.css.ts.vanilla-BvnfLD4w.css +6 -0
  174. package/dist/esm/assets/src/modal/{ModalListbox.css.ts.vanilla-BAlujQ_Z.css → ModalListbox.css.ts.vanilla-NcwHywdl.css} +13 -13
  175. package/dist/esm/assets/src/nav/Nav.css.ts.vanilla-CWeRAcPY.css +6 -0
  176. package/dist/esm/assets/src/nav/NavAccountItem.css.ts.vanilla-DiA3Cmkz.css +9 -0
  177. package/dist/esm/assets/src/nav/{NavItem.css.ts.vanilla-BG1pbMI9.css → NavItem.css.ts.vanilla-DkhnVsAB.css} +13 -13
  178. package/dist/{cjs/assets/src/pagination/Pagination.css.ts.vanilla-BHGEMBAI.css → esm/assets/src/pagination/Pagination.css.ts.vanilla-C5NvzDXz.css} +5 -5
  179. package/dist/esm/assets/src/pill/{Pill.css.ts.vanilla-CeUdFgBD.css → Pill.css.ts.vanilla-CMUfd1c9.css} +6 -6
  180. package/dist/esm/assets/src/pill-menu/{PillMenuTrigger.css.ts.vanilla-BQkP4dAm.css → PillMenuTrigger.css.ts.vanilla-CL7LNm67.css} +7 -7
  181. package/dist/esm/assets/src/progress/{Progress.css.ts.vanilla-CVC0Y-WW.css → Progress.css.ts.vanilla-Dn33S0hk.css} +4 -4
  182. package/dist/esm/assets/src/radio/Radio.css.ts.vanilla-CkFX2LnT.css +13 -0
  183. package/dist/esm/assets/src/range/{Range.css.ts.vanilla-DYmCxcU2.css → Range.css.ts.vanilla-RRJfcxzG.css} +23 -23
  184. package/dist/esm/assets/src/resizable/ResizableHandle.css.ts.vanilla-BSMn5mzL.css +19 -0
  185. package/dist/esm/assets/src/search-input/SearchInput.css.ts.vanilla-xK0JoetK.css +10 -0
  186. package/dist/esm/assets/src/separator/{Separator.css.ts.vanilla-Bzc5bHiI.css → Separator.css.ts.vanilla-DhAb99fn.css} +8 -8
  187. package/dist/esm/assets/src/skeleton/Skeleton.css.ts.vanilla-CT_XEUMT.css +6 -0
  188. package/dist/esm/assets/src/sortable/SortableHandle.css.ts.vanilla-DCdQQF8R.css +6 -0
  189. package/dist/esm/assets/src/sortable/{SortableItem.css.ts.vanilla-BK_dsuRo.css → SortableItem.css.ts.vanilla-C0cu5qKt.css} +6 -6
  190. package/dist/esm/assets/src/spinner/{Spinner.css.ts.vanilla-Bor5mZcd.css → Spinner.css.ts.vanilla-DAIkCdXp.css} +4 -4
  191. package/dist/esm/assets/src/sprinkles/{properties.css.ts.vanilla-c-uWuHMc.css → properties.css.ts.vanilla-ClO7W1Uv.css} +727 -727
  192. package/dist/esm/assets/src/sub-nav/SubNav.css.ts.vanilla-AaNhWT5G.css +6 -0
  193. package/dist/esm/assets/src/switch/Switch.css.ts.vanilla-BfOWyAqR.css +45 -0
  194. package/dist/esm/assets/src/table/Table.css.ts.vanilla-D0C1krBH.css +18 -0
  195. package/dist/esm/assets/src/table/TableBody.css.ts.vanilla-U76qkL6H.css +6 -0
  196. package/dist/{cjs/assets/src/table/TableCell.css.ts.vanilla-C1PkVIzd.css → esm/assets/src/table/TableCell.css.ts.vanilla-BXE1CD3J.css} +6 -6
  197. package/dist/esm/assets/src/table/TableHeader.css.ts.vanilla-C_u5lwM5.css +8 -0
  198. package/dist/esm/assets/src/table/{TableHeaderCell.css.ts.vanilla-DFfWCXmv.css → TableHeaderCell.css.ts.vanilla-CCQu3wV_.css} +6 -6
  199. package/dist/{cjs/assets/src/table/TableRow.css.ts.vanilla-gj7vuDjs.css → esm/assets/src/table/TableRow.css.ts.vanilla-2OQgDRrf.css} +8 -8
  200. package/dist/esm/assets/src/tabs/Tabs.css.ts.vanilla-BrXq8b-U.css +9 -0
  201. package/dist/esm/assets/src/tabs/{TabsList.css.ts.vanilla-DQR_ioSq.css → TabsList.css.ts.vanilla-BbpgOd_F.css} +4 -4
  202. package/dist/{cjs/assets/src/tabs/TabsTrigger.css.ts.vanilla-BHZv98Nw.css → esm/assets/src/tabs/TabsTrigger.css.ts.vanilla-enwO4JhO.css} +10 -10
  203. package/dist/{cjs/assets/src/text/Text.css.ts.vanilla-BJdH9jAa.css → esm/assets/src/text/Text.css.ts.vanilla-DVHbnw6z.css} +8 -8
  204. package/dist/esm/assets/src/textarea/Textarea.css.ts.vanilla-Cw2AxPV-.css +6 -0
  205. package/dist/esm/assets/src/textarea/TextareaAutosize.css.ts.vanilla-DpOXxpP_.css +44 -0
  206. package/dist/esm/assets/src/toast/Toast.css.ts.vanilla-p9YwaT0s.css +104 -0
  207. package/dist/esm/assets/src/toast/{ToastProvider.css.ts.vanilla-2M4Cwds9.css → ToastProvider.css.ts.vanilla-C0CRHKeJ.css} +9 -9
  208. package/dist/esm/assets/src/toast/ToastTitle.css.ts.vanilla-BW1KKYDr.css +6 -0
  209. package/dist/esm/assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bo7OdqI0.css +25 -0
  210. package/dist/esm/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BLPpfzH3.css +10 -0
  211. package/dist/esm/assets/src/transition/{Transition.css.ts.vanilla-D3Vhrc-d.css → Transition.css.ts.vanilla-D249Gczs.css} +12 -12
  212. package/dist/esm/css-runtime.js +4 -4
  213. package/dist/esm/index.js +158 -158
  214. package/dist/esm/layers/layers-css.js +16 -7
  215. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-debounced-callback/use-debounced-callback.js +87 -89
  216. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/parse-hotkey.js +61 -65
  217. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js +30 -28
  218. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js +25 -30
  219. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js +64 -69
  220. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.js +20 -21
  221. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/utils/use-callback-ref/use-callback-ref.js +9 -8
  222. package/dist/esm/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js +6 -6
  223. package/dist/esm/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js +30 -53
  224. package/dist/esm/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js +86 -179
  225. package/dist/esm/packages/react/package.js +4 -0
  226. package/dist/esm/packages/react/src/actions/ActionsContent-css.js +18 -8
  227. package/dist/esm/packages/react/src/actions/ActionsContent.js +14 -13
  228. package/dist/esm/packages/react/src/actions/ActionsRoot-css.js +6 -6
  229. package/dist/esm/packages/react/src/actions/ActionsRoot.js +14 -13
  230. package/dist/esm/packages/react/src/alert/Alert-css.js +47 -9
  231. package/dist/esm/packages/react/src/alert/Alert.js +64 -53
  232. package/dist/esm/packages/react/src/alert-dialog/AlertDialog.js +26 -20
  233. package/dist/esm/packages/react/src/alert-dialog/AlertDialogAction.js +28 -27
  234. package/dist/esm/packages/react/src/alert-dialog/AlertDialogBody.js +25 -24
  235. package/dist/esm/packages/react/src/alert-dialog/AlertDialogCancel.js +34 -38
  236. package/dist/esm/packages/react/src/alert-dialog/AlertDialogContent-css.js +30 -10
  237. package/dist/esm/packages/react/src/alert-dialog/AlertDialogContent.js +104 -120
  238. package/dist/esm/packages/react/src/alert-dialog/AlertDialogContext.js +4 -3
  239. package/dist/esm/packages/react/src/alert-dialog/AlertDialogFooter-css.js +12 -6
  240. package/dist/esm/packages/react/src/alert-dialog/AlertDialogFooter.js +19 -8
  241. package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader-css.js +13 -7
  242. package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader.js +29 -16
  243. package/dist/esm/packages/react/src/alert-dialog/AlertDialogTrigger.js +16 -8
  244. package/dist/esm/packages/react/src/angle-menu-button/AngleMenuButton.js +21 -8
  245. package/dist/esm/packages/react/src/auth-provider/AuthProvider.js +22 -23
  246. package/dist/esm/packages/react/src/auth-provider/useAuthContext.js +6 -5
  247. package/dist/esm/packages/react/src/avatar/Avatar-css.js +65 -10
  248. package/dist/esm/packages/react/src/avatar/Avatar.js +68 -51
  249. package/dist/esm/packages/react/src/avatar/AvatarContext.js +5 -4
  250. package/dist/esm/packages/react/src/avatar/AvatarGroup-css.js +6 -6
  251. package/dist/esm/packages/react/src/avatar/AvatarGroup.js +37 -14
  252. package/dist/esm/packages/react/src/axiom-provider/AxiomProvider.js +27 -35
  253. package/dist/esm/packages/react/src/backdrop/Backdrop-css.js +10 -7
  254. package/dist/esm/packages/react/src/backdrop/Backdrop.js +11 -11
  255. package/dist/esm/packages/react/src/badge/Badge-css.js +32 -7
  256. package/dist/esm/packages/react/src/badge/Badge.js +30 -29
  257. package/dist/esm/packages/react/src/banner/Banner-css.js +41 -9
  258. package/dist/esm/packages/react/src/banner/Banner.js +57 -51
  259. package/dist/esm/packages/react/src/box/Box-css.js +7 -7
  260. package/dist/esm/packages/react/src/box/Box.js +36 -28
  261. package/dist/esm/packages/react/src/box/extractBoxProps.js +12 -16
  262. package/dist/esm/packages/react/src/breadcrumb/Breadcrumb-css.js +14 -8
  263. package/dist/esm/packages/react/src/breadcrumb/Breadcrumb.js +90 -66
  264. package/dist/esm/packages/react/src/breadcrumb/BreadcrumbNode-css.js +12 -7
  265. package/dist/esm/packages/react/src/breadcrumb/BreadcrumbNode.js +27 -20
  266. package/dist/esm/packages/react/src/button/Button.js +92 -82
  267. package/dist/esm/packages/react/src/button/ButtonAddon.js +18 -13
  268. package/dist/esm/packages/react/src/button/ButtonContext.js +4 -3
  269. package/dist/esm/packages/react/src/button/ButtonGroup-css.js +6 -6
  270. package/dist/esm/packages/react/src/button/ButtonGroup.js +20 -22
  271. package/dist/esm/packages/react/src/button/ButtonLabel.js +21 -11
  272. package/dist/esm/packages/react/src/button/ButtonLoadable-css.js +8 -8
  273. package/dist/esm/packages/react/src/button/ButtonLoadable.js +14 -13
  274. package/dist/esm/packages/react/src/button/ButtonRoot-css.js +111 -8
  275. package/dist/esm/packages/react/src/button/ButtonRoot.js +78 -69
  276. package/dist/esm/packages/react/src/calendar/Calendar-css.js +11 -6
  277. package/dist/esm/packages/react/src/calendar/Calendar.js +167 -211
  278. package/dist/esm/packages/react/src/calendar/CalendarCaptionLabel.js +27 -39
  279. package/dist/esm/packages/react/src/calendar/CalendarChevron.js +8 -10
  280. package/dist/esm/packages/react/src/calendar/CalendarContext.js +4 -3
  281. package/dist/esm/packages/react/src/calendar/CalendarDay.js +13 -8
  282. package/dist/esm/packages/react/src/calendar/CalendarDayButton-css.js +33 -8
  283. package/dist/esm/packages/react/src/calendar/CalendarDayButton.js +36 -55
  284. package/dist/esm/packages/react/src/calendar/CalendarGrid-css.js +11 -7
  285. package/dist/esm/packages/react/src/calendar/CalendarGrid.js +93 -102
  286. package/dist/esm/packages/react/src/calendar/CalendarMonthCaption.js +15 -12
  287. package/dist/esm/packages/react/src/calendar/CalendarMonthGrid.js +86 -118
  288. package/dist/esm/packages/react/src/calendar/CalendarMonths-css.js +9 -6
  289. package/dist/esm/packages/react/src/calendar/CalendarMonths.js +14 -7
  290. package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton-css.js +7 -7
  291. package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton.js +25 -44
  292. package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton-css.js +6 -6
  293. package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton.js +25 -44
  294. package/dist/esm/packages/react/src/calendar/CalendarWeek.js +15 -8
  295. package/dist/esm/packages/react/src/calendar/CalendarWeekday.js +16 -8
  296. package/dist/esm/packages/react/src/calendar/CalendarWeekdays.js +24 -11
  297. package/dist/esm/packages/react/src/calendar/toTimeZoneName.js +4 -6
  298. package/dist/esm/packages/react/src/calendar/utils.js +13 -12
  299. package/dist/esm/packages/react/src/card/Card-css.js +21 -7
  300. package/dist/esm/packages/react/src/card/Card.js +31 -17
  301. package/dist/esm/packages/react/src/card/CardAction.js +16 -11
  302. package/dist/esm/packages/react/src/card/CardCheckbox-css.js +6 -6
  303. package/dist/esm/packages/react/src/card/CardCheckbox.js +37 -41
  304. package/dist/esm/packages/react/src/card/CardContext.js +4 -3
  305. package/dist/esm/packages/react/src/card/CardFooter.js +17 -12
  306. package/dist/esm/packages/react/src/card/CardHeader-css.js +22 -9
  307. package/dist/esm/packages/react/src/card/CardHeader.js +47 -46
  308. package/dist/esm/packages/react/src/card/CardImage-css.js +9 -5
  309. package/dist/esm/packages/react/src/card/CardImage.js +21 -13
  310. package/dist/esm/packages/react/src/card/CardLink.js +17 -10
  311. package/dist/esm/packages/react/src/card/CardPreview-css.js +14 -7
  312. package/dist/esm/packages/react/src/card/CardPreview.js +50 -66
  313. package/dist/esm/packages/react/src/checkbox/Checkbox.js +34 -35
  314. package/dist/esm/packages/react/src/checkbox/CheckboxContent.js +12 -14
  315. package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js +28 -11
  316. package/dist/esm/packages/react/src/checkbox/CheckboxControl.js +22 -25
  317. package/dist/esm/packages/react/src/checkbox/CheckboxRoot.js +25 -31
  318. package/dist/esm/packages/react/src/cleanup.js +6 -8
  319. package/dist/esm/packages/react/src/clock/Clock.js +79 -85
  320. package/dist/esm/packages/react/src/clock/utils.js +14 -21
  321. package/dist/esm/packages/react/src/code/Code-css.js +6 -6
  322. package/dist/esm/packages/react/src/code/Code.js +29 -16
  323. package/dist/esm/packages/react/src/command/Command.js +92 -101
  324. package/dist/esm/packages/react/src/command/CommandContext.js +7 -6
  325. package/dist/esm/packages/react/src/command/CommandInput.js +60 -80
  326. package/dist/esm/packages/react/src/command/CommandItem-css.js +6 -6
  327. package/dist/esm/packages/react/src/command/CommandItem.js +116 -151
  328. package/dist/esm/packages/react/src/command/CommandListbox.js +23 -43
  329. package/dist/esm/packages/react/src/command/fuzzysearch.js +30 -44
  330. package/dist/esm/packages/react/src/command/useCommandItems.js +56 -76
  331. package/dist/esm/packages/react/src/cover/Cover-css.js +15 -6
  332. package/dist/esm/packages/react/src/cover/Cover.js +21 -18
  333. package/dist/esm/packages/react/src/data-table/DataTable.js +30 -31
  334. package/dist/esm/packages/react/src/data-table/DataTableAction.js +53 -70
  335. package/dist/esm/packages/react/src/data-table/DataTableBody-css.js +39 -14
  336. package/dist/esm/packages/react/src/data-table/DataTableBody.js +180 -235
  337. package/dist/esm/packages/react/src/data-table/DataTableCheckbox.js +42 -54
  338. package/dist/esm/packages/react/src/data-table/DataTableContext.js +4 -3
  339. package/dist/esm/packages/react/src/data-table/DataTableExpandableCell.js +48 -43
  340. package/dist/esm/packages/react/src/data-table/DataTableExpandableHeader.js +16 -10
  341. package/dist/esm/packages/react/src/data-table/DataTableFooter-css.js +13 -7
  342. package/dist/esm/packages/react/src/data-table/DataTableFooter.js +78 -81
  343. package/dist/esm/packages/react/src/data-table/DataTableHeaderCell-css.js +37 -9
  344. package/dist/esm/packages/react/src/data-table/DataTableHeaderCell.js +76 -74
  345. package/dist/esm/packages/react/src/data-table/DataTableLabel.js +17 -16
  346. package/dist/esm/packages/react/src/data-table/DataTableRow.js +128 -189
  347. package/dist/esm/packages/react/src/data-table/DataTableRowContext.js +37 -45
  348. package/dist/esm/packages/react/src/date-input/DateInput-css.js +10 -10
  349. package/dist/esm/packages/react/src/date-input/DateInput.js +154 -191
  350. package/dist/esm/packages/react/src/date-range-picker/DateRangePicker.js +60 -67
  351. package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-css.js +8 -5
  352. package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent.js +61 -76
  353. package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContext.js +4 -3
  354. package/dist/esm/packages/react/src/date-range-picker/DateRangePickerTrigger.js +37 -50
  355. package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js +16 -7
  356. package/dist/esm/packages/react/src/details-panel/DetailsPanel.js +39 -31
  357. package/dist/esm/packages/react/src/details-panel/DetailsPanelBody.js +18 -18
  358. package/dist/esm/packages/react/src/details-panel/DetailsPanelContext.js +4 -3
  359. package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js +11 -6
  360. package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter.js +19 -8
  361. package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js +12 -6
  362. package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader.js +52 -49
  363. package/dist/esm/packages/react/src/dialog/Dialog.js +63 -63
  364. package/dist/esm/packages/react/src/dialog/DialogBody-css.js +15 -7
  365. package/dist/esm/packages/react/src/dialog/DialogBody.js +17 -11
  366. package/dist/esm/packages/react/src/dialog/DialogClose.js +30 -32
  367. package/dist/esm/packages/react/src/dialog/DialogContent-css.js +36 -12
  368. package/dist/esm/packages/react/src/dialog/DialogContent.js +91 -109
  369. package/dist/esm/packages/react/src/dialog/DialogContentImpl.js +32 -38
  370. package/dist/esm/packages/react/src/dialog/DialogContext.js +4 -3
  371. package/dist/esm/packages/react/src/dialog/DialogFooter-css.js +15 -7
  372. package/dist/esm/packages/react/src/dialog/DialogFooter.js +24 -16
  373. package/dist/esm/packages/react/src/dialog/DialogForm.js +24 -22
  374. package/dist/esm/packages/react/src/dialog/DialogHeader-css.js +27 -11
  375. package/dist/esm/packages/react/src/dialog/DialogHeader.js +51 -55
  376. package/dist/esm/packages/react/src/dialog/DialogTrigger.js +18 -12
  377. package/dist/esm/packages/react/src/dialog-kit/DialogKitContext.js +4 -3
  378. package/dist/esm/packages/react/src/dialog-kit/DialogKitProvider.js +22 -38
  379. package/dist/esm/packages/react/src/dialog-kit/dialogkit.js +69 -81
  380. package/dist/esm/packages/react/src/dialog-kit/useDialogKit.js +17 -16
  381. package/dist/esm/packages/react/src/disclosure/Disclosure.js +53 -36
  382. package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js +13 -7
  383. package/dist/esm/packages/react/src/disclosure/DisclosureContent.js +44 -30
  384. package/dist/esm/packages/react/src/disclosure/DisclosureContext.js +4 -3
  385. package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js +24 -9
  386. package/dist/esm/packages/react/src/disclosure/DisclosureTrigger.js +60 -37
  387. package/dist/esm/packages/react/src/downshift/useHighlightedIndex.js +16 -27
  388. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenu.js +39 -32
  389. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuCheckboxItem.js +15 -17
  390. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuContent.js +44 -41
  391. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuContext.js +4 -3
  392. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuGroup.js +15 -9
  393. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuItem.js +27 -36
  394. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuLabel.js +18 -9
  395. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuNestedContext.js +4 -3
  396. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSeparator.js +15 -17
  397. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSub.js +37 -39
  398. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubContent.js +31 -23
  399. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubContext.js +4 -3
  400. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubTrigger.js +17 -18
  401. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuTrigger.js +20 -21
  402. package/dist/esm/packages/react/src/ellipsis-menu-button/EllipsisMenuButton.js +23 -17
  403. package/dist/esm/packages/react/src/field/Field.js +73 -82
  404. package/dist/esm/packages/react/src/field/FieldContext.js +9 -8
  405. package/dist/esm/packages/react/src/field/FieldLabel.js +70 -84
  406. package/dist/esm/packages/react/src/file-upload/FileUpload-css.js +10 -6
  407. package/dist/esm/packages/react/src/file-upload/FileUpload.js +33 -28
  408. package/dist/esm/packages/react/src/file-upload/FileUploadContext.js +4 -3
  409. package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js +43 -7
  410. package/dist/esm/packages/react/src/file-upload/FileUploadDropzone.js +74 -77
  411. package/dist/esm/packages/react/src/file-upload/FileUploadList.js +17 -18
  412. package/dist/esm/packages/react/src/file-upload/FileUploadListItem-css.js +19 -8
  413. package/dist/esm/packages/react/src/file-upload/FileUploadListItem.js +113 -73
  414. package/dist/esm/packages/react/src/file-upload/FileUploadTrigger.js +35 -35
  415. package/dist/esm/packages/react/src/file-upload/useContainerSize.js +14 -20
  416. package/dist/esm/packages/react/src/file-upload/useDraggingOverBody.js +27 -39
  417. package/dist/esm/packages/react/src/file-upload/useFileUploadDragging.js +27 -39
  418. package/dist/esm/packages/react/src/file-upload/useFileUploadDrop.js +75 -127
  419. package/dist/esm/packages/react/src/file-upload/useFileUploadTrigger.js +8 -10
  420. package/dist/esm/packages/react/src/file-upload/useStickyPosition.js +36 -41
  421. package/dist/esm/packages/react/src/filtered-slot/FilteredSlot.js +13 -14
  422. package/dist/esm/packages/react/src/flex/Flex.js +34 -35
  423. package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkProvider.js +25 -33
  424. package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkProviderContext.js +4 -3
  425. package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkRestore.js +18 -28
  426. package/dist/esm/packages/react/src/grid/Grid.js +20 -21
  427. package/dist/esm/packages/react/src/group/Group.js +34 -29
  428. package/dist/esm/packages/react/src/heading/Heading.js +50 -32
  429. package/dist/esm/packages/react/src/highlight/Highlight-css.js +7 -7
  430. package/dist/esm/packages/react/src/highlight/Highlight.js +25 -17
  431. package/dist/esm/packages/react/src/highlight/useHighlightedChunks.js +15 -18
  432. package/dist/esm/packages/react/src/hooks/useEffectEvent.js +11 -10
  433. package/dist/esm/packages/react/src/hooks/useFieldLabelTrigger.js +15 -19
  434. package/dist/esm/packages/react/src/hooks/useObserveValue.js +24 -31
  435. package/dist/esm/packages/react/src/hooks/useResponsiveMatches.js +12 -18
  436. package/dist/esm/packages/react/src/hover-card/HoverCard.js +35 -40
  437. package/dist/esm/packages/react/src/hover-card/HoverCardContent.js +48 -53
  438. package/dist/esm/packages/react/src/hover-card/HoverCardContext.js +3 -3
  439. package/dist/esm/packages/react/src/hover-card/HoverCardTrigger-css.js +7 -7
  440. package/dist/esm/packages/react/src/hover-card/HoverCardTrigger.js +22 -10
  441. package/dist/esm/packages/react/src/icon/Icon-css.js +10 -7
  442. package/dist/esm/packages/react/src/icon/Icon.js +14 -13
  443. package/dist/esm/packages/react/src/icons/CheckboxCheck.js +16 -22
  444. package/dist/esm/packages/react/src/icons/IconAngleDown.js +13 -19
  445. package/dist/esm/packages/react/src/icons/IconAngleLeft.js +13 -19
  446. package/dist/esm/packages/react/src/icons/IconAngleRight.js +13 -19
  447. package/dist/esm/packages/react/src/icons/IconCalendar.js +10 -18
  448. package/dist/esm/packages/react/src/icons/IconCheck.js +10 -18
  449. package/dist/esm/packages/react/src/icons/IconCircleCheckSolid.js +11 -18
  450. package/dist/esm/packages/react/src/icons/IconCircleExclamationSolid.js +11 -18
  451. package/dist/esm/packages/react/src/icons/IconCircleInfoSolid.js +11 -18
  452. package/dist/esm/packages/react/src/icons/IconCircleQuestion.js +13 -19
  453. package/dist/esm/packages/react/src/icons/IconEllipsis.js +24 -38
  454. package/dist/esm/packages/react/src/icons/IconEllipsisSolid.js +11 -18
  455. package/dist/esm/packages/react/src/icons/IconFileImport.js +8 -16
  456. package/dist/esm/packages/react/src/icons/IconFileSolid.js +11 -18
  457. package/dist/esm/packages/react/src/icons/IconMagnifyingGlass.js +18 -30
  458. package/dist/esm/packages/react/src/icons/IconMinus.js +12 -18
  459. package/dist/esm/packages/react/src/icons/IconOpal.js +14 -20
  460. package/dist/esm/packages/react/src/icons/IconPlus.js +8 -16
  461. package/dist/esm/packages/react/src/icons/IconSort.js +12 -18
  462. package/dist/esm/packages/react/src/icons/IconSortDown.js +12 -18
  463. package/dist/esm/packages/react/src/icons/IconSortUp.js +12 -18
  464. package/dist/esm/packages/react/src/icons/IconTrashCan.js +11 -18
  465. package/dist/esm/packages/react/src/icons/IconTriangleExclamation.js +13 -19
  466. package/dist/esm/packages/react/src/icons/IconTriangleExclamationSolid.js +11 -18
  467. package/dist/esm/packages/react/src/icons/IconUpRightFromSquare.js +27 -39
  468. package/dist/esm/packages/react/src/icons/IconUserSolid.js +11 -18
  469. package/dist/esm/packages/react/src/icons/IconUsersSolid.js +11 -18
  470. package/dist/esm/packages/react/src/icons/IconX.js +10 -18
  471. package/dist/esm/packages/react/src/icons/withIcon.js +17 -28
  472. package/dist/esm/packages/react/src/indicator/Indicator-css.js +51 -9
  473. package/dist/esm/packages/react/src/indicator/Indicator.js +49 -42
  474. package/dist/esm/packages/react/src/inline-input/InlineInput-css.js +13 -7
  475. package/dist/esm/packages/react/src/inline-input/InlineInput.js +68 -86
  476. package/dist/esm/packages/react/src/input/Input-css.js +32 -9
  477. package/dist/esm/packages/react/src/input/Input.js +54 -61
  478. package/dist/esm/packages/react/src/input/InputAddon.js +27 -32
  479. package/dist/esm/packages/react/src/input/InputContext.js +4 -3
  480. package/dist/esm/packages/react/src/input/InputControl-css.js +22 -6
  481. package/dist/esm/packages/react/src/input/InputControl.js +63 -91
  482. package/dist/esm/packages/react/src/input/InputRoot-css.js +9 -9
  483. package/dist/esm/packages/react/src/input/InputRoot.js +28 -46
  484. package/dist/esm/packages/react/src/kbd/Kbd-css.js +30 -7
  485. package/dist/esm/packages/react/src/kbd/Kbd.js +48 -42
  486. package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js +31 -11
  487. package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton.js +53 -47
  488. package/dist/esm/packages/react/src/layers/layers-css.js +17 -9
  489. package/dist/esm/packages/react/src/layout/Layout-css.js +17 -6
  490. package/dist/esm/packages/react/src/layout/Layout.js +51 -40
  491. package/dist/esm/packages/react/src/layout/LayoutContent-css.js +12 -6
  492. package/dist/esm/packages/react/src/layout/LayoutContent.js +18 -20
  493. package/dist/esm/packages/react/src/link/Link-css.js +18 -8
  494. package/dist/esm/packages/react/src/link/Link.js +54 -47
  495. package/dist/esm/packages/react/src/listbox/Listbox-css.js +13 -7
  496. package/dist/esm/packages/react/src/listbox/Listbox.js +14 -13
  497. package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem-css.js +6 -6
  498. package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem.js +38 -45
  499. package/dist/esm/packages/react/src/listbox/ListboxEmpty.js +22 -26
  500. package/dist/esm/packages/react/src/listbox/ListboxGroup.js +23 -15
  501. package/dist/esm/packages/react/src/listbox/ListboxGroupContext.js +4 -3
  502. package/dist/esm/packages/react/src/listbox/ListboxItem-css.js +36 -10
  503. package/dist/esm/packages/react/src/listbox/ListboxItem.js +65 -57
  504. package/dist/esm/packages/react/src/listbox/ListboxItemIndicator-css.js +12 -6
  505. package/dist/esm/packages/react/src/listbox/ListboxItemIndicator.js +17 -19
  506. package/dist/esm/packages/react/src/listbox/ListboxItemized.js +48 -60
  507. package/dist/esm/packages/react/src/listbox/ListboxLabel.js +21 -14
  508. package/dist/esm/packages/react/src/listbox/ListboxRadioItem.js +18 -25
  509. package/dist/esm/packages/react/src/listbox/ListboxSeparator.js +16 -6
  510. package/dist/esm/packages/react/src/listbox/ListboxSwitchItem.js +33 -43
  511. package/dist/esm/packages/react/src/listbox/ListboxVirtualized.js +75 -85
  512. package/dist/esm/packages/react/src/listbox/utils.js +6 -9
  513. package/dist/esm/packages/react/src/menu/Menu.js +149 -197
  514. package/dist/esm/packages/react/src/menu/MenuCheckboxItem.js +34 -41
  515. package/dist/esm/packages/react/src/menu/MenuContent.js +63 -70
  516. package/dist/esm/packages/react/src/menu/MenuContext.js +4 -3
  517. package/dist/esm/packages/react/src/menu/MenuDialogContent-css.js +7 -7
  518. package/dist/esm/packages/react/src/menu/MenuDialogContent.js +37 -56
  519. package/dist/esm/packages/react/src/menu/MenuInput-css.js +14 -6
  520. package/dist/esm/packages/react/src/menu/MenuInput.js +44 -66
  521. package/dist/esm/packages/react/src/menu/MenuItem.js +35 -55
  522. package/dist/esm/packages/react/src/menu/MenuListbox.js +52 -57
  523. package/dist/esm/packages/react/src/menu/MenuPopover.js +6 -8
  524. package/dist/esm/packages/react/src/menu/MenuPopoverContent.js +44 -49
  525. package/dist/esm/packages/react/src/menu/MenuRadioItem.js +25 -37
  526. package/dist/esm/packages/react/src/menu/MenuSubContent.js +116 -165
  527. package/dist/esm/packages/react/src/menu/MenuSubContext.js +4 -3
  528. package/dist/esm/packages/react/src/menu/MenuSubInput.js +29 -45
  529. package/dist/esm/packages/react/src/menu/MenuSubTrigger.js +82 -101
  530. package/dist/esm/packages/react/src/menu/MenuSwitchItem.js +36 -45
  531. package/dist/esm/packages/react/src/menu/MenuTrigger.js +48 -63
  532. package/dist/esm/packages/react/src/menu/useMenuSurface.js +30 -54
  533. package/dist/esm/packages/react/src/modal/ModalLayer.js +51 -41
  534. package/dist/esm/packages/react/src/modal/ModalListbox-css.js +24 -6
  535. package/dist/esm/packages/react/src/modal/ModalListbox.js +24 -30
  536. package/dist/esm/packages/react/src/nav/Nav-css.js +15 -7
  537. package/dist/esm/packages/react/src/nav/Nav.js +36 -26
  538. package/dist/esm/packages/react/src/nav/NavAccountItem-css.js +19 -7
  539. package/dist/esm/packages/react/src/nav/NavAccountItem.js +61 -35
  540. package/dist/esm/packages/react/src/nav/NavBody-css.js +19 -5
  541. package/dist/esm/packages/react/src/nav/NavBody.js +20 -22
  542. package/dist/esm/packages/react/src/nav/NavFooter.js +23 -25
  543. package/dist/esm/packages/react/src/nav/NavGroup.js +40 -30
  544. package/dist/esm/packages/react/src/nav/NavGroupContent.js +22 -21
  545. package/dist/esm/packages/react/src/nav/NavGroupContext.js +8 -4
  546. package/dist/esm/packages/react/src/nav/NavGroupTrigger.js +42 -53
  547. package/dist/esm/packages/react/src/nav/NavHeader.js +20 -12
  548. package/dist/esm/packages/react/src/nav/NavItem-css.js +33 -9
  549. package/dist/esm/packages/react/src/nav/NavItem.js +78 -68
  550. package/dist/esm/packages/react/src/nav/NavList.js +22 -23
  551. package/dist/esm/packages/react/src/nav/NavSeparator.js +16 -8
  552. package/dist/esm/packages/react/src/nested-dialog-context/NestedDialogContext.js +4 -3
  553. package/dist/esm/packages/react/src/nested-dialog-context/useNestedDialogCount.js +27 -16
  554. package/dist/esm/packages/react/src/pagination/Pagination-css.js +18 -9
  555. package/dist/esm/packages/react/src/pagination/Pagination.js +118 -134
  556. package/dist/esm/packages/react/src/paper/Paper-css.js +21 -5
  557. package/dist/esm/packages/react/src/paper/Paper.js +16 -11
  558. package/dist/esm/packages/react/src/pill/Pill-css.js +28 -6
  559. package/dist/esm/packages/react/src/pill/Pill.js +52 -65
  560. package/dist/esm/packages/react/src/pill/PillGroup.js +17 -10
  561. package/dist/esm/packages/react/src/pill-menu/PillMenu.js +80 -95
  562. package/dist/esm/packages/react/src/pill-menu/PillMenuContent.js +25 -29
  563. package/dist/esm/packages/react/src/pill-menu/PillMenuContext.js +4 -3
  564. package/dist/esm/packages/react/src/pill-menu/PillMenuPill.js +52 -58
  565. package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger-css.js +23 -9
  566. package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger.js +89 -106
  567. package/dist/esm/packages/react/src/popover/Popover.js +35 -40
  568. package/dist/esm/packages/react/src/popover/PopoverAnchor.js +32 -35
  569. package/dist/esm/packages/react/src/popover/PopoverContent.js +58 -69
  570. package/dist/esm/packages/react/src/popover/PopoverContentContext.js +4 -3
  571. package/dist/esm/packages/react/src/popover/PopoverContentImpl.js +25 -21
  572. package/dist/esm/packages/react/src/popover/PopoverContext.js +4 -3
  573. package/dist/esm/packages/react/src/popover/PopoverTrigger.js +22 -24
  574. package/dist/esm/packages/react/src/popover/usePopoverScope.js +3 -3
  575. package/dist/esm/packages/react/src/portal/Portal.js +15 -12
  576. package/dist/esm/packages/react/src/portal/PortalContext.js +4 -3
  577. package/dist/esm/packages/react/src/progress/Progress-css.js +24 -8
  578. package/dist/esm/packages/react/src/progress/Progress.js +35 -29
  579. package/dist/esm/packages/react/src/radio/Radio-css.js +28 -12
  580. package/dist/esm/packages/react/src/radio/Radio.js +51 -63
  581. package/dist/esm/packages/react/src/radio/RadioGroup.js +45 -64
  582. package/dist/esm/packages/react/src/radio/RadioGroupContext.js +4 -3
  583. package/dist/esm/packages/react/src/range/Range-css.js +53 -13
  584. package/dist/esm/packages/react/src/range/Range.js +105 -154
  585. package/dist/esm/packages/react/src/range/useTooltipState.js +16 -19
  586. package/dist/esm/packages/react/src/resizable/Resizable.js +8 -5
  587. package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js +19 -8
  588. package/dist/esm/packages/react/src/resizable/ResizableHandle.js +15 -10
  589. package/dist/esm/packages/react/src/resizable/ResizablePanel.js +5 -5
  590. package/dist/esm/packages/react/src/roving-focus/RovingFocus.js +29 -18
  591. package/dist/esm/packages/react/src/roving-focus/RovingFocusContext.js +4 -3
  592. package/dist/esm/packages/react/src/roving-focus/RovingFocusItem.js +22 -20
  593. package/dist/esm/packages/react/src/search-input/SearchInput-css.js +8 -8
  594. package/dist/esm/packages/react/src/search-input/SearchInput.js +60 -68
  595. package/dist/esm/packages/react/src/segmented-control/SegmentedControl.js +25 -8
  596. package/dist/esm/packages/react/src/segmented-control/SegmentedControlContext.js +4 -3
  597. package/dist/esm/packages/react/src/segmented-control/SegmentedControlItem.js +22 -19
  598. package/dist/esm/packages/react/src/select/Select.js +155 -180
  599. package/dist/esm/packages/react/src/select/SelectContent.js +96 -145
  600. package/dist/esm/packages/react/src/select/SelectContext.js +4 -3
  601. package/dist/esm/packages/react/src/select/SelectHiddenSelect.js +25 -28
  602. package/dist/esm/packages/react/src/select/SelectItem.js +44 -58
  603. package/dist/esm/packages/react/src/select/SelectRadioItem.js +14 -21
  604. package/dist/esm/packages/react/src/select/SelectTrigger.js +88 -99
  605. package/dist/esm/packages/react/src/select/useObserveReset.js +12 -16
  606. package/dist/esm/packages/react/src/separator/Separator-css.js +47 -8
  607. package/dist/esm/packages/react/src/separator/Separator.js +29 -30
  608. package/dist/esm/packages/react/src/sidebar/Sidebar.js +38 -47
  609. package/dist/esm/packages/react/src/sidebar/SidebarContext.js +3 -3
  610. package/dist/esm/packages/react/src/sidebar/SidebarToggle.js +21 -35
  611. package/dist/esm/packages/react/src/skeleton/Skeleton-css.js +11 -6
  612. package/dist/esm/packages/react/src/skeleton/Skeleton.js +27 -24
  613. package/dist/esm/packages/react/src/sortable/Sortable.js +53 -45
  614. package/dist/esm/packages/react/src/sortable/SortableContext.js +4 -3
  615. package/dist/esm/packages/react/src/sortable/SortableGroup.js +31 -21
  616. package/dist/esm/packages/react/src/sortable/SortableGroupContext.js +6 -6
  617. package/dist/esm/packages/react/src/sortable/SortableHandle-css.js +6 -6
  618. package/dist/esm/packages/react/src/sortable/SortableHandle.js +23 -29
  619. package/dist/esm/packages/react/src/sortable/SortableItem-css.js +12 -6
  620. package/dist/esm/packages/react/src/sortable/SortableItem.js +50 -58
  621. package/dist/esm/packages/react/src/sortable/SortableItemContext.js +4 -3
  622. package/dist/esm/packages/react/src/spinner/Spinner-css.js +9 -6
  623. package/dist/esm/packages/react/src/spinner/Spinner.js +61 -74
  624. package/dist/esm/packages/react/src/spotlight/Spotlight.js +16 -7
  625. package/dist/esm/packages/react/src/spotlight/SpotlightContent.js +13 -8
  626. package/dist/esm/packages/react/src/spotlight/SpotlightTrigger.js +27 -18
  627. package/dist/esm/packages/react/src/sprinkles/createSprinklesMerge.js +30 -43
  628. package/dist/esm/packages/react/src/sprinkles/properties-css.js +1663 -7
  629. package/dist/esm/packages/react/src/sprinkles/sprinkles.js +8 -15
  630. package/dist/esm/packages/react/src/sprinkles/sprinklesMerge.js +5 -8
  631. package/dist/esm/packages/react/src/sub-nav/SubNav-css.js +13 -6
  632. package/dist/esm/packages/react/src/sub-nav/SubNav.js +36 -35
  633. package/dist/esm/packages/react/src/suggestion/SuggestionAlert.js +62 -72
  634. package/dist/esm/packages/react/src/suggestion/SuggestionAutoPopover.js +65 -71
  635. package/dist/esm/packages/react/src/suggestion/SuggestionManualTrigger.js +45 -56
  636. package/dist/esm/packages/react/src/suggestion/SuggestionPopover.js +17 -10
  637. package/dist/esm/packages/react/src/suggestion/SuggestionProvider.js +93 -121
  638. package/dist/esm/packages/react/src/surface/SurfaceProvider.js +2 -0
  639. package/dist/esm/packages/react/src/surface/buildSurfacePath.js +3 -2
  640. package/dist/esm/packages/react/src/surface/filterSuggestionsBySurface.js +11 -10
  641. package/dist/esm/packages/react/src/surface/useDebouncedTrack.js +25 -16
  642. package/dist/esm/packages/react/src/surface/useSuggestions.js +15 -11
  643. package/dist/esm/packages/react/src/surface/useSurface.js +19 -8
  644. package/dist/esm/packages/react/src/switch/Switch-css.js +27 -12
  645. package/dist/esm/packages/react/src/switch/Switch.js +44 -37
  646. package/dist/esm/packages/react/src/table/Table-css.js +24 -7
  647. package/dist/esm/packages/react/src/table/Table.js +42 -13
  648. package/dist/esm/packages/react/src/table/TableAction.js +15 -11
  649. package/dist/esm/packages/react/src/table/TableBody-css.js +6 -6
  650. package/dist/esm/packages/react/src/table/TableBody.js +18 -11
  651. package/dist/esm/packages/react/src/table/TableCell-css.js +17 -8
  652. package/dist/esm/packages/react/src/table/TableCell.js +22 -22
  653. package/dist/esm/packages/react/src/table/TableHeader-css.js +9 -6
  654. package/dist/esm/packages/react/src/table/TableHeader.js +18 -9
  655. package/dist/esm/packages/react/src/table/TableHeaderCell-css.js +21 -7
  656. package/dist/esm/packages/react/src/table/TableHeaderCell.js +25 -29
  657. package/dist/esm/packages/react/src/table/TableRow-css.js +13 -6
  658. package/dist/esm/packages/react/src/table/TableRow.js +22 -13
  659. package/dist/esm/packages/react/src/tabs/Tabs-css.js +6 -6
  660. package/dist/esm/packages/react/src/tabs/Tabs.js +52 -35
  661. package/dist/esm/packages/react/src/tabs/TabsContent.js +21 -13
  662. package/dist/esm/packages/react/src/tabs/TabsList-css.js +9 -6
  663. package/dist/esm/packages/react/src/tabs/TabsList.js +21 -14
  664. package/dist/esm/packages/react/src/tabs/TabsTrigger-css.js +23 -7
  665. package/dist/esm/packages/react/src/tabs/TabsTrigger.js +42 -25
  666. package/dist/esm/packages/react/src/text/Text-css.js +45 -6
  667. package/dist/esm/packages/react/src/text/Text.js +40 -25
  668. package/dist/esm/packages/react/src/textarea/Textarea-css.js +6 -6
  669. package/dist/esm/packages/react/src/textarea/Textarea.js +58 -52
  670. package/dist/esm/packages/react/src/textarea/TextareaAutosize-css.js +35 -8
  671. package/dist/esm/packages/react/src/textarea/TextareaAutosize.js +43 -53
  672. package/dist/esm/packages/react/src/theme-provider/ThemeProvider.js +40 -34
  673. package/dist/esm/packages/react/src/time/Time.js +31 -17
  674. package/dist/esm/packages/react/src/time/formatDate.js +19 -14
  675. package/dist/esm/packages/react/src/toast/Toast-css.js +39 -10
  676. package/dist/esm/packages/react/src/toast/Toast.js +70 -72
  677. package/dist/esm/packages/react/src/toast/ToastAction.js +29 -16
  678. package/dist/esm/packages/react/src/toast/ToastProvider-css.js +25 -8
  679. package/dist/esm/packages/react/src/toast/ToastProvider.js +76 -86
  680. package/dist/esm/packages/react/src/toast/ToastTitle-css.js +6 -6
  681. package/dist/esm/packages/react/src/toast/ToastTitle.js +23 -12
  682. package/dist/esm/packages/react/src/toast/useOverflowAnchor.js +34 -31
  683. package/dist/esm/packages/react/src/toggle-button/ToggleButton.js +23 -12
  684. package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js +15 -7
  685. package/dist/esm/packages/react/src/toggle-input/ToggleInput.js +33 -34
  686. package/dist/esm/packages/react/src/toggle-input/ToggleInputContent.js +13 -8
  687. package/dist/esm/packages/react/src/toggle-input/ToggleInputContext.js +4 -3
  688. package/dist/esm/packages/react/src/toggle-input/ToggleInputControl-css.js +9 -9
  689. package/dist/esm/packages/react/src/toggle-input/ToggleInputControl.js +13 -9
  690. package/dist/esm/packages/react/src/toggle-input/ToggleInputDescription.js +15 -22
  691. package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput-css.js +5 -5
  692. package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput.js +28 -35
  693. package/dist/esm/packages/react/src/toggle-input/ToggleInputLabel.js +13 -12
  694. package/dist/esm/packages/react/src/tooltip/Tooltip.js +31 -41
  695. package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js +20 -6
  696. package/dist/esm/packages/react/src/tooltip/TooltipContent.js +51 -57
  697. package/dist/esm/packages/react/src/tooltip/TooltipContext.js +6 -5
  698. package/dist/esm/packages/react/src/tooltip/TooltipProvider.js +14 -15
  699. package/dist/esm/packages/react/src/tooltip/TooltipRoot.js +43 -53
  700. package/dist/esm/packages/react/src/tooltip/TooltipTrigger.js +23 -13
  701. package/dist/esm/packages/react/src/transition/Transition-css.js +13 -6
  702. package/dist/esm/packages/react/src/transition/Transition.js +35 -37
  703. package/dist/esm/packages/react/src/transition/TransitionGlobalConfig.js +3 -4
  704. package/dist/esm/packages/react/src/transition/TransitionGroup.js +53 -67
  705. package/dist/esm/packages/react/src/transition/TransitionGroupContext.js +6 -4
  706. package/dist/esm/packages/react/src/transition/useTransitionStatus.js +14 -19
  707. package/dist/esm/packages/react/src/transition/waitForAnimation.js +3 -6
  708. package/dist/esm/packages/react/src/utils/conditions.js +15 -8
  709. package/dist/esm/packages/react/src/utils/decorateChildren.js +10 -19
  710. package/dist/esm/packages/react/src/utils/fallbackSpan.js +4 -4
  711. package/dist/esm/packages/react/src/utils/isFocusCaptured.js +8 -11
  712. package/dist/esm/packages/react/src/utils/isHoverSupported.js +2 -1
  713. package/dist/esm/packages/react/src/utils/mapValues.js +5 -6
  714. package/dist/esm/packages/react/src/utils/onReactSelectInputBlur.js +6 -7
  715. package/dist/esm/packages/react/src/utils/toInstant.js +7 -3
  716. package/dist/esm/packages/react/src/utils/toPlainDate.js +6 -3
  717. package/dist/esm/packages/react/src/utils/toPlainDateTime.js +6 -2
  718. package/dist/esm/packages/react/src/utils/toPlainTime.js +11 -6
  719. package/dist/esm/packages/react/src/vanilla-extract/recipeRuntime.js +29 -49
  720. package/dist/esm/packages/react/src/visually-hidden/VisuallyHidden.js +23 -25
  721. package/dist/esm/unstable.js +42 -41
  722. package/dist/esm/vanilla-extract/recipeRuntime.js +29 -49
  723. package/dist/index-CNp4lby5.d.ts +7751 -0
  724. package/dist/index.d.ts +2 -3951
  725. package/dist/unstable.d.ts +856 -785
  726. package/package.json +3 -3
  727. package/dist/MenuTrigger-tWI6N9u6.d.ts +0 -3541
  728. package/dist/cjs/Flex-BLHMuKsO.js +0 -6771
  729. package/dist/cjs/assets/src/actions/ActionsContent.css.ts.vanilla-xiuhnN6P.css +0 -22
  730. package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-CIYWCb4-.css +0 -6
  731. package/dist/cjs/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CczQL672.css +0 -30
  732. package/dist/cjs/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Buo1lvce.css +0 -7
  733. package/dist/cjs/assets/src/badge/Badge.css.ts.vanilla-ByQvrarq.css +0 -51
  734. package/dist/cjs/assets/src/banner/Banner.css.ts.vanilla-Dh6x49Ji.css +0 -6
  735. package/dist/cjs/assets/src/button/ButtonGroup.css.ts.vanilla-DPDtpEdO.css +0 -4
  736. package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-BZO22Hdc.css +0 -9
  737. package/dist/cjs/assets/src/button/ButtonRoot.css.ts.vanilla-yaMGqAKP.css +0 -213
  738. package/dist/cjs/assets/src/calendar/Calendar.css.ts.vanilla-TPcx_rrC.css +0 -6
  739. package/dist/cjs/assets/src/calendar/CalendarGrid.css.ts.vanilla-CB-8y5T3.css +0 -7
  740. package/dist/cjs/assets/src/calendar/CalendarMonths.css.ts.vanilla-DB33caq9.css +0 -6
  741. package/dist/cjs/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-TabjfdJY.css +0 -8
  742. package/dist/cjs/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CvdjlbGh.css +0 -8
  743. package/dist/cjs/assets/src/card/Card.css.ts.vanilla-DWbwzoRi.css +0 -8
  744. package/dist/cjs/assets/src/card/CardHeader.css.ts.vanilla-BlRQdZvD.css +0 -15
  745. package/dist/cjs/assets/src/code/Code.css.ts.vanilla-9ZnTGEGF.css +0 -10
  746. package/dist/cjs/assets/src/command/CommandItem.css.ts.vanilla-Q_Dai-MJ.css +0 -6
  747. package/dist/cjs/assets/src/cover/Cover.css.ts.vanilla-BbpOadq-.css +0 -34
  748. package/dist/cjs/assets/src/data-table/DataTableBody.css.ts.vanilla-BnQRVukn.css +0 -71
  749. package/dist/cjs/assets/src/data-table/DataTableFooter.css.ts.vanilla-CiKyXdao.css +0 -6
  750. package/dist/cjs/assets/src/date-input/DateInput.css.ts.vanilla-xCJpB5oH.css +0 -15
  751. package/dist/cjs/assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DIX2vYgv.css +0 -7
  752. package/dist/cjs/assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C9KiRstx.css +0 -8
  753. package/dist/cjs/assets/src/dialog/DialogFooter.css.ts.vanilla-BDkSYfP3.css +0 -7
  754. package/dist/cjs/assets/src/dialog/DialogHeader.css.ts.vanilla-1pgnPEQn.css +0 -19
  755. package/dist/cjs/assets/src/file-upload/FileUpload.css.ts.vanilla-BTBVD4kB.css +0 -6
  756. package/dist/cjs/assets/src/highlight/Highlight.css.ts.vanilla-CeKxktqW.css +0 -7
  757. package/dist/cjs/assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-3pP2nkJr.css +0 -6
  758. package/dist/cjs/assets/src/indicator/Indicator.css.ts.vanilla-iBVx5o5Z.css +0 -36
  759. package/dist/cjs/assets/src/input/Input.css.ts.vanilla-CbepQRY0.css +0 -9
  760. package/dist/cjs/assets/src/input/InputRoot.css.ts.vanilla-1qZxJAj6.css +0 -71
  761. package/dist/cjs/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-TG20c-SJ.css +0 -7
  762. package/dist/cjs/assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css +0 -1
  763. package/dist/cjs/assets/src/layout/LayoutContent.css.ts.vanilla-Dh5-0tPG.css +0 -6
  764. package/dist/cjs/assets/src/listbox/Listbox.css.ts.vanilla-_BRZF7Pk.css +0 -6
  765. package/dist/cjs/assets/src/listbox/ListboxItem.css.ts.vanilla-FNTxUpjD.css +0 -53
  766. package/dist/cjs/assets/src/menu/MenuDialogContent.css.ts.vanilla-ofSUsvku.css +0 -7
  767. package/dist/cjs/assets/src/menu/MenuInput.css.ts.vanilla-DmiBlz5a.css +0 -6
  768. package/dist/cjs/assets/src/nav/Nav.css.ts.vanilla-CDnnp_Gl.css +0 -6
  769. package/dist/cjs/assets/src/nav/NavAccountItem.css.ts.vanilla-BO42Kghm.css +0 -9
  770. package/dist/cjs/assets/src/radio/Radio.css.ts.vanilla-BoDdnZjn.css +0 -13
  771. package/dist/cjs/assets/src/resizable/ResizableHandle.css.ts.vanilla-BS-2236C.css +0 -19
  772. package/dist/cjs/assets/src/search-input/SearchInput.css.ts.vanilla-BLT8hprO.css +0 -10
  773. package/dist/cjs/assets/src/skeleton/Skeleton.css.ts.vanilla-DjugQ9cb.css +0 -6
  774. package/dist/cjs/assets/src/sortable/SortableHandle.css.ts.vanilla-CfewFvRM.css +0 -6
  775. package/dist/cjs/assets/src/sub-nav/SubNav.css.ts.vanilla-Dme0OQNj.css +0 -6
  776. package/dist/cjs/assets/src/switch/Switch.css.ts.vanilla-D0eYDLCM.css +0 -45
  777. package/dist/cjs/assets/src/table/Table.css.ts.vanilla-Dwa2lyMQ.css +0 -18
  778. package/dist/cjs/assets/src/table/TableBody.css.ts.vanilla-GrLANjsA.css +0 -6
  779. package/dist/cjs/assets/src/table/TableHeader.css.ts.vanilla-DYli2_F0.css +0 -8
  780. package/dist/cjs/assets/src/tabs/Tabs.css.ts.vanilla-uyALizWM.css +0 -9
  781. package/dist/cjs/assets/src/textarea/Textarea.css.ts.vanilla-CtuuwYG6.css +0 -6
  782. package/dist/cjs/assets/src/textarea/TextareaAutosize.css.ts.vanilla-D9x5f6oh.css +0 -44
  783. package/dist/cjs/assets/src/toast/Toast.css.ts.vanilla-D2i_Sv9l.css +0 -104
  784. package/dist/cjs/assets/src/toast/ToastTitle.css.ts.vanilla-DXe90RQW.css +0 -6
  785. package/dist/cjs/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiM5gZJz.css +0 -25
  786. package/dist/cjs/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BHdsYTMc.css +0 -10
  787. package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-xiuhnN6P.css +0 -22
  788. package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-CIYWCb4-.css +0 -6
  789. package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CczQL672.css +0 -30
  790. package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Buo1lvce.css +0 -7
  791. package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-DPDtpEdO.css +0 -4
  792. package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-ByQvrarq.css +0 -51
  793. package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-Dh6x49Ji.css +0 -6
  794. package/dist/esm/assets/src/button/ButtonLoadable.css.ts.vanilla-BZO22Hdc.css +0 -9
  795. package/dist/esm/assets/src/button/ButtonRoot.css.ts.vanilla-yaMGqAKP.css +0 -213
  796. package/dist/esm/assets/src/calendar/Calendar.css.ts.vanilla-TPcx_rrC.css +0 -6
  797. package/dist/esm/assets/src/calendar/CalendarGrid.css.ts.vanilla-CB-8y5T3.css +0 -7
  798. package/dist/esm/assets/src/calendar/CalendarMonths.css.ts.vanilla-DB33caq9.css +0 -6
  799. package/dist/esm/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-TabjfdJY.css +0 -8
  800. package/dist/esm/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CvdjlbGh.css +0 -8
  801. package/dist/esm/assets/src/card/Card.css.ts.vanilla-DWbwzoRi.css +0 -8
  802. package/dist/esm/assets/src/card/CardHeader.css.ts.vanilla-BlRQdZvD.css +0 -15
  803. package/dist/esm/assets/src/code/Code.css.ts.vanilla-9ZnTGEGF.css +0 -10
  804. package/dist/esm/assets/src/command/CommandItem.css.ts.vanilla-Q_Dai-MJ.css +0 -6
  805. package/dist/esm/assets/src/cover/Cover.css.ts.vanilla-BbpOadq-.css +0 -34
  806. package/dist/esm/assets/src/data-table/DataTableBody.css.ts.vanilla-BnQRVukn.css +0 -71
  807. package/dist/esm/assets/src/data-table/DataTableFooter.css.ts.vanilla-CiKyXdao.css +0 -6
  808. package/dist/esm/assets/src/date-input/DateInput.css.ts.vanilla-xCJpB5oH.css +0 -15
  809. package/dist/esm/assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DIX2vYgv.css +0 -7
  810. package/dist/esm/assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C9KiRstx.css +0 -8
  811. package/dist/esm/assets/src/dialog/DialogFooter.css.ts.vanilla-BDkSYfP3.css +0 -7
  812. package/dist/esm/assets/src/dialog/DialogHeader.css.ts.vanilla-1pgnPEQn.css +0 -19
  813. package/dist/esm/assets/src/file-upload/FileUpload.css.ts.vanilla-BTBVD4kB.css +0 -6
  814. package/dist/esm/assets/src/highlight/Highlight.css.ts.vanilla-CeKxktqW.css +0 -7
  815. package/dist/esm/assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-3pP2nkJr.css +0 -6
  816. package/dist/esm/assets/src/indicator/Indicator.css.ts.vanilla-iBVx5o5Z.css +0 -36
  817. package/dist/esm/assets/src/input/Input.css.ts.vanilla-CbepQRY0.css +0 -9
  818. package/dist/esm/assets/src/input/InputRoot.css.ts.vanilla-1qZxJAj6.css +0 -71
  819. package/dist/esm/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-TG20c-SJ.css +0 -7
  820. package/dist/esm/assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css +0 -1
  821. package/dist/esm/assets/src/layout/LayoutContent.css.ts.vanilla-Dh5-0tPG.css +0 -6
  822. package/dist/esm/assets/src/listbox/Listbox.css.ts.vanilla-_BRZF7Pk.css +0 -6
  823. package/dist/esm/assets/src/listbox/ListboxItem.css.ts.vanilla-FNTxUpjD.css +0 -53
  824. package/dist/esm/assets/src/menu/MenuDialogContent.css.ts.vanilla-ofSUsvku.css +0 -7
  825. package/dist/esm/assets/src/menu/MenuInput.css.ts.vanilla-DmiBlz5a.css +0 -6
  826. package/dist/esm/assets/src/nav/Nav.css.ts.vanilla-CDnnp_Gl.css +0 -6
  827. package/dist/esm/assets/src/nav/NavAccountItem.css.ts.vanilla-BO42Kghm.css +0 -9
  828. package/dist/esm/assets/src/radio/Radio.css.ts.vanilla-BoDdnZjn.css +0 -13
  829. package/dist/esm/assets/src/resizable/ResizableHandle.css.ts.vanilla-BS-2236C.css +0 -19
  830. package/dist/esm/assets/src/search-input/SearchInput.css.ts.vanilla-BLT8hprO.css +0 -10
  831. package/dist/esm/assets/src/skeleton/Skeleton.css.ts.vanilla-DjugQ9cb.css +0 -6
  832. package/dist/esm/assets/src/sortable/SortableHandle.css.ts.vanilla-CfewFvRM.css +0 -6
  833. package/dist/esm/assets/src/sub-nav/SubNav.css.ts.vanilla-Dme0OQNj.css +0 -6
  834. package/dist/esm/assets/src/switch/Switch.css.ts.vanilla-D0eYDLCM.css +0 -45
  835. package/dist/esm/assets/src/table/Table.css.ts.vanilla-Dwa2lyMQ.css +0 -18
  836. package/dist/esm/assets/src/table/TableBody.css.ts.vanilla-GrLANjsA.css +0 -6
  837. package/dist/esm/assets/src/table/TableHeader.css.ts.vanilla-DYli2_F0.css +0 -8
  838. package/dist/esm/assets/src/tabs/Tabs.css.ts.vanilla-uyALizWM.css +0 -9
  839. package/dist/esm/assets/src/textarea/Textarea.css.ts.vanilla-CtuuwYG6.css +0 -6
  840. package/dist/esm/assets/src/textarea/TextareaAutosize.css.ts.vanilla-D9x5f6oh.css +0 -44
  841. package/dist/esm/assets/src/toast/Toast.css.ts.vanilla-D2i_Sv9l.css +0 -104
  842. package/dist/esm/assets/src/toast/ToastTitle.css.ts.vanilla-DXe90RQW.css +0 -6
  843. package/dist/esm/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiM5gZJz.css +0 -25
  844. package/dist/esm/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BHdsYTMc.css +0 -10
  845. package/dist/esm/packages/react/package.json.js +0 -3
package/dist/index.d.ts CHANGED
@@ -1,3951 +1,2 @@
1
- import { S as Sprinkles, B as BoxProps, a as ButtonProps, R as RecipeVariants, E as ExcludeProps, G as Group, b as Button, d as dialogkit, c as ExtendProps, C as CalendarProps, e as Calendar, f as Box, g as ResponsiveArray, P as PopoverContentProps, h as PopoverContent, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-tWI6N9u6.js';
2
- export { A as Alert, k as AlertProps, D as DialogContent, l as DialogContentProps, m as GroupProps, L as LonghandProps, n as Menu, o as MenuContent, p as MenuContentProps, q as MenuOption, r as MenuProps, s as MenuTrigger, t as MenuTriggerProps, u as PopoverTriggerProps, T as TableHeaderCell, v as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, y as sprinkles, z as vars } from './MenuTrigger-tWI6N9u6.js';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import * as react from 'react';
5
- import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
6
- import * as RadixDialog from '@radix-ui/react-dialog';
7
- import { createToaster } from '@optiaxiom/globals';
8
- export { createToaster, theme, toaster, tokens } from '@optiaxiom/globals';
9
- import * as RadixPortal from '@radix-ui/react-portal';
10
- import * as RadixToast from '@radix-ui/react-toast';
11
- import * as RadixTooltip from '@radix-ui/react-tooltip';
12
- import { Table as Table$1 } from '@tanstack/table-core';
13
- import * as _radix_ui_react_popover from '@radix-ui/react-popover';
14
- import * as RadixCollapsible from '@radix-ui/react-collapsible';
15
- import * as RadixMenu from '@radix-ui/react-dropdown-menu';
16
- import * as RadixSeparator from '@radix-ui/react-separator';
17
- import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
18
- import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
19
- import * as RadixPopper from '@radix-ui/react-popper';
20
- import { PopperContent } from '@radix-ui/react-popper';
21
- import * as ProgressPrimitive from '@radix-ui/react-progress';
22
- import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
23
- import * as RadixTabs from '@radix-ui/react-tabs';
24
- import * as RadixToggle from '@radix-ui/react-toggle';
25
- import 'react-day-picker';
26
-
27
- declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
28
-
29
- declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
30
- boxProps: Pick<S, ("animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "style") & keyof S>;
31
- restProps: Omit<S, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "style">;
32
- };
33
-
34
- type AlertDialogProps = {
35
- children?: React.ReactNode;
36
- /**
37
- * The initial open state in uncontrolled mode.
38
- */
39
- defaultOpen?: boolean;
40
- /**
41
- * Handler that is called when the open state changes.
42
- */
43
- onOpenChange?: (open: boolean) => void;
44
- /**
45
- * The open state in controlled mode.
46
- */
47
- open?: boolean;
48
- };
49
- /**
50
- * Display a modal with important content that expects confirmation from the
51
- * user.
52
- *
53
- * AlertDialog does NOT have a close (X) button in the header - users must
54
- * explicitly choose an action. This is intentional for confirmation dialogs to
55
- * prevent accidental dismissal of critical actions.
56
- *
57
- * Use for confirmations, destructive actions, and critical decisions. Do not
58
- * use for general forms or informational content (use Dialog instead).
59
- *
60
- * For async operations, use event.preventDefault() in AlertDialogAction onClick
61
- * to prevent auto-close, then manually close after completion.
62
- *
63
- * @category overlay
64
- * @group AlertDialog
65
- * @since 0.1.0
66
- */
67
- declare function AlertDialog(props: AlertDialogProps): react_jsx_runtime.JSX.Element;
68
- declare namespace AlertDialog {
69
- var displayName: string;
70
- }
71
-
72
- type ButtonGroupProps = BoxProps<"div", {
73
- /**
74
- * The orientation/layout of the buttons inside the group.
75
- */
76
- orientation?: "horizontal" | "vertical";
77
- }>;
78
- /**
79
- * @group Button
80
- */
81
- declare const ButtonGroup: react.ForwardRefExoticComponent<{
82
- /**
83
- * The orientation/layout of the buttons inside the group.
84
- */
85
- orientation?: "horizontal" | "vertical";
86
- } & Omit<NonNullable<Sprinkles & {
87
- asChild?: boolean;
88
- className?: string;
89
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
90
-
91
- type AlertDialogActionProps = ButtonProps<typeof RadixDialog.Close>;
92
- /**
93
- * @group AlertDialog
94
-
95
- * @extends Button
96
- */
97
- declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
98
- addonAfter?: react.ReactNode;
99
- addonBefore?: react.ReactNode;
100
- icon?: react.ReactNode;
101
- iconPosition?: "end" | "start";
102
- }, never> & Omit<NonNullable<Omit<{
103
- intent?: "danger" | "neutral" | "primary" | undefined;
104
- size?: "sm" | "md" | "lg" | undefined;
105
- square?: boolean | undefined;
106
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
107
- }, "intent" | "variant"> & {
108
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
109
- disabled?: boolean;
110
- loading?: boolean;
111
- type?: "button" | "reset" | "submit" | undefined;
112
- }>, never> & Omit<NonNullable<Sprinkles & {
113
- asChild?: boolean;
114
- className?: string;
115
- }>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
116
-
117
- type AlertDialogBodyProps = BoxProps<typeof RadixDialog.Description>;
118
- /**
119
- * @group AlertDialog
120
- */
121
- declare const AlertDialogBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
122
- asChild?: boolean;
123
- className?: string;
124
- }>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
125
-
126
- type AlertDialogCancelProps = ButtonProps<typeof RadixDialog.Close>;
127
- /**
128
- * @group AlertDialog
129
- * @extends Button
130
- */
131
- declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
132
- addonAfter?: react.ReactNode;
133
- addonBefore?: react.ReactNode;
134
- icon?: react.ReactNode;
135
- iconPosition?: "end" | "start";
136
- }, never> & Omit<NonNullable<Omit<{
137
- intent?: "danger" | "neutral" | "primary" | undefined;
138
- size?: "sm" | "md" | "lg" | undefined;
139
- square?: boolean | undefined;
140
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
141
- }, "intent" | "variant"> & {
142
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
143
- disabled?: boolean;
144
- loading?: boolean;
145
- type?: "button" | "reset" | "submit" | undefined;
146
- }>, never> & Omit<NonNullable<Sprinkles & {
147
- asChild?: boolean;
148
- className?: string;
149
- }>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
150
-
151
- declare const content$1: (props?: {
152
- size?: "sm" | "md" | "lg" | undefined;
153
- } | undefined, className?: string) => {
154
- className: string;
155
- };
156
- type DialogVariants = RecipeVariants<typeof content$1>;
157
-
158
- type AlertDialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content, DialogVariants>, "forceMount">;
159
- /**
160
- * @group AlertDialog
161
- */
162
- declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
163
-
164
- type AlertDialogFooterProps = ComponentPropsWithRef<typeof Group>;
165
- /**
166
- * @group AlertDialog
167
- */
168
- declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<{
169
- alignItems?: BoxProps["alignItems"];
170
- flexDirection?: BoxProps["flexDirection"];
171
- } & Omit<NonNullable<Sprinkles & {
172
- asChild?: boolean;
173
- className?: string;
174
- }>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
175
- ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
176
- }, "ref"> & react.RefAttributes<HTMLDivElement>>;
177
-
178
- type AlertDialogHeaderProps = BoxProps<"div", {
179
- /**
180
- * We show an alert icon before the title by default but this can be replaced with any other icon.
181
- */
182
- addonBefore?: ReactNode;
183
- }>;
184
- /**
185
- * @group AlertDialog
186
- */
187
- declare const AlertDialogHeader: react.ForwardRefExoticComponent<{
188
- /**
189
- * We show an alert icon before the title by default but this can be replaced with any other icon.
190
- */
191
- addonBefore?: ReactNode;
192
- } & Omit<NonNullable<Sprinkles & {
193
- asChild?: boolean;
194
- className?: string;
195
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
196
-
197
- type AlertDialogTriggerProps = ButtonProps<typeof RadixDialog.Trigger>;
198
- /**
199
- * @group AlertDialog
200
- * @extends Button
201
- */
202
- declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
203
- addonAfter?: react.ReactNode;
204
- addonBefore?: react.ReactNode;
205
- icon?: react.ReactNode;
206
- iconPosition?: "end" | "start";
207
- }, never> & Omit<NonNullable<Omit<{
208
- intent?: "danger" | "neutral" | "primary" | undefined;
209
- size?: "sm" | "md" | "lg" | undefined;
210
- square?: boolean | undefined;
211
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
212
- }, "intent" | "variant"> & {
213
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
214
- disabled?: boolean;
215
- loading?: boolean;
216
- type?: "button" | "reset" | "submit" | undefined;
217
- }>, never> & Omit<NonNullable<Sprinkles & {
218
- asChild?: boolean;
219
- className?: string;
220
- }>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
221
-
222
- type AngleMenuButtonProps = ComponentPropsWithoutRef<typeof Button>;
223
- /**
224
- * Button with trailing chevron icon for opening dropdowns and popovers.
225
- *
226
- * For Menu dropdowns, MenuTrigger uses this component automatically. For other
227
- * dropdown patterns (like Popover), use AngleMenuButton as the trigger.
228
- *
229
- * @group Button
230
- */
231
- declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
232
- addonAfter?: react.ReactNode;
233
- addonBefore?: react.ReactNode;
234
- icon?: react.ReactNode;
235
- iconPosition?: "end" | "start";
236
- }, never> & Omit<NonNullable<Omit<{
237
- intent?: "danger" | "neutral" | "primary" | undefined;
238
- size?: "sm" | "md" | "lg" | undefined;
239
- square?: boolean | undefined;
240
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
241
- }, "intent" | "variant"> & {
242
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
243
- disabled?: boolean;
244
- loading?: boolean;
245
- type?: "button" | "reset" | "submit" | undefined;
246
- }>, never> & Omit<NonNullable<Sprinkles & {
247
- asChild?: boolean;
248
- className?: string;
249
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
250
-
251
- type AuthProviderProps = {
252
- children?: ReactNode;
253
- /**
254
- * The ID of the instance the user is currently accessing.
255
- */
256
- instance: string;
257
- /**
258
- * Callback to refresh and return a new auth token in case it becomes stale.
259
- */
260
- refresh: () => Promise<string>;
261
- /**
262
- * The auth token of the current user session.
263
- */
264
- token: string;
265
- };
266
- /**
267
- * `AuthProvider` is used to pass down the user credentials to all components. It should be rendered near the root of your application and should be used only once.
268
- *
269
- * @category provider
270
- * @since 1.6.2
271
- */
272
- declare function AuthProvider({ children, instance, refresh: refreshProp, token, }: AuthProviderProps): react_jsx_runtime.JSX.Element;
273
- declare namespace AuthProvider {
274
- var displayName: string;
275
- }
276
-
277
- declare function useAuthContext(): {
278
- instance: string;
279
- refresh: () => Promise<string>;
280
- token: string;
281
- } | undefined;
282
-
283
- declare const avatar: (props?: {
284
- colorScheme?: "neutral" | "purple" | undefined;
285
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "2xs" | undefined;
286
- } | undefined, className?: string) => {
287
- className: string;
288
- };
289
- type AvatarVariants = RecipeVariants<typeof avatar>;
290
-
291
- type AvatarProps = BoxProps<"span", AvatarVariants & {
292
- /**
293
- * The fallback icon to display when no name or image is given.
294
- */
295
- fallback?: keyof typeof mapFallbackToIcon;
296
- /**
297
- * Use name to generate initials to show inside the avatar.
298
- */
299
- name?: string;
300
- /**
301
- * Render the image inside the avatar.
302
- */
303
- src?: string;
304
- }>;
305
- declare const mapFallbackToIcon: {
306
- opal: null;
307
- team: react_jsx_runtime.JSX.Element;
308
- user: react_jsx_runtime.JSX.Element;
309
- };
310
- /**
311
- * Displays a user profile picture or initials. For multiple avatars, use
312
- * AvatarGroup.
313
- *
314
- * @category data-display
315
- * @since 0.1.0
316
- */
317
- declare const Avatar: react.ForwardRefExoticComponent<{
318
- colorScheme?: "neutral" | "purple" | undefined;
319
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "2xs" | undefined;
320
- } & {
321
- /**
322
- * The fallback icon to display when no name or image is given.
323
- */
324
- fallback?: keyof typeof mapFallbackToIcon;
325
- /**
326
- * Use name to generate initials to show inside the avatar.
327
- */
328
- name?: string;
329
- /**
330
- * Render the image inside the avatar.
331
- */
332
- src?: string;
333
- } & Omit<NonNullable<Sprinkles & {
334
- asChild?: boolean;
335
- className?: string;
336
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
337
-
338
- type AvatarGroupProps = BoxProps<"div", {
339
- /**
340
- * Control the size of the avatars.
341
- */
342
- size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
343
- }>;
344
- /**
345
- * Displays a group of avatars representing multiple users with automatic layout
346
- * and overflow handling.
347
- *
348
- * Use this component whenever you have 2 or more Avatar components together,
349
- * even if they're not overlapping in the design. AvatarGroup handles consistent
350
- * sizing, spacing, overflow indicators (+N), and semantic grouping
351
- * automatically.
352
- *
353
- * Don't manually layout multiple Avatars in a Flex - use AvatarGroup instead.
354
- *
355
- * When to use:
356
- * - Multiple assignees on a task
357
- * - Team members or collaborators
358
- * - Participants in a conversation
359
- * - Any group of users
360
- *
361
- * @group Avatar
362
- */
363
- declare const AvatarGroup: react.ForwardRefExoticComponent<{
364
- /**
365
- * Control the size of the avatars.
366
- */
367
- size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
368
- } & Omit<NonNullable<Sprinkles & {
369
- asChild?: boolean;
370
- className?: string;
371
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
372
-
373
- type DialogKitProviderProps$1 = {
374
- /**
375
- * An instance of dialogkit returned from the `createDialogKit` method.
376
- */
377
- kit?: typeof dialogkit;
378
- };
379
- declare function DialogKitProvider({ kit }: DialogKitProviderProps$1): ReactNode;
380
- declare namespace DialogKitProvider {
381
- var displayName: string;
382
- }
383
-
384
- declare const Portal: react.ForwardRefExoticComponent<Omit<RadixPortal.PortalProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
385
-
386
- declare const viewport: (props?: {
387
- position?: "top" | "bottom-right" | "top-right" | "bottom" | "bottom-left" | "top-left" | undefined;
388
- } | undefined, className?: string) => {
389
- className: string;
390
- };
391
- type ViewportVariants = RecipeVariants<typeof viewport>;
392
-
393
- type ToastProviderProps$1 = BoxProps<typeof RadixToast.Viewport, ComponentPropsWithoutRef<typeof RadixToast.ToastProvider> & Pick<ComponentPropsWithoutRef<typeof Portal>, "container"> & ViewportVariants & {
394
- children?: never;
395
- /**
396
- * An instance of toaster returned from the `createToaster` method.
397
- */
398
- toaster?: ReturnType<typeof createToaster>;
399
- }>;
400
- /**
401
- * Provider component for toast notifications. This is included in AxiomProvider
402
- * by default - you only need to use this component directly for advanced
403
- * customization. Use `toaster.create()` to display toast messages.
404
- *
405
- * @category provider
406
- * @category feedback
407
- * @category overlay
408
- * @since 0.1.0
409
- */
410
- declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastProviderProps & Pick<Omit<Omit<RadixPortal.PortalProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "container"> & {
411
- position?: "top" | "bottom-right" | "top-right" | "bottom" | "bottom-left" | "top-left" | undefined;
412
- } & {
413
- children?: never;
414
- /**
415
- * An instance of toaster returned from the `createToaster` method.
416
- */
417
- toaster?: ReturnType<typeof createToaster>;
418
- } & Omit<NonNullable<Sprinkles & {
419
- asChild?: boolean;
420
- className?: string;
421
- }>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "color" | "asChild" | "className" | "label" | "children"> & react.RefAttributes<HTMLOListElement>>;
422
-
423
- declare const content: (props?: {
424
- disableHoverableContent?: boolean | undefined;
425
- } | undefined, className?: string) => {
426
- className: string;
427
- };
428
- type ContentVariants = RecipeVariants<typeof content>;
429
-
430
- type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content, ContentVariants>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
431
- /**
432
- * @group TooltipRoot
433
- */
434
- declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
435
-
436
- type TooltipRootProps = ComponentPropsWithoutRef<typeof RadixTooltip.Root> & {
437
- /**
438
- * Enable this option to only show the tooltip when children is partially hidden due to text overflow.
439
- */
440
- auto?: boolean;
441
- };
442
- declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
443
- declare namespace TooltipRoot {
444
- var displayName: string;
445
- }
446
-
447
- type TooltipProps = ExcludeProps<BoxProps<typeof TooltipContent, Pick<ComponentPropsWithRef<typeof TooltipRoot>, "auto" | "delayDuration"> & {
448
- children: ReactNode;
449
- /**
450
- * The tooltip content.
451
- */
452
- content?: ReactNode;
453
- /**
454
- * The initial open state in uncontrolled mode.
455
- */
456
- defaultOpen?: boolean;
457
- /**
458
- * Whether to show or hide tooltip even if there's content.
459
- */
460
- disabled?: boolean;
461
- /**
462
- * Handler that is called when the open state changes.
463
- */
464
- onOpenChange?: (open: boolean) => void;
465
- /**
466
- * The open state in controlled mode.
467
- */
468
- open?: boolean;
469
- }>, "asChild">;
470
- /**
471
- * Popup with brief information shown when user interacts with an element using
472
- * keyboard focus or mouse hover.
473
- *
474
- * @category overlay
475
- * @since 0.1.0
476
- */
477
- declare function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, disableHoverableContent, onOpenChange, open, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
478
- declare namespace Tooltip {
479
- var displayName: string;
480
- }
481
-
482
- type TooltipProviderProps$1 = ExtendProps<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, {
483
- /**
484
- * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
485
- */
486
- disableHoverableContent?: boolean;
487
- }>;
488
- /**
489
- * Provider component for tooltips. This is included in AxiomProvider by default - you only need to use this component directly for advanced customization.
490
- *
491
- * @group Tooltip
492
- */
493
- declare function TooltipProvider({ disableHoverableContent, ...props }: TooltipProviderProps$1): react_jsx_runtime.JSX.Element;
494
- declare namespace TooltipProvider {
495
- var displayName: string;
496
- }
497
-
498
- type TooltipTriggerProps = ComponentPropsWithoutRef<typeof RadixTooltip.Trigger>;
499
- /**
500
- * @group TooltipRoot
501
- */
502
- declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
503
-
504
- type AxiomProviderProps = {
505
- children?: ReactNode;
506
- /**
507
- * Props for the `DialogKitProvider` component
508
- *
509
- * {@link https://optimizely-axiom.github.io/optiaxiom/components/dialog/ Documentation}
510
- */
511
- dialog?: Omit<DialogKitProviderProps, "children">;
512
- /**
513
- * Props for the `ToastProvider` component
514
- *
515
- * {@link https://optimizely-axiom.github.io/optiaxiom/components/toast/ Documentation}
516
- */
517
- toast?: Omit<ToastProviderProps, "children">;
518
- /**
519
- * Props for the `TooltipProvider` component
520
- *
521
- * {@link https://optimizely-axiom.github.io/optiaxiom/components/tooltip/ Documentation}
522
- */
523
- tooltip?: Omit<TooltipProviderProps, "children">;
524
- };
525
- interface DialogKitProviderProps extends ComponentPropsWithoutRef<typeof DialogKitProvider> {
526
- }
527
- interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
528
- }
529
- interface TooltipProviderProps extends ComponentPropsWithoutRef<typeof TooltipProvider> {
530
- }
531
- /**
532
- * `AxiomProvider` provides all the context managers required for our components to work. It must be rendered at the root of your application and should be used only once.
533
- *
534
- * @category provider
535
- * @since 0.1.0
536
- */
537
- declare function AxiomProvider({ children, dialog, toast, tooltip, }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
538
- declare namespace AxiomProvider {
539
- var displayName: string;
540
- }
541
-
542
- declare const text: (props?: {
543
- lineClamp?: "1" | "2" | "3" | "4" | undefined;
544
- truncate?: boolean | undefined;
545
- } | undefined, className?: string) => {
546
- className: string;
547
- };
548
- type TextVariants = RecipeVariants<typeof text>;
549
-
550
- type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<TextVariants, P>>;
551
- /**
552
- * Renders text content for body copy, descriptions, and general text without
553
- * semantic meaning.
554
- *
555
- * 🚨 Renders a `<p>` tag by default, which cannot be nested inside another
556
- * `<p>` tag. For inline text styling within a paragraph, use `asChild` with a
557
- * `<span>` element.
558
- *
559
- * Use this for paragraphs, captions, descriptions, and non-heading text.
560
- *
561
- * When not to use:
562
- * - For headings and titles use Heading instead.
563
- * - For form labels use Label instead.
564
- * - Don't combine large fontSize ('xl'+) with bold fontWeight ('500'+) - that
565
- * indicates a heading.
566
- *
567
- * @since 0.1.0
568
- * @category typography
569
- */
570
- declare const Text: react.ForwardRefExoticComponent<Omit<{
571
- lineClamp?: "1" | "2" | "3" | "4" | undefined;
572
- truncate?: boolean | undefined;
573
- }, never> & Omit<NonNullable<Sprinkles & {
574
- asChild?: boolean;
575
- className?: string;
576
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
577
-
578
- declare const badge: (props?: {
579
- intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
580
- variant?: "strong" | "subtle" | undefined;
581
- } | undefined, className?: string) => {
582
- className: string;
583
- };
584
- type BadgeVariants = RecipeVariants<typeof badge>;
585
-
586
- type BadgeProps = TextProps<"span", BadgeVariants>;
587
- /**
588
- * Use to emphasize a status, count, state or value.
589
- *
590
- * @since 0.1.0
591
- * @category data-display
592
- * @category feedback
593
- */
594
- declare const Badge: react.ForwardRefExoticComponent<{
595
- intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
596
- variant?: "strong" | "subtle" | undefined;
597
- } & Omit<{
598
- lineClamp?: "1" | "2" | "3" | "4" | undefined;
599
- truncate?: boolean | undefined;
600
- }, never> & Omit<NonNullable<Sprinkles & {
601
- asChild?: boolean;
602
- className?: string;
603
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
604
-
605
- declare const banner: (props?: {
606
- intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
607
- } | undefined, className?: string) => {
608
- className: string;
609
- };
610
- type BannerVariants = RecipeVariants<typeof banner>;
611
-
612
- type BannerProps = BoxProps<"div", BannerVariants & {
613
- /**
614
- * Show a close button inside the banner and invoke this callback when the close button is clicked.
615
- */
616
- onDismiss?: () => void;
617
- }>;
618
- /**
619
- * Display a prominent message at the top of the screen.
620
- *
621
- * @category feedback
622
- * @category layout
623
- * @since 0.1.0
624
- */
625
- declare const Banner: react.ForwardRefExoticComponent<{
626
- intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
627
- } & {
628
- /**
629
- * Show a close button inside the banner and invoke this callback when the close button is clicked.
630
- */
631
- onDismiss?: () => void;
632
- } & Omit<NonNullable<Sprinkles & {
633
- asChild?: boolean;
634
- className?: string;
635
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
636
-
637
- type BreadcrumbProps = BoxProps<"nav", {
638
- /**
639
- * The items we want to render.
640
- */
641
- items: Array<{
642
- /**
643
- * Display content inside the item after the label.
644
- */
645
- addonAfter?: ReactNode;
646
- /**
647
- * Handler that is called when an item is selected either via keyboard or mouse.
648
- */
649
- execute?: () => void;
650
- /**
651
- * Render a link with the given value as the `href` attribute.
652
- */
653
- href?: string;
654
- /**
655
- * The content of the item.
656
- */
657
- label: string;
658
- }>;
659
- /**
660
- * The maximum number of breadcrumb items to show before truncating.
661
- */
662
- maxItems?: number;
663
- }>;
664
- /**
665
- * Display a list of links showing the location of the current page in the navigational hierarchy.
666
- *
667
- * @category navigation
668
- * @since 1.6.0
669
- */
670
- declare const Breadcrumb: react.ForwardRefExoticComponent<{
671
- /**
672
- * The items we want to render.
673
- */
674
- items: Array<{
675
- /**
676
- * Display content inside the item after the label.
677
- */
678
- addonAfter?: ReactNode;
679
- /**
680
- * Handler that is called when an item is selected either via keyboard or mouse.
681
- */
682
- execute?: () => void;
683
- /**
684
- * Render a link with the given value as the `href` attribute.
685
- */
686
- href?: string;
687
- /**
688
- * The content of the item.
689
- */
690
- label: string;
691
- }>;
692
- /**
693
- * The maximum number of breadcrumb items to show before truncating.
694
- */
695
- maxItems?: number;
696
- } & Omit<NonNullable<Sprinkles & {
697
- asChild?: boolean;
698
- className?: string;
699
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
700
-
701
- type CardProps = BoxProps<"div">;
702
- /**
703
- * Generic container for grouping related components together.
704
- *
705
- * @group Card
706
- * @since 1.6.0
707
- * @category container
708
- */
709
- declare const Card: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
710
- asChild?: boolean;
711
- className?: string;
712
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
713
-
714
- declare const ActionsContent: react.ForwardRefExoticComponent<{
715
- visible?: "always" | "if-needed" | undefined;
716
- } & Omit<NonNullable<Sprinkles & {
717
- asChild?: boolean;
718
- className?: string;
719
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
720
-
721
- type CardActionProps = ComponentPropsWithoutRef<typeof ActionsContent>;
722
- /**
723
- * @group Card
724
- */
725
- declare const CardAction: react.ForwardRefExoticComponent<Omit<{
726
- visible?: "always" | "if-needed" | undefined;
727
- } & Omit<NonNullable<Sprinkles & {
728
- asChild?: boolean;
729
- className?: string;
730
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
731
-
732
- declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
733
- /**
734
- * The name of the form control element.
735
- */
736
- name?: ComponentPropsWithoutRef<"input">["name"];
737
- /**
738
- * Handler that is called when the checked state changes.
739
- */
740
- onCheckedChange?: (checked: boolean) => void;
741
- /**
742
- * Whether selecting this input is required.
743
- */
744
- required?: ComponentPropsWithoutRef<"input">["required"];
745
- /**
746
- * The value of the form control element.
747
- */
748
- value?: ComponentPropsWithoutRef<"input">["value"];
749
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>>;
750
-
751
- declare const CheckboxContent: react.ForwardRefExoticComponent<{
752
- /**
753
- * Add secondary text after the label.
754
- */
755
- description?: ReactNode;
756
- } & Omit<NonNullable<Sprinkles & {
757
- asChild?: boolean;
758
- className?: string;
759
- }>, never> & Omit<Omit<{
760
- name?: react.ComponentPropsWithoutRef<"input">["name"];
761
- onCheckedChange?: (checked: boolean) => void;
762
- required?: react.ComponentPropsWithoutRef<"input">["required"];
763
- value?: react.ComponentPropsWithoutRef<"input">["value"];
764
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
765
-
766
- declare const CheckboxControl: react.ForwardRefExoticComponent<{
767
- /**
768
- * Display a partially checked icon instead of the regular checkmark.
769
- */
770
- indeterminate?: boolean;
771
- /**
772
- * Enable this when control has content beside it and needs to be sized
773
- * according to line-height.
774
- */
775
- shift?: boolean;
776
- } & Omit<NonNullable<Sprinkles & {
777
- asChild?: boolean;
778
- className?: string;
779
- }>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
780
- asChild?: boolean;
781
- className?: string;
782
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLInputElement>>;
783
-
784
- type CheckboxProps = BoxProps<typeof ToggleInputHiddenInput, Pick<ComponentPropsWithoutRef<typeof CheckboxContent>, "description"> & Pick<ComponentPropsWithoutRef<typeof CheckboxControl>, "indeterminate">>;
785
- /**
786
- * Basic control to allow selecting one or more items from a set.
787
- *
788
- * @since 0.1.0
789
- * @category form
790
- */
791
- declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
792
- description?: react.ReactNode;
793
- } & Omit<NonNullable<Sprinkles & {
794
- asChild?: boolean;
795
- className?: string;
796
- }>, never> & Omit<Omit<{
797
- name?: ComponentPropsWithoutRef<"input">["name"];
798
- onCheckedChange?: (checked: boolean) => void;
799
- required?: ComponentPropsWithoutRef<"input">["required"];
800
- value?: ComponentPropsWithoutRef<"input">["value"];
801
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
802
- indeterminate?: boolean;
803
- shift?: boolean;
804
- } & Omit<NonNullable<Sprinkles & {
805
- asChild?: boolean;
806
- className?: string;
807
- }>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
808
- asChild?: boolean;
809
- className?: string;
810
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
811
- asChild?: boolean;
812
- className?: string;
813
- }>, never> & Omit<Omit<{
814
- name?: ComponentPropsWithoutRef<"input">["name"];
815
- onCheckedChange?: (checked: boolean) => void;
816
- required?: ComponentPropsWithoutRef<"input">["required"];
817
- value?: ComponentPropsWithoutRef<"input">["value"];
818
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
819
-
820
- type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
821
- /**
822
- * @extends Checkbox
823
- * @group Card
824
- */
825
- declare const CardCheckbox: react.ForwardRefExoticComponent<CardCheckboxProps & react.RefAttributes<HTMLInputElement>>;
826
-
827
- type CardFooterProps = BoxProps<"div">;
828
- /**
829
- * @group Card
830
- */
831
- declare const CardFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
832
- asChild?: boolean;
833
- className?: string;
834
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
835
-
836
- type CardHeaderProps = TextProps<"div", {
837
- /**
838
- * Display content inside the header after `children`.
839
- */
840
- addonAfter?: ReactNode;
841
- /**
842
- * Display content inside the header before `children`.
843
- */
844
- addonBefore?: ReactNode;
845
- /**
846
- * Add secondary text after the primary title.
847
- */
848
- description?: ReactNode;
849
- }>;
850
- /**
851
- * @group Card
852
- */
853
- declare const CardHeader: react.ForwardRefExoticComponent<{
854
- /**
855
- * Display content inside the header after `children`.
856
- */
857
- addonAfter?: ReactNode;
858
- /**
859
- * Display content inside the header before `children`.
860
- */
861
- addonBefore?: ReactNode;
862
- /**
863
- * Add secondary text after the primary title.
864
- */
865
- description?: ReactNode;
866
- } & Omit<{
867
- lineClamp?: "1" | "2" | "3" | "4" | undefined;
868
- truncate?: boolean | undefined;
869
- }, never> & Omit<NonNullable<Sprinkles & {
870
- asChild?: boolean;
871
- className?: string;
872
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
873
-
874
- type CardImageProps = BoxProps<"img">;
875
- /**
876
- * @group Card
877
- */
878
- declare const CardImage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
879
- asChild?: boolean;
880
- className?: string;
881
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLImageElement>>;
882
-
883
- declare const link: (props?: {
884
- appearance?: "default" | "subtle" | "inverse" | undefined;
885
- } | undefined, className?: string) => {
886
- className: string;
887
- };
888
- type LinkVariants = RecipeVariants<typeof link>;
889
-
890
- type LinkProps = BoxProps<"a", LinkVariants & {
891
- /**
892
- * Whether to expand and fill up the whole area of the parent which has `position: relative`.
893
- */
894
- cover?: "inset" | boolean;
895
- /**
896
- * Whether to show disabled state and disable interactions.
897
- */
898
- disabled?: boolean;
899
- /**
900
- * Shows an external link icon and sets the correct rel/target attributes.
901
- */
902
- external?: boolean;
903
- /**
904
- * The link href.
905
- */
906
- href?: ComponentPropsWithoutRef<"a">["href"];
907
- /**
908
- * The link onClick handler.
909
- */
910
- onClick?: ComponentPropsWithoutRef<"a">["onClick"];
911
- }>;
912
- /**
913
- * Anchor element for creating hyperlinks.
914
- *
915
- * @category navigation
916
- * @since 0.1.0
917
- */
918
- declare const Link: react.ForwardRefExoticComponent<{
919
- appearance?: "default" | "subtle" | "inverse" | undefined;
920
- } & {
921
- /**
922
- * Whether to expand and fill up the whole area of the parent which has `position: relative`.
923
- */
924
- cover?: "inset" | boolean;
925
- /**
926
- * Whether to show disabled state and disable interactions.
927
- */
928
- disabled?: boolean;
929
- /**
930
- * Shows an external link icon and sets the correct rel/target attributes.
931
- */
932
- external?: boolean;
933
- /**
934
- * The link href.
935
- */
936
- href?: ComponentPropsWithoutRef<"a">["href"];
937
- /**
938
- * The link onClick handler.
939
- */
940
- onClick?: ComponentPropsWithoutRef<"a">["onClick"];
941
- } & Omit<NonNullable<Sprinkles & {
942
- asChild?: boolean;
943
- className?: string;
944
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "onClick" | "href"> & react.RefAttributes<HTMLAnchorElement>>;
945
-
946
- type CardLinkProps = ComponentPropsWithoutRef<typeof Link>;
947
- /**
948
- * @extends Link
949
- * @group Card
950
- */
951
- declare const CardLink: react.ForwardRefExoticComponent<Omit<{
952
- appearance?: "default" | "subtle" | "inverse" | undefined;
953
- } & {
954
- cover?: "inset" | boolean;
955
- disabled?: boolean;
956
- external?: boolean;
957
- href?: ComponentPropsWithoutRef<"a">["href"];
958
- onClick?: ComponentPropsWithoutRef<"a">["onClick"];
959
- } & Omit<NonNullable<Sprinkles & {
960
- asChild?: boolean;
961
- className?: string;
962
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "onClick" | "href"> & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
963
-
964
- type CardPreviewProps = BoxProps<"div", {
965
- /**
966
- * Display content in the bottom-left corner of the preview panel.
967
- */
968
- addonBottomLeft?: ReactNode;
969
- /**
970
- * Display content in the bottom-right corner of the preview panel.
971
- */
972
- addonBottomRight?: ReactNode;
973
- /**
974
- * Display content in the top-left corner of the preview panel.
975
- */
976
- addonTopLeft?: ReactNode;
977
- /**
978
- * Display content in the top-right corner of the preview panel.
979
- */
980
- addonTopRight?: ReactNode;
981
- }>;
982
- /**
983
- * @group Card
984
- */
985
- declare const CardPreview: react.ForwardRefExoticComponent<{
986
- /**
987
- * Display content in the bottom-left corner of the preview panel.
988
- */
989
- addonBottomLeft?: ReactNode;
990
- /**
991
- * Display content in the bottom-right corner of the preview panel.
992
- */
993
- addonBottomRight?: ReactNode;
994
- /**
995
- * Display content in the top-left corner of the preview panel.
996
- */
997
- addonTopLeft?: ReactNode;
998
- /**
999
- * Display content in the top-right corner of the preview panel.
1000
- */
1001
- addonTopRight?: ReactNode;
1002
- } & Omit<NonNullable<Sprinkles & {
1003
- asChild?: boolean;
1004
- className?: string;
1005
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1006
-
1007
- declare function cleanup(): void;
1008
-
1009
- type CodeProps = BoxProps<"code">;
1010
- /**
1011
- * Display inline code.
1012
- *
1013
- * @since 0.1.0
1014
- * @category data-display
1015
- */
1016
- declare const Code: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1017
- asChild?: boolean;
1018
- className?: string;
1019
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
1020
-
1021
- declare const cover: (props?: {
1022
- disabled?: boolean | undefined;
1023
- inset?: boolean | undefined;
1024
- } | undefined, className?: string) => {
1025
- className: string;
1026
- };
1027
- type CoverVariants = RecipeVariants<typeof cover>;
1028
-
1029
- type CoverProps = BoxProps<"div", CoverVariants>;
1030
- /**
1031
- * Use `Cover` to to expand and fill up the whole area of the parent which has `position: relative` using the `::before` pseudo element.
1032
- *
1033
- * @since 1.4.0
1034
- * @category container
1035
- * @category layout
1036
- */
1037
- declare const Cover: react.ForwardRefExoticComponent<{
1038
- disabled?: boolean | undefined;
1039
- inset?: boolean | undefined;
1040
- } & Omit<NonNullable<Sprinkles & {
1041
- asChild?: boolean;
1042
- className?: string;
1043
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1044
-
1045
- type DataTableProps = BoxProps<"div", {
1046
- /**
1047
- * Pass the table instance returned from `useReactTable()` hook.
1048
- */
1049
- table: Table$1<any>;
1050
- }>;
1051
- /**
1052
- * Easy to use table and datagrids built using [TanStack Table](https://tanstack.com/table/latest).
1053
- *
1054
- * @category data-display
1055
- * @group DataTable
1056
- * @since 1.4.0
1057
- */
1058
- declare const DataTable: react.ForwardRefExoticComponent<{
1059
- /**
1060
- * Pass the table instance returned from `useReactTable()` hook.
1061
- */
1062
- table: Table$1<any>;
1063
- } & Omit<NonNullable<Sprinkles & {
1064
- asChild?: boolean;
1065
- className?: string;
1066
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1067
-
1068
- declare const table: (props?: {
1069
- layout?: "auto" | "fixed" | undefined;
1070
- } | undefined, className?: string) => {
1071
- className: string;
1072
- };
1073
- type TableVariants = RecipeVariants<typeof table>;
1074
-
1075
- type TableProps = BoxProps<"div", TableVariants>;
1076
- /**
1077
- * Display tabular data using rows and columns.
1078
- *
1079
- * ⚠️ **IMPORTANT**: Consider using `DataTable` instead for displaying tabular
1080
- * data.
1081
- *
1082
- * `DataTable` provides built-in support for:
1083
- * - Sorting (client-side and server-side)
1084
- * - Pagination (client-side and server-side)
1085
- * - Row selection with checkboxes
1086
- * - Column pinning (sticky columns)
1087
- * - Row expansion
1088
- * - Loading states
1089
- * - Virtualization for large datasets
1090
- *
1091
- * `Table` is a low-level primitive and should only be used for very specific
1092
- * custom table layouts. For most use cases, `DataTable` is the recommended
1093
- * choice.
1094
- *
1095
- * @group Table
1096
- * @since 1.4.0
1097
- * @category data-display
1098
- */
1099
- declare const Table: react.ForwardRefExoticComponent<{
1100
- layout?: "auto" | "fixed" | undefined;
1101
- } & Omit<NonNullable<Sprinkles & {
1102
- asChild?: boolean;
1103
- className?: string;
1104
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1105
-
1106
- type TableActionProps = BoxProps<typeof ActionsContent>;
1107
- /**
1108
- * @group Table
1109
- */
1110
- declare const TableAction: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1111
- asChild?: boolean;
1112
- className?: string;
1113
- }>, never> & Omit<Omit<{
1114
- visible?: "always" | "if-needed" | undefined;
1115
- } & Omit<NonNullable<Sprinkles & {
1116
- asChild?: boolean;
1117
- className?: string;
1118
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
1119
-
1120
- type TableBodyProps = BoxProps<"tbody">;
1121
- /**
1122
- * @group Table
1123
- */
1124
- declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1125
- asChild?: boolean;
1126
- className?: string;
1127
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
1128
-
1129
- declare const cell: (props?: {
1130
- pinned?: boolean | undefined;
1131
- } | undefined, className?: string) => {
1132
- className: string;
1133
- };
1134
- type CellVariants = RecipeVariants<typeof cell>;
1135
-
1136
- type TableCellProps = BoxProps<"td", NonNullable<CellVariants>>;
1137
- /**
1138
- * @group Table
1139
- */
1140
- declare const TableCell: react.ForwardRefExoticComponent<{
1141
- pinned?: boolean | undefined;
1142
- } & Omit<NonNullable<Sprinkles & {
1143
- asChild?: boolean;
1144
- className?: string;
1145
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
1146
-
1147
- declare const header: (props?: {
1148
- pinned?: boolean | undefined;
1149
- } | undefined, className?: string) => {
1150
- className: string;
1151
- };
1152
- type HeaderVariants = RecipeVariants<typeof header>;
1153
-
1154
- type TableHeaderProps = BoxProps<"thead", NonNullable<HeaderVariants>>;
1155
- /**
1156
- * @group Table
1157
- */
1158
- declare const TableHeader: react.ForwardRefExoticComponent<{
1159
- pinned?: boolean | undefined;
1160
- } & Omit<NonNullable<Sprinkles & {
1161
- asChild?: boolean;
1162
- className?: string;
1163
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
1164
-
1165
- type TableRowProps = BoxProps<"tr">;
1166
- /**
1167
- * @group Table
1168
- */
1169
- declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1170
- asChild?: boolean;
1171
- className?: string;
1172
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
1173
-
1174
- type DataTableActionProps = BoxProps<typeof TableAction, {
1175
- /**
1176
- * Whether this is the primary action within the row.
1177
- */
1178
- primary?: boolean;
1179
- }>;
1180
- /**
1181
- * @group DataTable
1182
- */
1183
- declare const DataTableAction: react.ForwardRefExoticComponent<{
1184
- /**
1185
- * Whether this is the primary action within the row.
1186
- */
1187
- primary?: boolean;
1188
- } & Omit<NonNullable<Sprinkles & {
1189
- asChild?: boolean;
1190
- className?: string;
1191
- }>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
1192
- asChild?: boolean;
1193
- className?: string;
1194
- }>, never> & Omit<Omit<{
1195
- visible?: "always" | "if-needed" | undefined;
1196
- } & Omit<NonNullable<Sprinkles & {
1197
- asChild?: boolean;
1198
- className?: string;
1199
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
1200
-
1201
- type DataTableBodyProps = BoxProps<"div", {
1202
- /**
1203
- * The estimated height of rows in pixels when virtualization is enabled.
1204
- */
1205
- estimatedRowHeight?: number;
1206
- /**
1207
- * Whether to show skeleton for the whole table or specific rows.
1208
- */
1209
- loading?: boolean | Record<string, "sub-rows" | false>;
1210
- }>;
1211
- /**
1212
- * @group DataTable
1213
- */
1214
- declare const DataTableBody: react.ForwardRefExoticComponent<{
1215
- /**
1216
- * The estimated height of rows in pixels when virtualization is enabled.
1217
- */
1218
- estimatedRowHeight?: number;
1219
- /**
1220
- * Whether to show skeleton for the whole table or specific rows.
1221
- */
1222
- loading?: boolean | Record<string, "sub-rows" | false>;
1223
- } & Omit<NonNullable<Sprinkles & {
1224
- asChild?: boolean;
1225
- className?: string;
1226
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1227
-
1228
- type DataTableCheckboxProps = ComponentPropsWithoutRef<typeof Checkbox> & Pick<ComponentPropsWithoutRef<typeof DataTableAction>, "visible">;
1229
- /**
1230
- * @group DataTable
1231
- */
1232
- declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<{
1233
- description?: react.ReactNode;
1234
- } & Omit<NonNullable<Sprinkles & {
1235
- asChild?: boolean;
1236
- className?: string;
1237
- }>, never> & Omit<Omit<{
1238
- name?: ComponentPropsWithoutRef<"input">["name"];
1239
- onCheckedChange?: (checked: boolean) => void;
1240
- required?: ComponentPropsWithoutRef<"input">["required"];
1241
- value?: ComponentPropsWithoutRef<"input">["value"];
1242
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
1243
- indeterminate?: boolean;
1244
- shift?: boolean;
1245
- } & Omit<NonNullable<Sprinkles & {
1246
- asChild?: boolean;
1247
- className?: string;
1248
- }>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
1249
- asChild?: boolean;
1250
- className?: string;
1251
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
1252
- asChild?: boolean;
1253
- className?: string;
1254
- }>, never> & Omit<Omit<{
1255
- name?: ComponentPropsWithoutRef<"input">["name"];
1256
- onCheckedChange?: (checked: boolean) => void;
1257
- required?: ComponentPropsWithoutRef<"input">["required"];
1258
- value?: ComponentPropsWithoutRef<"input">["value"];
1259
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
1260
- primary?: boolean;
1261
- } & Omit<NonNullable<Sprinkles & {
1262
- asChild?: boolean;
1263
- className?: string;
1264
- }>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
1265
- asChild?: boolean;
1266
- className?: string;
1267
- }>, never> & Omit<Omit<{
1268
- visible?: "always" | "if-needed" | undefined;
1269
- } & Omit<NonNullable<Sprinkles & {
1270
- asChild?: boolean;
1271
- className?: string;
1272
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "visible"> & react.RefAttributes<HTMLInputElement>>;
1273
-
1274
- type DataTableFooterProps = BoxProps<"div", {
1275
- /**
1276
- * Specify a custom set of page size options.
1277
- */
1278
- pageSizeOptions?: Array<{
1279
- /**
1280
- * String representation of page size option.
1281
- */
1282
- label: string;
1283
- /**
1284
- * The unique key/value for each page size option.
1285
- */
1286
- value: string;
1287
- }>;
1288
- /**
1289
- * Whether to show a dropdown that allows controlling how many rows to show per page.
1290
- */
1291
- showPageSizeOptions?: boolean;
1292
- }>;
1293
- /**
1294
- * @group DataTable
1295
- */
1296
- declare const DataTableFooter: react.ForwardRefExoticComponent<{
1297
- /**
1298
- * Specify a custom set of page size options.
1299
- */
1300
- pageSizeOptions?: Array<{
1301
- /**
1302
- * String representation of page size option.
1303
- */
1304
- label: string;
1305
- /**
1306
- * The unique key/value for each page size option.
1307
- */
1308
- value: string;
1309
- }>;
1310
- /**
1311
- * Whether to show a dropdown that allows controlling how many rows to show per page.
1312
- */
1313
- showPageSizeOptions?: boolean;
1314
- } & Omit<NonNullable<Sprinkles & {
1315
- asChild?: boolean;
1316
- className?: string;
1317
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1318
-
1319
- type DataTableLabelProps = BoxProps;
1320
- /**
1321
- * @group DataTable
1322
- */
1323
- declare const DataTableLabel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1324
- asChild?: boolean;
1325
- className?: string;
1326
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1327
-
1328
- declare const input: (props?: {
1329
- appearance?: "number" | "default" | undefined;
1330
- size?: "md" | "lg" | "xl" | undefined;
1331
- } | undefined, className?: string) => {
1332
- className: string;
1333
- };
1334
- type InputVariants = RecipeVariants<typeof input>;
1335
-
1336
- declare const control: (props?: {
1337
- size?: "md" | "lg" | "xl" | undefined;
1338
- } | undefined, className?: string) => {
1339
- className: string;
1340
- };
1341
- type ControlVariants = RecipeVariants<typeof control>;
1342
-
1343
- type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<ControlVariants & {
1344
- /**
1345
- * Whether the input is disabled.
1346
- */
1347
- disabled?: boolean;
1348
- /**
1349
- * Whether to show the input error state. Automatically set when used
1350
- * inside a Field component with an error prop.
1351
- */
1352
- error?: boolean;
1353
- /**
1354
- * The name of the form control element.
1355
- */
1356
- name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
1357
- /**
1358
- * Handler that is called when the value changes.
1359
- */
1360
- onValueChange?: (value: string) => void;
1361
- /**
1362
- * The placeholder text to use when control has no value.
1363
- */
1364
- placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
1365
- /**
1366
- * Whether selecting this input is required.
1367
- */
1368
- required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
1369
- }, P>>;
1370
- /**
1371
- * @group InputRoot
1372
- */
1373
- declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
1374
- size?: "md" | "lg" | "xl" | undefined;
1375
- } & {
1376
- /**
1377
- * Whether the input is disabled.
1378
- */
1379
- disabled?: boolean;
1380
- /**
1381
- * Whether to show the input error state. Automatically set when used
1382
- * inside a Field component with an error prop.
1383
- */
1384
- error?: boolean;
1385
- /**
1386
- * The name of the form control element.
1387
- */
1388
- name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
1389
- /**
1390
- * Handler that is called when the value changes.
1391
- */
1392
- onValueChange?: (value: string) => void;
1393
- /**
1394
- * The placeholder text to use when control has no value.
1395
- */
1396
- placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
1397
- /**
1398
- * Whether selecting this input is required.
1399
- */
1400
- required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
1401
- }>, never> & Omit<NonNullable<Sprinkles & {
1402
- asChild?: boolean;
1403
- className?: string;
1404
- }>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
1405
-
1406
- declare const InputProvider: react.FC<{
1407
- /**
1408
- * When this prop is set to `none` clicking empty space inside the
1409
- * addon will focus the input box.
1410
- */
1411
- addonPointerEvents?: "auto" | "none";
1412
- inputRef: RefObject<HTMLInputElement & HTMLTextAreaElement>;
1413
- } & {
1414
- children: React.ReactNode;
1415
- }>;
1416
-
1417
- type InputRootProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof InputProvider>, "addonPointerEvents">>;
1418
- declare const InputRoot: react.ForwardRefExoticComponent<Pick<{
1419
- addonPointerEvents?: "auto" | "none";
1420
- inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
1421
- } & {
1422
- children: React.ReactNode;
1423
- }, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
1424
- asChild?: boolean;
1425
- className?: string;
1426
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
1427
-
1428
- type InputProps$1 = InputControlProps<"input", Pick<ComponentPropsWithoutRef<typeof InputRoot>, "addonPointerEvents"> & InputVariants & {
1429
- /**
1430
- * Display content inside the input at the end.
1431
- */
1432
- addonAfter?: ReactNode;
1433
- /**
1434
- * Display content inside the input at the start.
1435
- */
1436
- addonBefore?: ReactNode;
1437
- /**
1438
- * Whether the input should be focused on mount.
1439
- */
1440
- autoFocus?: boolean;
1441
- /**
1442
- * Control the native input `size` attribute.
1443
- */
1444
- htmlSize?: number;
1445
- /**
1446
- * The input type.
1447
- */
1448
- type?: ComponentPropsWithoutRef<"input">["type"];
1449
- }>;
1450
- /**
1451
- * Basic text field for capturing user input.
1452
- *
1453
- * @category form
1454
- * @since 0.1.0
1455
- */
1456
- declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
1457
- addonPointerEvents?: "auto" | "none";
1458
- inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
1459
- } & {
1460
- children: React.ReactNode;
1461
- }, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
1462
- asChild?: boolean;
1463
- className?: string;
1464
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
1465
- appearance?: "number" | "default" | undefined;
1466
- size?: "md" | "lg" | "xl" | undefined;
1467
- } & {
1468
- /**
1469
- * Display content inside the input at the end.
1470
- */
1471
- addonAfter?: ReactNode;
1472
- /**
1473
- * Display content inside the input at the start.
1474
- */
1475
- addonBefore?: ReactNode;
1476
- /**
1477
- * Whether the input should be focused on mount.
1478
- */
1479
- autoFocus?: boolean;
1480
- /**
1481
- * Control the native input `size` attribute.
1482
- */
1483
- htmlSize?: number;
1484
- /**
1485
- * The input type.
1486
- */
1487
- type?: ComponentPropsWithoutRef<"input">["type"];
1488
- } & Omit<NonNullable<{
1489
- size?: "md" | "lg" | "xl" | undefined;
1490
- } & {
1491
- disabled?: boolean;
1492
- error?: boolean;
1493
- name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
1494
- onValueChange?: (value: string) => void;
1495
- placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
1496
- required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
1497
- }>, "size"> & Omit<NonNullable<Sprinkles & {
1498
- asChild?: boolean;
1499
- className?: string;
1500
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "autoFocus" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>>;
1501
-
1502
- type InputAddonProps = BoxProps<"div">;
1503
- /**
1504
- * @group InputRoot
1505
- */
1506
- declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1507
- asChild?: boolean;
1508
- className?: string;
1509
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1510
-
1511
- type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<ComponentPropsWithoutRef<typeof Calendar>, "holiday" | "placeholder" | "weekend"> & {
1512
- /**
1513
- * The default date and time to use in the calendar picker when no value has
1514
- * been selected.
1515
- *
1516
- * **NOTE:** This is NOT a placeholder hint text for the input field. Native
1517
- * date inputs do not support placeholder text. The value format must be an
1518
- * Instant, PlainDate, PlainDateTime, or PlainTime (e.g., "2024-01-01",
1519
- * "2024-01-01T12:00", "12:00").
1520
- *
1521
- * @example
1522
- * // Set default time to noon when picking dates
1523
- * <DateInput placeholder="12:00" />
1524
- *
1525
- * // Set default date to a specific date
1526
- * <DateInput placeholder="2024-01-01" />
1527
- */
1528
- placeholder?: string;
1529
- /**
1530
- * Control whether the input allows only date or both date and time.
1531
- */
1532
- type?: "date" | "datetime-local";
1533
- }>;
1534
- /**
1535
- * Input field with calendar that lets user enter dates.
1536
- *
1537
- * Important Notes:
1538
- * - The `placeholder` prop sets the default date/time in the calendar picker,
1539
- * NOT hint text for the input field (native date inputs don't support that)
1540
- * - Don't use `addonBefore` as it will override the calendar icon that opens
1541
- * the date picker popover
1542
- *
1543
- * @category form
1544
- * @category date
1545
- * @since 1.4.0
1546
- */
1547
- declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "placeholder" | "holiday" | "weekend"> & {
1548
- /**
1549
- * The default date and time to use in the calendar picker when no value has
1550
- * been selected.
1551
- *
1552
- * **NOTE:** This is NOT a placeholder hint text for the input field. Native
1553
- * date inputs do not support placeholder text. The value format must be an
1554
- * Instant, PlainDate, PlainDateTime, or PlainTime (e.g., "2024-01-01",
1555
- * "2024-01-01T12:00", "12:00").
1556
- *
1557
- * @example
1558
- * // Set default time to noon when picking dates
1559
- * <DateInput placeholder="12:00" />
1560
- *
1561
- * // Set default date to a specific date
1562
- * <DateInput placeholder="2024-01-01" />
1563
- */
1564
- placeholder?: string;
1565
- /**
1566
- * Control whether the input allows only date or both date and time.
1567
- */
1568
- type?: "date" | "datetime-local";
1569
- } & Omit<Omit<Pick<Omit<Pick<{
1570
- addonPointerEvents?: "auto" | "none";
1571
- inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
1572
- } & {
1573
- children: React.ReactNode;
1574
- }, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
1575
- asChild?: boolean;
1576
- className?: string;
1577
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
1578
- appearance?: "number" | "default" | undefined;
1579
- size?: "md" | "lg" | "xl" | undefined;
1580
- } & {
1581
- addonAfter?: react.ReactNode;
1582
- addonBefore?: react.ReactNode;
1583
- autoFocus?: boolean;
1584
- htmlSize?: number;
1585
- type?: ComponentPropsWithoutRef<"input">["type"];
1586
- } & Omit<NonNullable<{
1587
- size?: "md" | "lg" | "xl" | undefined;
1588
- } & {
1589
- disabled?: boolean;
1590
- error?: boolean;
1591
- name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
1592
- onValueChange?: (value: string) => void;
1593
- placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
1594
- required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
1595
- }>, "size"> & Omit<NonNullable<Sprinkles & {
1596
- asChild?: boolean;
1597
- className?: string;
1598
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "autoFocus" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
1599
-
1600
- type PopoverProps = {
1601
- children?: React.ReactNode;
1602
- /**
1603
- * The initial open state in uncontrolled mode.
1604
- */
1605
- defaultOpen?: boolean;
1606
- /**
1607
- * When enabled interaction with outside elements will be disabled and only popover content will be visible to screen readers.
1608
- */
1609
- modal?: boolean;
1610
- /**
1611
- * Handler that is called when the open state changes.
1612
- */
1613
- onOpenChange?: (open: boolean) => void;
1614
- /**
1615
- * The open state in controlled mode.
1616
- */
1617
- open?: boolean;
1618
- };
1619
- /**
1620
- * Display arbitrary rich content inside a non-modal dialog triggered by a button.
1621
- *
1622
- * @category overlay
1623
- * @group Popover
1624
- * @since 0.1.0
1625
- */
1626
- declare function Popover({ children, defaultOpen, modal, onOpenChange, open: openProp, }: PopoverProps): react_jsx_runtime.JSX.Element;
1627
- declare namespace Popover {
1628
- var displayName: string;
1629
- }
1630
-
1631
- type PopoverAnchorProps = BoxProps<typeof RadixPopper.Anchor, {
1632
- /**
1633
- * Use a static virtual ref to anchor the content instead of updating the
1634
- * position on layout shift/scroll.
1635
- */
1636
- staticRef?: RefObject<HTMLElement>;
1637
- }>;
1638
- /**
1639
- * @group Popover
1640
- */
1641
- declare const PopoverAnchor: react.ForwardRefExoticComponent<{
1642
- /**
1643
- * Use a static virtual ref to anchor the content instead of updating the
1644
- * position on layout shift/scroll.
1645
- */
1646
- staticRef?: RefObject<HTMLElement>;
1647
- } & Omit<NonNullable<Sprinkles & {
1648
- asChild?: boolean;
1649
- className?: string;
1650
- }>, never> & Omit<Omit<RadixPopper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
1651
-
1652
- type ListboxProps = BoxProps<"div">;
1653
- declare const Listbox: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1654
- asChild?: boolean;
1655
- className?: string;
1656
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1657
-
1658
- declare const item: (props?: {
1659
- intent?: "danger" | "neutral" | undefined;
1660
- } | undefined, className?: string) => {
1661
- className: string;
1662
- };
1663
- type ItemVariants = RecipeVariants<typeof item>;
1664
-
1665
- type ListboxItemProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<ItemVariants & {
1666
- /**
1667
- * Display content inside the item after `children`.
1668
- */
1669
- addonAfter?: ReactNode;
1670
- /**
1671
- * Display content inside the item before `children`.
1672
- */
1673
- addonBefore?: ReactNode;
1674
- /**
1675
- * Add secondary text after the primary label.
1676
- */
1677
- description?: ReactNode;
1678
- /**
1679
- * Display an icon before the item content.
1680
- */
1681
- icon?: ReactNode;
1682
- }, P>>;
1683
- /**
1684
- * @group Listbox
1685
- */
1686
- declare const ListboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
1687
- intent?: "danger" | "neutral" | undefined;
1688
- } & {
1689
- /**
1690
- * Display content inside the item after `children`.
1691
- */
1692
- addonAfter?: ReactNode;
1693
- /**
1694
- * Display content inside the item before `children`.
1695
- */
1696
- addonBefore?: ReactNode;
1697
- /**
1698
- * Add secondary text after the primary label.
1699
- */
1700
- description?: ReactNode;
1701
- /**
1702
- * Display an icon before the item content.
1703
- */
1704
- icon?: ReactNode;
1705
- }>, never> & Omit<NonNullable<Sprinkles & {
1706
- asChild?: boolean;
1707
- className?: string;
1708
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1709
-
1710
- type ListboxCheckboxItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Checkbox>, "onCheckedChange">;
1711
- /**
1712
- * @group Listbox
1713
- */
1714
- declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
1715
- intent?: "danger" | "neutral" | undefined;
1716
- } & {
1717
- addonAfter?: react.ReactNode;
1718
- addonBefore?: react.ReactNode;
1719
- description?: react.ReactNode;
1720
- icon?: react.ReactNode;
1721
- }>, never> & Omit<NonNullable<Sprinkles & {
1722
- asChild?: boolean;
1723
- className?: string;
1724
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<Pick<Omit<{
1725
- description?: react.ReactNode;
1726
- } & Omit<NonNullable<Sprinkles & {
1727
- asChild?: boolean;
1728
- className?: string;
1729
- }>, never> & Omit<Omit<{
1730
- name?: ComponentPropsWithoutRef<"input">["name"];
1731
- onCheckedChange?: (checked: boolean) => void;
1732
- required?: ComponentPropsWithoutRef<"input">["required"];
1733
- value?: ComponentPropsWithoutRef<"input">["value"];
1734
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
1735
- indeterminate?: boolean;
1736
- shift?: boolean;
1737
- } & Omit<NonNullable<Sprinkles & {
1738
- asChild?: boolean;
1739
- className?: string;
1740
- }>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
1741
- asChild?: boolean;
1742
- className?: string;
1743
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
1744
- asChild?: boolean;
1745
- className?: string;
1746
- }>, never> & Omit<Omit<{
1747
- name?: ComponentPropsWithoutRef<"input">["name"];
1748
- onCheckedChange?: (checked: boolean) => void;
1749
- required?: ComponentPropsWithoutRef<"input">["required"];
1750
- value?: ComponentPropsWithoutRef<"input">["value"];
1751
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
1752
-
1753
- type ListboxEmptyProps = BoxProps;
1754
- /**
1755
- * @group Listbox
1756
- */
1757
- declare const ListboxEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1758
- asChild?: boolean;
1759
- className?: string;
1760
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
1761
-
1762
- type ListboxGroupProps = ComponentPropsWithoutRef<typeof Box>;
1763
- /**
1764
- * @group Listbox
1765
- */
1766
- declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
1767
- asChild?: boolean;
1768
- className?: string;
1769
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
1770
-
1771
- declare const IconCheck: react.ForwardRefExoticComponent<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
1772
-
1773
- type ListboxItemIndicatorProps = BoxProps<typeof IconCheck, {
1774
- /**
1775
- * Whether to display a tick to indicate if the item is active or not.
1776
- */
1777
- active?: boolean;
1778
- }>;
1779
- /**
1780
- * @group Listbox
1781
- */
1782
- declare const ListboxItemIndicator: react.ForwardRefExoticComponent<{
1783
- /**
1784
- * Whether to display a tick to indicate if the item is active or not.
1785
- */
1786
- active?: boolean;
1787
- } & Omit<NonNullable<Sprinkles & {
1788
- asChild?: boolean;
1789
- className?: string;
1790
- }>, never> & Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
1791
-
1792
- type ListboxItemizedProps = BoxProps<"div", {
1793
- children?: // eslint-disable-next-line @typescript-eslint/no-explicit-any
1794
- ((item: any, index: number, prevItem: any) => ReactNode) | ReactNode;
1795
- /**
1796
- * Custom empty state content.
1797
- */
1798
- empty?: ReactNode;
1799
- /**
1800
- * The currently highlighted item.
1801
- */
1802
- highlightedItem?: any;
1803
- /**
1804
- * The collection of items to display.
1805
- */
1806
- items: any[] | readonly any[];
1807
- /**
1808
- * Function to get the unique key for each item as a string.
1809
- */
1810
- itemToKey: (item: any) => string;
1811
- /**
1812
- * Whether to show loading spinner inside the menu.
1813
- */
1814
- loading?: "both" | "skeleton" | "spinner";
1815
- /**
1816
- * Handler that is called when the element mounts or unmounts from the DOM.
1817
- */
1818
- onPlacedChange?: (placed: boolean) => void;
1819
- }>;
1820
- /**
1821
- * @group Listbox
1822
- */
1823
- declare const ListboxItemized: react.ForwardRefExoticComponent<{
1824
- children?: // eslint-disable-next-line @typescript-eslint/no-explicit-any
1825
- ((item: any, index: number, prevItem: any) => ReactNode) | ReactNode;
1826
- /**
1827
- * Custom empty state content.
1828
- */
1829
- empty?: ReactNode;
1830
- /**
1831
- * The currently highlighted item.
1832
- */
1833
- highlightedItem?: any;
1834
- /**
1835
- * The collection of items to display.
1836
- */
1837
- items: any[] | readonly any[];
1838
- /**
1839
- * Function to get the unique key for each item as a string.
1840
- */
1841
- itemToKey: (item: any) => string;
1842
- /**
1843
- * Whether to show loading spinner inside the menu.
1844
- */
1845
- loading?: "both" | "skeleton" | "spinner";
1846
- /**
1847
- * Handler that is called when the element mounts or unmounts from the DOM.
1848
- */
1849
- onPlacedChange?: (placed: boolean) => void;
1850
- } & Omit<NonNullable<Sprinkles & {
1851
- asChild?: boolean;
1852
- className?: string;
1853
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLDivElement>>;
1854
-
1855
- type ListboxLabelProps = ComponentPropsWithoutRef<typeof Box>;
1856
- /**
1857
- * @group Listbox
1858
- */
1859
- declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
1860
- asChild?: boolean;
1861
- className?: string;
1862
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
1863
-
1864
- type ListboxRadioItemProps = ComponentPropsWithoutRef<typeof ListboxItem>;
1865
- /**
1866
- * @group Listbox
1867
- */
1868
- declare const ListboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
1869
- intent?: "danger" | "neutral" | undefined;
1870
- } & {
1871
- addonAfter?: react.ReactNode;
1872
- addonBefore?: react.ReactNode;
1873
- description?: react.ReactNode;
1874
- icon?: react.ReactNode;
1875
- }>, never> & Omit<NonNullable<Sprinkles & {
1876
- asChild?: boolean;
1877
- className?: string;
1878
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
1879
-
1880
- declare const separator: ((props: {
1881
- orientation?: ("vertical" | "horizontal" | {
1882
- readonly base?: "vertical" | "horizontal" | undefined;
1883
- readonly sm?: "vertical" | "horizontal" | undefined;
1884
- readonly md?: "vertical" | "horizontal" | undefined;
1885
- } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
1886
- }) => string) & {
1887
- properties: Set<"orientation">;
1888
- };
1889
- type SeparatorVariants = Parameters<typeof separator>[0];
1890
-
1891
- type SeparatorProps = BoxProps<typeof RadixSeparator.Root, SeparatorVariants>;
1892
- /**
1893
- * `Separator` component is used to visually separate items in a list or group. By default the orientation is set to `horizontal`.
1894
- *
1895
- * @since 0.1.0
1896
- * @category layout
1897
- */
1898
- declare const Separator: react.ForwardRefExoticComponent<{
1899
- orientation?: ("vertical" | "horizontal" | {
1900
- readonly base?: "vertical" | "horizontal" | undefined;
1901
- readonly sm?: "vertical" | "horizontal" | undefined;
1902
- readonly md?: "vertical" | "horizontal" | undefined;
1903
- } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
1904
- } & Omit<NonNullable<Sprinkles & {
1905
- asChild?: boolean;
1906
- className?: string;
1907
- }>, never> & Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
1908
-
1909
- type ListboxSeparatorProps = BoxProps<typeof Separator>;
1910
- /**
1911
- * @group Listbox
1912
- */
1913
- declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
1914
- asChild?: boolean;
1915
- className?: string;
1916
- }>, never> & Omit<Omit<{
1917
- orientation?: ("vertical" | "horizontal" | {
1918
- readonly base?: "vertical" | "horizontal" | undefined;
1919
- readonly sm?: "vertical" | "horizontal" | undefined;
1920
- readonly md?: "vertical" | "horizontal" | undefined;
1921
- } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
1922
- } & Omit<NonNullable<Sprinkles & {
1923
- asChild?: boolean;
1924
- className?: string;
1925
- }>, never> & Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
1926
-
1927
- declare const thumb: (props?: {
1928
- size?: "md" | "lg" | undefined;
1929
- } | undefined, className?: string) => {
1930
- className: string;
1931
- };
1932
- type SwitchVariants = RecipeVariants<typeof thumb>;
1933
-
1934
- type SwitchProps = BoxProps<typeof ToggleInputHiddenInput, SwitchVariants & {
1935
- /**
1936
- * Add secondary text after the label.
1937
- */
1938
- description?: ReactNode;
1939
- }>;
1940
- /**
1941
- * Control to allow toggling between checked and not checked state.
1942
- *
1943
- * @category form
1944
- * @since 0.1.0
1945
- */
1946
- declare const Switch: react.ForwardRefExoticComponent<{
1947
- size?: "md" | "lg" | undefined;
1948
- } & {
1949
- /**
1950
- * Add secondary text after the label.
1951
- */
1952
- description?: ReactNode;
1953
- } & Omit<NonNullable<Sprinkles & {
1954
- asChild?: boolean;
1955
- className?: string;
1956
- }>, "size"> & Omit<Omit<{
1957
- name?: react.ComponentPropsWithoutRef<"input">["name"];
1958
- onCheckedChange?: (checked: boolean) => void;
1959
- required?: react.ComponentPropsWithoutRef<"input">["required"];
1960
- value?: react.ComponentPropsWithoutRef<"input">["value"];
1961
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
1962
-
1963
- type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
1964
- /**
1965
- * @group Listbox
1966
- */
1967
- declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
1968
- intent?: "danger" | "neutral" | undefined;
1969
- } & {
1970
- addonAfter?: react.ReactNode;
1971
- addonBefore?: react.ReactNode;
1972
- description?: react.ReactNode;
1973
- icon?: react.ReactNode;
1974
- }>, never> & Omit<NonNullable<Sprinkles & {
1975
- asChild?: boolean;
1976
- className?: string;
1977
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<{
1978
- size?: "md" | "lg" | undefined;
1979
- } & {
1980
- description?: react.ReactNode;
1981
- } & Omit<NonNullable<Sprinkles & {
1982
- asChild?: boolean;
1983
- className?: string;
1984
- }>, "size"> & Omit<Omit<{
1985
- name?: ComponentPropsWithoutRef<"input">["name"];
1986
- onCheckedChange?: (checked: boolean) => void;
1987
- required?: ComponentPropsWithoutRef<"input">["required"];
1988
- value?: ComponentPropsWithoutRef<"input">["value"];
1989
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
1990
-
1991
- type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
1992
- /**
1993
- * The initial selected value in uncontrolled mode.
1994
- */
1995
- defaultValue?: DateRange | null;
1996
- /**
1997
- * Whether the date range picker is disabled.
1998
- */
1999
- disabled?: boolean;
2000
- /**
2001
- * Handler that is called when the selected value changes.
2002
- */
2003
- onValueChange?: (value: DateRange | null) => void;
2004
- /**
2005
- * The selected value in controlled mode.
2006
- */
2007
- value?: DateRange | null;
2008
- };
2009
- type DateRange = {
2010
- from: Date;
2011
- to: Date;
2012
- };
2013
- /**
2014
- * Calendar popover that lets user pick date ranges.
2015
- *
2016
- * @category date
2017
- * @group DateRangePicker
2018
- * @since 1.4.0
2019
- * @extends Popover
2020
- */
2021
- declare function DateRangePicker({ children, defaultOpen, defaultValue, disabled, onOpenChange, onValueChange, open: openProp, value: valueProp, ...props }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
2022
- declare namespace DateRangePicker {
2023
- var displayName: string;
2024
- }
2025
-
2026
- type DateRangePickerContentProps = ComponentPropsWithoutRef<typeof PopoverContent> & Pick<ComponentPropsWithoutRef<typeof Calendar>, "holiday" | "max" | "min" | "today" | "weekend"> & {
2027
- /**
2028
- * Display content inside the popover after the calendar.
2029
- */
2030
- addonAfter?: ReactNode;
2031
- /**
2032
- * Display content inside the popover before the calendar.
2033
- */
2034
- addonBefore?: ReactNode;
2035
- };
2036
- /**
2037
- * @group DateRangePicker
2038
- */
2039
- declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "max" | "min" | "today" | "holiday" | "weekend"> & {
2040
- /**
2041
- * Display content inside the popover after the calendar.
2042
- */
2043
- addonAfter?: ReactNode;
2044
- /**
2045
- * Display content inside the popover before the calendar.
2046
- */
2047
- addonBefore?: ReactNode;
2048
- } & react.RefAttributes<HTMLInputElement>>;
2049
-
2050
- type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger> & {
2051
- /**
2052
- * Provide a custom date range formatter.
2053
- */
2054
- formatRange?: Intl.DateTimeFormat["formatRange"];
2055
- /**
2056
- * The placeholder when there is no value.
2057
- */
2058
- placeholder?: string;
2059
- };
2060
- /**
2061
- * @group DateRangePicker
2062
- * @extends Button
2063
- */
2064
- declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
2065
- addonAfter?: react.ReactNode;
2066
- addonBefore?: react.ReactNode;
2067
- icon?: react.ReactNode;
2068
- iconPosition?: "end" | "start";
2069
- }, never> & Omit<NonNullable<Omit<{
2070
- intent?: "danger" | "neutral" | "primary" | undefined;
2071
- size?: "sm" | "md" | "lg" | undefined;
2072
- square?: boolean | undefined;
2073
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
2074
- }, "intent" | "variant"> & {
2075
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
2076
- disabled?: boolean;
2077
- loading?: boolean;
2078
- type?: "button" | "reset" | "submit" | undefined;
2079
- }>, never> & Omit<NonNullable<Sprinkles & {
2080
- asChild?: boolean;
2081
- className?: string;
2082
- }>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
2083
- /**
2084
- * Provide a custom date range formatter.
2085
- */
2086
- formatRange?: Intl.DateTimeFormat["formatRange"];
2087
- /**
2088
- * The placeholder when there is no value.
2089
- */
2090
- placeholder?: string;
2091
- } & react.RefAttributes<HTMLButtonElement>>;
2092
-
2093
- type DialogProps = {
2094
- children?: React.ReactNode;
2095
- /**
2096
- * The initial open state in uncontrolled mode.
2097
- */
2098
- defaultOpen?: boolean;
2099
- /**
2100
- * Handler that is called when the open state changes.
2101
- */
2102
- onOpenChange?: (open: boolean) => void;
2103
- /**
2104
- * The open state in controlled mode.
2105
- */
2106
- open?: boolean;
2107
- };
2108
- /**
2109
- * Display a modal dialog box.
2110
- *
2111
- * DialogHeader automatically includes a close button (X) in the top-right
2112
- * corner - do not manually add a close button to the header.
2113
- *
2114
- * Use Dialog for forms, data entry, content display, multi-step workflows, and
2115
- * non-critical interactions. For confirmations or destructive actions, use
2116
- * AlertDialog instead (which has no close button and requires explicit user
2117
- * choice).
2118
- *
2119
- * For forms, wrap DialogBody and DialogFooter in DialogForm and use
2120
- * type="submit" on the primary action button.
2121
- *
2122
- * @category overlay
2123
- * @group Dialog
2124
- * @since 0.1.0
2125
- */
2126
- declare function Dialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
2127
- declare namespace Dialog {
2128
- var displayName: string;
2129
- }
2130
-
2131
- type DialogBodyProps = ComponentPropsWithRef<typeof Box>;
2132
- /**
2133
- * @group Dialog
2134
- */
2135
- declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
2136
- asChild?: boolean;
2137
- className?: string;
2138
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
2139
- ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
2140
- }, "ref"> & react.RefAttributes<HTMLDivElement>>;
2141
-
2142
- type DialogCloseProps = ButtonProps<typeof RadixDialog.Close>;
2143
- /**
2144
- * @extends Button
2145
- * @group Dialog
2146
- */
2147
- declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
2148
- addonAfter?: react.ReactNode;
2149
- addonBefore?: react.ReactNode;
2150
- icon?: react.ReactNode;
2151
- iconPosition?: "end" | "start";
2152
- }, never> & Omit<NonNullable<Omit<{
2153
- intent?: "danger" | "neutral" | "primary" | undefined;
2154
- size?: "sm" | "md" | "lg" | undefined;
2155
- square?: boolean | undefined;
2156
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
2157
- }, "intent" | "variant"> & {
2158
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
2159
- disabled?: boolean;
2160
- loading?: boolean;
2161
- type?: "button" | "reset" | "submit" | undefined;
2162
- }>, never> & Omit<NonNullable<Sprinkles & {
2163
- asChild?: boolean;
2164
- className?: string;
2165
- }>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
2166
-
2167
- type DialogFooterProps = ComponentPropsWithRef<typeof Group>;
2168
- /**
2169
- * @group Dialog
2170
- */
2171
- declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<{
2172
- alignItems?: BoxProps["alignItems"];
2173
- flexDirection?: BoxProps["flexDirection"];
2174
- } & Omit<NonNullable<Sprinkles & {
2175
- asChild?: boolean;
2176
- className?: string;
2177
- }>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
2178
- ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
2179
- }, "ref"> & react.RefAttributes<HTMLDivElement>>;
2180
-
2181
- type DialogFormProps = BoxProps<"form">;
2182
- /**
2183
- * @group Dialog
2184
- */
2185
- declare const DialogForm: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
2186
- asChild?: boolean;
2187
- className?: string;
2188
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLFormElement>>;
2189
-
2190
- type DialogHeaderProps = TextProps<"div", {
2191
- /**
2192
- * Display content inside the header after `children`.
2193
- */
2194
- addonAfter?: ReactNode;
2195
- /**
2196
- * Add secondary text after the primary title.
2197
- */
2198
- description?: ReactNode;
2199
- }>;
2200
- /**
2201
- * @group Dialog
2202
- */
2203
- declare const DialogHeader: react.ForwardRefExoticComponent<{
2204
- /**
2205
- * Display content inside the header after `children`.
2206
- */
2207
- addonAfter?: ReactNode;
2208
- /**
2209
- * Add secondary text after the primary title.
2210
- */
2211
- description?: ReactNode;
2212
- } & Omit<{
2213
- lineClamp?: "1" | "2" | "3" | "4" | undefined;
2214
- truncate?: boolean | undefined;
2215
- }, never> & Omit<NonNullable<Sprinkles & {
2216
- asChild?: boolean;
2217
- className?: string;
2218
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
2219
-
2220
- type DialogTriggerProps = ButtonProps<typeof RadixDialog.Trigger>;
2221
- /**
2222
- * @extends Button
2223
- * @group Dialog
2224
- */
2225
- declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
2226
- addonAfter?: react.ReactNode;
2227
- addonBefore?: react.ReactNode;
2228
- icon?: react.ReactNode;
2229
- iconPosition?: "end" | "start";
2230
- }, never> & Omit<NonNullable<Omit<{
2231
- intent?: "danger" | "neutral" | "primary" | undefined;
2232
- size?: "sm" | "md" | "lg" | undefined;
2233
- square?: boolean | undefined;
2234
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
2235
- }, "intent" | "variant"> & {
2236
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
2237
- disabled?: boolean;
2238
- loading?: boolean;
2239
- type?: "button" | "reset" | "submit" | undefined;
2240
- }>, never> & Omit<NonNullable<Sprinkles & {
2241
- asChild?: boolean;
2242
- className?: string;
2243
- }>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
2244
-
2245
- type DisclosureProps = BoxProps<typeof RadixCollapsible.Root, {
2246
- /**
2247
- * The initial open state in uncontrolled mode.
2248
- */
2249
- defaultOpen?: boolean;
2250
- /**
2251
- * Handler that is called when the open state changes.
2252
- */
2253
- onOpenChange?: (open: boolean) => void;
2254
- /**
2255
- * The open state in controlled mode.
2256
- */
2257
- open?: boolean;
2258
- }>;
2259
- /**
2260
- * Interactive component for expanding and collapsing content panels with
2261
- * built-in state management.
2262
- *
2263
- * Use this for collapsible sections with expand/collapse triggers. Disclosure
2264
- * handles the toggle state, animations, and accessibility automatically.
2265
- *
2266
- * When to use:
2267
- * - FAQ sections
2268
- * - Expandable content panels
2269
- * - Show/hide details sections
2270
- * - Any expand/collapse pattern with a chevron icon
2271
- *
2272
- * Don't manually build with Button + chevron icon + useState - use Disclosure
2273
- * instead.
2274
- *
2275
- * @group Disclosure
2276
- * @category actions
2277
- * @since 0.1.0
2278
- */
2279
- declare const Disclosure: react.ForwardRefExoticComponent<{
2280
- /**
2281
- * The initial open state in uncontrolled mode.
2282
- */
2283
- defaultOpen?: boolean;
2284
- /**
2285
- * Handler that is called when the open state changes.
2286
- */
2287
- onOpenChange?: (open: boolean) => void;
2288
- /**
2289
- * The open state in controlled mode.
2290
- */
2291
- open?: boolean;
2292
- } & Omit<NonNullable<Sprinkles & {
2293
- asChild?: boolean;
2294
- className?: string;
2295
- }>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "defaultOpen" | "onOpenChange" | "open"> & react.RefAttributes<HTMLDivElement>>;
2296
-
2297
- type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Content, {
2298
- /**
2299
- * Enable this to always keep content present in DOM and visually hidden
2300
- * when collapsed.
2301
- */
2302
- hiddenUntilFound?: boolean;
2303
- }>, "forceMount">;
2304
- /**
2305
- * @group Disclosure
2306
- */
2307
- declare const DisclosureContent: react.ForwardRefExoticComponent<DisclosureContentProps & react.RefAttributes<HTMLDivElement>>;
2308
-
2309
- type DisclosureTriggerProps = BoxProps<"div", {
2310
- /**
2311
- * Display content after the button.
2312
- */
2313
- addonAfter?: ReactNode;
2314
- /**
2315
- * Display content before the button.
2316
- */
2317
- addonBefore?: ReactNode;
2318
- /**
2319
- * Control which side to place the chevron.
2320
- */
2321
- chevronPosition?: "end" | "start";
2322
- }>;
2323
- /**
2324
- * @group Disclosure
2325
- */
2326
- declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
2327
- /**
2328
- * Display content after the button.
2329
- */
2330
- addonAfter?: ReactNode;
2331
- /**
2332
- * Display content before the button.
2333
- */
2334
- addonBefore?: ReactNode;
2335
- /**
2336
- * Control which side to place the chevron.
2337
- */
2338
- chevronPosition?: "end" | "start";
2339
- } & Omit<NonNullable<Sprinkles & {
2340
- asChild?: boolean;
2341
- className?: string;
2342
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
2343
-
2344
- type DropdownMenuProps = {
2345
- children?: React.ReactNode;
2346
- /**
2347
- * The initial open state in uncontrolled mode.
2348
- */
2349
- defaultOpen?: boolean;
2350
- /**
2351
- * When enabled interaction with outside elements will be disabled and only dropdown content will be visible to screen readers.
2352
- */
2353
- modal?: boolean;
2354
- /**
2355
- * Handler that is called when the open state changes.
2356
- */
2357
- onOpenChange?: (open: boolean) => void;
2358
- /**
2359
- * The open state in controlled mode.
2360
- */
2361
- open?: boolean;
2362
- };
2363
- /**
2364
- * Display a dropdown menu.
2365
- *
2366
- * @category overlay
2367
- * @since 0.1.0
2368
- * @deprecated since 1.6.0 use {@link Menu} instead
2369
- * @see Menu
2370
- */
2371
- declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
2372
- declare namespace DropdownMenu {
2373
- var displayName: string;
2374
- }
2375
-
2376
- type DropdownMenuCheckboxItemProps = ListboxItemProps<typeof RadixMenu.CheckboxItem>;
2377
- /**
2378
- * @group DropdownMenu
2379
- */
2380
- declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
2381
- intent?: "danger" | "neutral" | undefined;
2382
- } & {
2383
- addonAfter?: react.ReactNode;
2384
- addonBefore?: react.ReactNode;
2385
- description?: react.ReactNode;
2386
- icon?: react.ReactNode;
2387
- }>, never> & Omit<NonNullable<Sprinkles & {
2388
- asChild?: boolean;
2389
- className?: string;
2390
- }>, never> & Omit<Omit<RadixMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
2391
-
2392
- type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
2393
- /**
2394
- * Whether to show loading spinner inside the menu.
2395
- */
2396
- loading?: boolean;
2397
- }>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
2398
- /**
2399
- * @group DropdownMenu
2400
- */
2401
- declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
2402
-
2403
- type DropdownMenuGroupProps = BoxProps<typeof RadixMenu.Group>;
2404
- /**
2405
- * @group DropdownMenu
2406
- */
2407
- declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
2408
- asChild?: boolean;
2409
- className?: string;
2410
- }>, never> & Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
2411
-
2412
- type DropdownMenuItemProps = ListboxItemProps<typeof RadixMenu.Item>;
2413
- /**
2414
- * @group DropdownMenu
2415
- */
2416
- declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
2417
- intent?: "danger" | "neutral" | undefined;
2418
- } & {
2419
- addonAfter?: react.ReactNode;
2420
- addonBefore?: react.ReactNode;
2421
- description?: react.ReactNode;
2422
- icon?: react.ReactNode;
2423
- }>, never> & Omit<NonNullable<Sprinkles & {
2424
- asChild?: boolean;
2425
- className?: string;
2426
- }>, never> & Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
2427
-
2428
- type DropdownMenuLabelProps = BoxProps<typeof RadixMenu.Label>;
2429
- /**
2430
- * @group DropdownMenu
2431
- */
2432
- declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
2433
- asChild?: boolean;
2434
- className?: string;
2435
- }>, never> & Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
2436
-
2437
- type DropdownMenuSeparatorProps = BoxProps<typeof RadixMenu.Separator>;
2438
- /**
2439
- * @group DropdownMenu
2440
- * @extends Separator
2441
- */
2442
- declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
2443
- asChild?: boolean;
2444
- className?: string;
2445
- }>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
2446
-
2447
- type DropdownMenuSubProps = {
2448
- children?: React.ReactNode;
2449
- /**
2450
- * The initial open state in uncontrolled mode.
2451
- */
2452
- defaultOpen?: boolean;
2453
- /**
2454
- * Handler that is called when the open state changes.
2455
- */
2456
- onOpenChange?: (open: boolean) => void;
2457
- /**
2458
- * The open state in controlled mode.
2459
- */
2460
- open?: boolean;
2461
- };
2462
- /**
2463
- * @group DropdownMenu
2464
- */
2465
- declare function DropdownMenuSub({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuSubProps): react_jsx_runtime.JSX.Element;
2466
- declare namespace DropdownMenuSub {
2467
- var displayName: string;
2468
- }
2469
-
2470
- type DropdownMenuSubContentProps = ExcludeProps<BoxProps<typeof RadixMenu.SubContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
2471
- /**
2472
- * @group DropdownMenu
2473
- */
2474
- declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>>;
2475
-
2476
- type DropdownMenuSubTriggerProps = ListboxItemProps<typeof RadixMenu.SubTrigger>;
2477
- /**
2478
- * @group DropdownMenu
2479
- */
2480
- declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
2481
- intent?: "danger" | "neutral" | undefined;
2482
- } & {
2483
- addonAfter?: react.ReactNode;
2484
- addonBefore?: react.ReactNode;
2485
- description?: react.ReactNode;
2486
- icon?: react.ReactNode;
2487
- }>, never> & Omit<NonNullable<Sprinkles & {
2488
- asChild?: boolean;
2489
- className?: string;
2490
- }>, never> & Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
2491
-
2492
- type DropdownMenuTriggerProps = ComponentPropsWithoutRef<typeof Button>;
2493
- /**
2494
- * @group DropdownMenu
2495
- * @extends Button
2496
- */
2497
- declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
2498
- addonAfter?: react.ReactNode;
2499
- addonBefore?: react.ReactNode;
2500
- icon?: react.ReactNode;
2501
- iconPosition?: "end" | "start";
2502
- }, never> & Omit<NonNullable<Omit<{
2503
- intent?: "danger" | "neutral" | "primary" | undefined;
2504
- size?: "sm" | "md" | "lg" | undefined;
2505
- square?: boolean | undefined;
2506
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
2507
- }, "intent" | "variant"> & {
2508
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
2509
- disabled?: boolean;
2510
- loading?: boolean;
2511
- type?: "button" | "reset" | "submit" | undefined;
2512
- }>, never> & Omit<NonNullable<Sprinkles & {
2513
- asChild?: boolean;
2514
- className?: string;
2515
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
2516
-
2517
- type EllipsisMenuButtonProps = ComponentPropsWithoutRef<typeof Button>;
2518
- /**
2519
- * Button with ellipsis icon for opening overflow menus and dropdowns.
2520
- *
2521
- * Use with MenuTrigger asChild for overflow menus.
2522
- *
2523
- * @example
2524
- * <MenuTrigger asChild><EllipsisMenuButton /></MenuTrigger>
2525
- *
2526
- * @group Button
2527
- */
2528
- declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
2529
- addonAfter?: react.ReactNode;
2530
- addonBefore?: react.ReactNode;
2531
- icon?: react.ReactNode;
2532
- iconPosition?: "end" | "start";
2533
- }, never> & Omit<NonNullable<Omit<{
2534
- intent?: "danger" | "neutral" | "primary" | undefined;
2535
- size?: "sm" | "md" | "lg" | undefined;
2536
- square?: boolean | undefined;
2537
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
2538
- }, "intent" | "variant"> & {
2539
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
2540
- disabled?: boolean;
2541
- loading?: boolean;
2542
- type?: "button" | "reset" | "submit" | undefined;
2543
- }>, never> & Omit<NonNullable<Sprinkles & {
2544
- asChild?: boolean;
2545
- className?: string;
2546
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
2547
-
2548
- type FieldLabelProps = BoxProps<"div", {
2549
- /**
2550
- * Display a help icon with additional context for the input.
2551
- */
2552
- info?: ReactNode;
2553
- /**
2554
- * Override the default generated input ID used for associating the label to the input.
2555
- */
2556
- inputId?: string;
2557
- /**
2558
- * Override the default generated label ID used for associating the controls to the label.
2559
- */
2560
- labelId?: string;
2561
- /**
2562
- * Display an asterisk for required inputs.
2563
- */
2564
- required?: boolean;
2565
- }>;
2566
- /**
2567
- * @group Field
2568
- */
2569
- declare const FieldLabel: react.ForwardRefExoticComponent<{
2570
- /**
2571
- * Display a help icon with additional context for the input.
2572
- */
2573
- info?: ReactNode;
2574
- /**
2575
- * Override the default generated input ID used for associating the label to the input.
2576
- */
2577
- inputId?: string;
2578
- /**
2579
- * Override the default generated label ID used for associating the controls to the label.
2580
- */
2581
- labelId?: string;
2582
- /**
2583
- * Display an asterisk for required inputs.
2584
- */
2585
- required?: boolean;
2586
- } & Omit<NonNullable<Sprinkles & {
2587
- asChild?: boolean;
2588
- className?: string;
2589
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
2590
-
2591
- type FieldProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof FieldLabel>, "info" | "inputId" | "labelId" | "required"> & {
2592
- /**
2593
- * Provide description and help text for the field.
2594
- */
2595
- description?: ReactNode;
2596
- /**
2597
- * Display validation or other errors for the input.
2598
- */
2599
- error?: ReactNode;
2600
- /**
2601
- * The label of the field.
2602
- */
2603
- label?: ReactNode;
2604
- }>;
2605
- /**
2606
- * Wrapper for inputs to provide context such as label/help/required etc.
2607
- *
2608
- * @category form
2609
- * @since 0.1.0
2610
- */
2611
- declare const Field: react.ForwardRefExoticComponent<Pick<Omit<{
2612
- info?: ReactNode;
2613
- inputId?: string;
2614
- labelId?: string;
2615
- required?: boolean;
2616
- } & Omit<NonNullable<Sprinkles & {
2617
- asChild?: boolean;
2618
- className?: string;
2619
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "required" | "labelId" | "info" | "inputId"> & {
2620
- /**
2621
- * Provide description and help text for the field.
2622
- */
2623
- description?: ReactNode;
2624
- /**
2625
- * Display validation or other errors for the input.
2626
- */
2627
- error?: ReactNode;
2628
- /**
2629
- * The label of the field.
2630
- */
2631
- label?: ReactNode;
2632
- } & Omit<NonNullable<Sprinkles & {
2633
- asChild?: boolean;
2634
- className?: string;
2635
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
2636
-
2637
- type FlexProps = BoxProps<"div", {
2638
- /**
2639
- * Set the element's `align-items` CSS property. Defaults to `center` when
2640
- * `flexDirection='row'`, and `stretch` when `flexDirection='column'`.
2641
- */
2642
- alignItems?: BoxProps["alignItems"];
2643
- /**
2644
- * Set the element's `flex-direction` CSS property.
2645
- *
2646
- * ⚠️ DEFAULTS TO 'column' (vertical stacking) - NOT 'row' like standard CSS!
2647
- *
2648
- * - Default: 'column'
2649
- * - For horizontal layouts: explicitly set flexDirection='row'
2650
- * - When direction is 'row', alignItems defaults to 'center'
2651
- * - When direction is 'column', alignItems defaults to 'stretch'
2652
- */
2653
- flexDirection?: BoxProps["flexDirection"];
2654
- }>;
2655
- /**
2656
- * Stack items vertically or horizontally in a flex container.
2657
- *
2658
- * @deprecated since 1.8.0 - use {@link Group} instead.
2659
- *
2660
- * To migrate existing Flex code: `npx @optiaxiom/codemod flex-to-group src/`
2661
- *
2662
- * ⚠️ Flex defaults to flexDirection='column' (NOT 'row' like standard CSS)
2663
- * and gap='16'. Group uses standard CSS defaults (flexDirection='row', no
2664
- * default gap).
2665
- *
2666
- * @category layout
2667
- * @extends Box
2668
- */
2669
- declare const Flex: react.ForwardRefExoticComponent<{
2670
- /**
2671
- * Set the element's `align-items` CSS property. Defaults to `center` when
2672
- * `flexDirection='row'`, and `stretch` when `flexDirection='column'`.
2673
- */
2674
- alignItems?: BoxProps["alignItems"];
2675
- /**
2676
- * Set the element's `flex-direction` CSS property.
2677
- *
2678
- * ⚠️ DEFAULTS TO 'column' (vertical stacking) - NOT 'row' like standard CSS!
2679
- *
2680
- * - Default: 'column'
2681
- * - For horizontal layouts: explicitly set flexDirection='row'
2682
- * - When direction is 'row', alignItems defaults to 'center'
2683
- * - When direction is 'column', alignItems defaults to 'stretch'
2684
- */
2685
- flexDirection?: BoxProps["flexDirection"];
2686
- } & Omit<NonNullable<Sprinkles & {
2687
- asChild?: boolean;
2688
- className?: string;
2689
- }>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
2690
-
2691
- type GridProps = ComponentPropsWithRef<typeof Box>;
2692
- /**
2693
- * Use `Grid` component to place items in a grid using equal width columns.
2694
- *
2695
- * @since 0.1.0
2696
- * @category layout
2697
- */
2698
- declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
2699
- asChild?: boolean;
2700
- className?: string;
2701
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
2702
- ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
2703
- }, "ref"> & react.RefAttributes<HTMLDivElement>>;
2704
-
2705
- type HeadingProps<T extends ElementType = "h1", P = unknown> = TextProps<T, ExtendProps<{
2706
- /**
2707
- * Heading level (1-4) that controls both the semantic HTML tag and font size.
2708
- * - `level="1"`: renders `<h1>` with `fontSize="4xl"` (default)
2709
- * - `level="2"`: renders `<h2>` with `fontSize="3xl"`
2710
- * - `level="3"`: renders `<h3>` with `fontSize="2xl"`
2711
- * - `level="4"`: renders `<h4>` with `fontSize="xl"`
2712
- *
2713
- * Use `asChild` to decouple the semantic level from visual appearance.
2714
- */
2715
- level?: keyof typeof mapLevelToTag;
2716
- }, P>>;
2717
- declare const mapLevelToTag: {
2718
- readonly "1": "h1";
2719
- readonly "2": "h2";
2720
- readonly "3": "h3";
2721
- readonly "4": "h4";
2722
- };
2723
- /**
2724
- * Renders semantic heading elements (h1-h4) for document structure and
2725
- * accessibility.
2726
- *
2727
- * Use this for page titles, section headings, and any text that represents a
2728
- * heading in the document outline. Don't use Text with large fontSize and bold
2729
- * fontWeight for headings - Heading provides proper semantics for screen
2730
- * readers and improves accessibility.
2731
- *
2732
- * When to use:
2733
- * - Page titles
2734
- * - Section headings
2735
- * - Card/panel titles
2736
- * - Any text with fontSize='xl'+ and fontWeight='500'+
2737
- *
2738
- * ⚠️ All heading levels (1-4) default to fontWeight="700". If your design shows
2739
- * lighter headings, explicitly set fontWeight="500" or "600".
2740
- *
2741
- * Don't use Text component for headings - it lacks semantic meaning.
2742
- *
2743
- * @category typography
2744
- * @since 0.1.0
2745
- * @extends Text
2746
- */
2747
- declare const Heading: react.ForwardRefExoticComponent<Omit<{
2748
- /**
2749
- * Heading level (1-4) that controls both the semantic HTML tag and font size.
2750
- * - `level="1"`: renders `<h1>` with `fontSize="4xl"` (default)
2751
- * - `level="2"`: renders `<h2>` with `fontSize="3xl"`
2752
- * - `level="3"`: renders `<h3>` with `fontSize="2xl"`
2753
- * - `level="4"`: renders `<h4>` with `fontSize="xl"`
2754
- *
2755
- * Use `asChild` to decouple the semantic level from visual appearance.
2756
- */
2757
- level?: keyof typeof mapLevelToTag;
2758
- }, never> & Omit<{
2759
- lineClamp?: "1" | "2" | "3" | "4" | undefined;
2760
- truncate?: boolean | undefined;
2761
- }, never> & Omit<NonNullable<Sprinkles & {
2762
- asChild?: boolean;
2763
- className?: string;
2764
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
2765
-
2766
- type IndicatorProps = BoxProps<typeof Badge, {
2767
- /**
2768
- * Set the content of the badge.
2769
- */
2770
- content?: ReactNode;
2771
- /**
2772
- * Whether to show or hide badge.
2773
- */
2774
- disabled?: boolean;
2775
- /**
2776
- * Whether to offset the badge and display slightly outside the content box.
2777
- */
2778
- offset?: boolean;
2779
- /**
2780
- * Whether to show a ping animation for the badge.
2781
- */
2782
- ping?: boolean;
2783
- /**
2784
- * Set which corner the badge is displayed.
2785
- */
2786
- position?: "bottom-right" | "top-right";
2787
- }>;
2788
- /**
2789
- * Display a badge at the corner of another element.
2790
- *
2791
- * @category data-display
2792
- * @category feedback
2793
- * @since 0.1.0
2794
- */
2795
- declare const Indicator: react.ForwardRefExoticComponent<{
2796
- /**
2797
- * Set the content of the badge.
2798
- */
2799
- content?: ReactNode;
2800
- /**
2801
- * Whether to show or hide badge.
2802
- */
2803
- disabled?: boolean;
2804
- /**
2805
- * Whether to offset the badge and display slightly outside the content box.
2806
- */
2807
- offset?: boolean;
2808
- /**
2809
- * Whether to show a ping animation for the badge.
2810
- */
2811
- ping?: boolean;
2812
- /**
2813
- * Set which corner the badge is displayed.
2814
- */
2815
- position?: "bottom-right" | "top-right";
2816
- } & Omit<NonNullable<Sprinkles & {
2817
- asChild?: boolean;
2818
- className?: string;
2819
- }>, never> & Omit<Omit<{
2820
- intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
2821
- variant?: "strong" | "subtle" | undefined;
2822
- } & Omit<{
2823
- lineClamp?: "1" | "2" | "3" | "4" | undefined;
2824
- truncate?: boolean | undefined;
2825
- }, never> & Omit<NonNullable<Sprinkles & {
2826
- asChild?: boolean;
2827
- className?: string;
2828
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
2829
-
2830
- declare const key: (props?: {
2831
- variant?: "outline" | "subtle" | undefined;
2832
- } | undefined, className?: string) => {
2833
- className: string;
2834
- };
2835
- type KeyVariants = RecipeVariants<typeof key>;
2836
-
2837
- type KbdProps = BoxProps<"kbd", KeyVariants & {
2838
- /**
2839
- * Keyboard symbols/shortcuts to include.
2840
- */
2841
- modifiers?: Array<keyof (typeof mapModifierToCode)["mac"]> | keyof (typeof mapModifierToCode)["mac"];
2842
- }>;
2843
- declare const mapModifierToCode: {
2844
- mac: {
2845
- alt: string;
2846
- ctrl: string;
2847
- meta: string;
2848
- mod: string;
2849
- shift: string;
2850
- };
2851
- win: {
2852
- alt: string;
2853
- ctrl: string;
2854
- meta: string;
2855
- mod: string;
2856
- shift: string;
2857
- };
2858
- };
2859
- /**
2860
- * Inline text representing keyboard input.
2861
- *
2862
- * @category data-display
2863
- * @since 0.1.0
2864
- * @extends Code
2865
- */
2866
- declare const Kbd: react.ForwardRefExoticComponent<{
2867
- variant?: "outline" | "subtle" | undefined;
2868
- } & {
2869
- /**
2870
- * Keyboard symbols/shortcuts to include.
2871
- */
2872
- modifiers?: Array<keyof (typeof mapModifierToCode)["mac"]> | keyof (typeof mapModifierToCode)["mac"];
2873
- } & Omit<NonNullable<Sprinkles & {
2874
- asChild?: boolean;
2875
- className?: string;
2876
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
2877
-
2878
- type LabelMenuButtonProps = ComponentPropsWithoutRef<typeof ButtonRoot> & {
2879
- appearance?: never;
2880
- /**
2881
- * The label of the button.
2882
- */
2883
- label: string;
2884
- size?: never;
2885
- };
2886
- /**
2887
- * Button displaying both a label and value, used as the trigger for Select
2888
- * components.
2889
- *
2890
- * @group Button
2891
- */
2892
- declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Omit<{
2893
- intent?: "danger" | "neutral" | "primary" | undefined;
2894
- size?: "sm" | "md" | "lg" | undefined;
2895
- square?: boolean | undefined;
2896
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
2897
- }, "intent" | "variant"> & {
2898
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
2899
- disabled?: boolean;
2900
- loading?: boolean;
2901
- type?: "button" | "reset" | "submit" | undefined;
2902
- }>, never> & Omit<NonNullable<Sprinkles & {
2903
- asChild?: boolean;
2904
- className?: string;
2905
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
2906
- appearance?: never;
2907
- /**
2908
- * The label of the button.
2909
- */
2910
- label: string;
2911
- size?: never;
2912
- } & react.RefAttributes<HTMLButtonElement>>;
2913
-
2914
- declare const axiom = "optiaxiom";
2915
- declare const theme = "optiaxiom.theme";
2916
- declare const base = "optiaxiom.base";
2917
- declare const reset: string;
2918
- declare const components: string;
2919
-
2920
- declare const layers_css_axiom: typeof axiom;
2921
- declare const layers_css_base: typeof base;
2922
- declare const layers_css_components: typeof components;
2923
- declare const layers_css_reset: typeof reset;
2924
- declare const layers_css_theme: typeof theme;
2925
- declare namespace layers_css {
2926
- export {
2927
- layers_css_axiom as axiom,
2928
- layers_css_base as base,
2929
- layers_css_components as components,
2930
- layers_css_reset as reset,
2931
- layers_css_theme as theme,
2932
- };
2933
- }
2934
-
2935
- type ModalLayerProps = Pick<ComponentPropsWithoutRef<typeof Box>, "asChild"> & Pick<ComponentPropsWithoutRef<typeof DismissableLayer>, "onEscapeKeyDown"> & {
2936
- children?: ReactNode;
2937
- };
2938
- /**
2939
- * `ModalLayer` is a helper component intended to wrap components that are
2940
- * rendered inside portals inside other dialogs or popovers.
2941
- *
2942
- * @since 0.7.8
2943
- */
2944
- declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNullable<Sprinkles & {
2945
- asChild?: boolean;
2946
- className?: string;
2947
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & Pick<Omit<_radix_ui_react_dismissable_layer.DismissableLayerProps & react.RefAttributes<HTMLDivElement>, "ref">, "onEscapeKeyDown"> & {
2948
- children?: ReactNode;
2949
- } & react.RefAttributes<HTMLDivElement>>;
2950
-
2951
- type NavProps = BoxProps<"nav", {
2952
- /**
2953
- * The initial expanded state in uncontrolled mode.
2954
- */
2955
- defaultExpanded?: boolean;
2956
- /**
2957
- * The expanded state in controlled mode.
2958
- */
2959
- expanded?: boolean;
2960
- /**
2961
- * Handler that is called when the expanded state changes.
2962
- */
2963
- onExpandedChange?: (expanded: boolean) => void;
2964
- }>;
2965
- /**
2966
- * Primary navigation menu that includes support for branding, links, and other navigation items.
2967
- *
2968
- * @group Sidebar
2969
- * @since 0.4.0
2970
- */
2971
- declare const Nav: react.ForwardRefExoticComponent<{
2972
- /**
2973
- * The initial expanded state in uncontrolled mode.
2974
- */
2975
- defaultExpanded?: boolean;
2976
- /**
2977
- * The expanded state in controlled mode.
2978
- */
2979
- expanded?: boolean;
2980
- /**
2981
- * Handler that is called when the expanded state changes.
2982
- */
2983
- onExpandedChange?: (expanded: boolean) => void;
2984
- } & Omit<NonNullable<Sprinkles & {
2985
- asChild?: boolean;
2986
- className?: string;
2987
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
2988
-
2989
- type NavAccountItemProps = BoxProps<"div", {
2990
- /**
2991
- * The name of the user.
2992
- */
2993
- name?: string;
2994
- /**
2995
- * The name of the current organization user belongs to.
2996
- */
2997
- organization?: string;
2998
- /**
2999
- * Render the image inside the avatar.
3000
- */
3001
- src?: string;
3002
- }>;
3003
- /**
3004
- * @group Sidebar
3005
- */
3006
- declare const NavAccountItem: react.ForwardRefExoticComponent<{
3007
- /**
3008
- * The name of the user.
3009
- */
3010
- name?: string;
3011
- /**
3012
- * The name of the current organization user belongs to.
3013
- */
3014
- organization?: string;
3015
- /**
3016
- * Render the image inside the avatar.
3017
- */
3018
- src?: string;
3019
- } & Omit<NonNullable<Sprinkles & {
3020
- asChild?: boolean;
3021
- className?: string;
3022
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
3023
-
3024
- type NavBodyProps = BoxProps<"div">;
3025
- /**
3026
- * @group Sidebar
3027
- */
3028
- declare const NavBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3029
- asChild?: boolean;
3030
- className?: string;
3031
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
3032
-
3033
- type NavFooterProps = BoxProps<"div">;
3034
- /**
3035
- * @group Sidebar
3036
- */
3037
- declare const NavFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3038
- asChild?: boolean;
3039
- className?: string;
3040
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
3041
-
3042
- type NavGroupProps = ComponentPropsWithoutRef<typeof Disclosure> & {
3043
- /**
3044
- * Whether the nav group should be collapsible or not.
3045
- */
3046
- collapsible?: boolean;
3047
- };
3048
- /**
3049
- * @extends Disclosure
3050
- * @group Sidebar
3051
- */
3052
- declare const NavGroup: react.ForwardRefExoticComponent<Omit<{
3053
- defaultOpen?: boolean;
3054
- onOpenChange?: (open: boolean) => void;
3055
- open?: boolean;
3056
- } & Omit<NonNullable<Sprinkles & {
3057
- asChild?: boolean;
3058
- className?: string;
3059
- }>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "defaultOpen" | "onOpenChange" | "open"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
3060
- /**
3061
- * Whether the nav group should be collapsible or not.
3062
- */
3063
- collapsible?: boolean;
3064
- } & react.RefAttributes<HTMLDivElement>>;
3065
-
3066
- type NavGroupContentProps = BoxProps<"div">;
3067
- /**
3068
- * @group Sidebar
3069
- */
3070
- declare const NavGroupContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3071
- asChild?: boolean;
3072
- className?: string;
3073
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
3074
-
3075
- type NavGroupTriggerProps = ComponentPropsWithoutRef<typeof DisclosureTrigger>;
3076
- /**
3077
- * @group Sidebar
3078
- */
3079
- declare const NavGroupTrigger: react.ForwardRefExoticComponent<Omit<{
3080
- addonAfter?: react.ReactNode;
3081
- addonBefore?: react.ReactNode;
3082
- chevronPosition?: "end" | "start";
3083
- } & Omit<NonNullable<Sprinkles & {
3084
- asChild?: boolean;
3085
- className?: string;
3086
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
3087
-
3088
- type NavHeaderProps = BoxProps<"div">;
3089
- /**
3090
- * @group Sidebar
3091
- */
3092
- declare const NavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3093
- asChild?: boolean;
3094
- className?: string;
3095
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
3096
-
3097
- type NavItemProps = BoxProps<"button", {
3098
- /**
3099
- * Whether the nav item is currently active.
3100
- */
3101
- active?: boolean;
3102
- /**
3103
- * Display content inside the button after `children`.
3104
- */
3105
- addonAfter?: ReactNode;
3106
- /**
3107
- * Display an icon before button content.
3108
- */
3109
- icon?: ReactNode;
3110
- }>;
3111
- /**
3112
- * @group Sidebar
3113
- */
3114
- declare const NavItem: react.ForwardRefExoticComponent<{
3115
- /**
3116
- * Whether the nav item is currently active.
3117
- */
3118
- active?: boolean;
3119
- /**
3120
- * Display content inside the button after `children`.
3121
- */
3122
- addonAfter?: ReactNode;
3123
- /**
3124
- * Display an icon before button content.
3125
- */
3126
- icon?: ReactNode;
3127
- } & Omit<NonNullable<Sprinkles & {
3128
- asChild?: boolean;
3129
- className?: string;
3130
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
3131
-
3132
- type NavListProps = BoxProps<"div">;
3133
- /**
3134
- * @group Sidebar
3135
- */
3136
- declare const NavList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3137
- asChild?: boolean;
3138
- className?: string;
3139
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
3140
-
3141
- type NavSeparatorProps = BoxProps<typeof Separator>;
3142
- /**
3143
- * @extends Separator
3144
- * @group Sidebar
3145
- */
3146
- declare const NavSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3147
- asChild?: boolean;
3148
- className?: string;
3149
- }>, never> & Omit<Omit<{
3150
- orientation?: ("vertical" | "horizontal" | {
3151
- readonly base?: "vertical" | "horizontal" | undefined;
3152
- readonly sm?: "vertical" | "horizontal" | undefined;
3153
- readonly md?: "vertical" | "horizontal" | undefined;
3154
- } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
3155
- } & Omit<NonNullable<Sprinkles & {
3156
- asChild?: boolean;
3157
- className?: string;
3158
- }>, never> & Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
3159
-
3160
- type PaginationProps = BoxProps<"nav", {
3161
- /**
3162
- * The default active page in uncontrolled mode.
3163
- */
3164
- defaultPage?: number;
3165
- /**
3166
- * Whether to disable all button.
3167
- */
3168
- disabled?: boolean;
3169
- /**
3170
- * Handler that is called when the active page is changed.
3171
- */
3172
- onPageChange?: (offset: number) => void;
3173
- /**
3174
- * The active page in controlled mode.
3175
- */
3176
- page?: number;
3177
- /**
3178
- * The total number of pages to display.
3179
- */
3180
- total: number;
3181
- }>;
3182
- /**
3183
- * Display active page and navigate between multiple pages.
3184
- *
3185
- * @category navigation
3186
- * @since 0.1.0
3187
- */
3188
- declare const Pagination: react.ForwardRefExoticComponent<{
3189
- /**
3190
- * The default active page in uncontrolled mode.
3191
- */
3192
- defaultPage?: number;
3193
- /**
3194
- * Whether to disable all button.
3195
- */
3196
- disabled?: boolean;
3197
- /**
3198
- * Handler that is called when the active page is changed.
3199
- */
3200
- onPageChange?: (offset: number) => void;
3201
- /**
3202
- * The active page in controlled mode.
3203
- */
3204
- page?: number;
3205
- /**
3206
- * The total number of pages to display.
3207
- */
3208
- total: number;
3209
- } & Omit<NonNullable<Sprinkles & {
3210
- asChild?: boolean;
3211
- className?: string;
3212
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
3213
-
3214
- declare const paper: (props?: {
3215
- elevation?: "dialog" | "menu" | "screen" | undefined;
3216
- } | undefined, className?: string) => {
3217
- className: string;
3218
- };
3219
- type PaperVariants = RecipeVariants<typeof paper>;
3220
-
3221
- type PaperProps = BoxProps<"div", PaperVariants>;
3222
- /**
3223
- * Paper component for elevated surfaces
3224
- *
3225
- * @category layout
3226
- */
3227
- declare const Paper: react.ForwardRefExoticComponent<{
3228
- elevation?: "dialog" | "menu" | "screen" | undefined;
3229
- } & Omit<NonNullable<Sprinkles & {
3230
- asChild?: boolean;
3231
- className?: string;
3232
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
3233
-
3234
- declare const indicator: (props?: {
3235
- intent?: "success" | "danger" | "opal" | "primary" | undefined;
3236
- } | undefined, className?: string) => {
3237
- className: string;
3238
- };
3239
- type ProgressVariants = RecipeVariants<typeof indicator>;
3240
-
3241
- type ProgressProps = BoxProps<typeof ProgressPrimitive.Root> & ProgressVariants;
3242
- /**
3243
- * Display feedback on status of task or length of a process.
3244
- *
3245
- * @since 0.1.0
3246
- * @category feedback
3247
- * @category data-display
3248
- */
3249
- declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3250
- asChild?: boolean;
3251
- className?: string;
3252
- }>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & {
3253
- intent?: "success" | "danger" | "opal" | "primary" | undefined;
3254
- } & react.RefAttributes<HTMLDivElement>>;
3255
-
3256
- type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
3257
- /**
3258
- * Add secondary text after the label.
3259
- */
3260
- description?: ReactNode;
3261
- }>;
3262
- /**
3263
- * Basic control to allow selecting only one item from a set.
3264
- *
3265
- * @since 0.1.0
3266
- * @group RadioGroup
3267
- */
3268
- declare const Radio: react.ForwardRefExoticComponent<{
3269
- /**
3270
- * Add secondary text after the label.
3271
- */
3272
- description?: ReactNode;
3273
- } & Omit<NonNullable<Sprinkles & {
3274
- asChild?: boolean;
3275
- className?: string;
3276
- }>, never> & Omit<Omit<{
3277
- name?: react.ComponentPropsWithoutRef<"input">["name"];
3278
- onCheckedChange?: (checked: boolean) => void;
3279
- required?: react.ComponentPropsWithoutRef<"input">["required"];
3280
- value?: react.ComponentPropsWithoutRef<"input">["value"];
3281
- } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
3282
-
3283
- type RadioGroupProps = BoxProps<"div", {
3284
- /**
3285
- * The initial selected value in uncontrolled mode.
3286
- */
3287
- defaultValue?: string;
3288
- /**
3289
- * Whether the input is disabled and in read only mode.
3290
- */
3291
- disabled?: InputProps["disabled"];
3292
- /**
3293
- * The name of the form control elements. Will override any name specified on the inner Radio components.
3294
- */
3295
- name?: InputProps["name"];
3296
- /**
3297
- * Handler for `blur` event forwarded to all inner Radio components.
3298
- *
3299
- * Useful for integrating with third party form libraries.
3300
- */
3301
- onBlur?: InputProps["onBlur"];
3302
- /**
3303
- * Handler for `change` event forwarded to all inner Radio components.
3304
- *
3305
- * Useful for integrating with third party form libraries.
3306
- */
3307
- onChange?: InputProps["onChange"];
3308
- /**
3309
- * Handler that is called when the selected value changes.
3310
- */
3311
- onValueChange?: (value: string) => void;
3312
- /**
3313
- * The selected value in controlled mode.
3314
- */
3315
- value?: string;
3316
- }>;
3317
- type InputProps = ComponentPropsWithoutRef<"input">;
3318
- /**
3319
- * Basic control to allow selecting only one item from a set.
3320
- *
3321
- * @category form
3322
- * @since 0.1.0
3323
- */
3324
- declare const RadioGroup: react.ForwardRefExoticComponent<{
3325
- /**
3326
- * The initial selected value in uncontrolled mode.
3327
- */
3328
- defaultValue?: string;
3329
- /**
3330
- * Whether the input is disabled and in read only mode.
3331
- */
3332
- disabled?: InputProps["disabled"];
3333
- /**
3334
- * The name of the form control elements. Will override any name specified on the inner Radio components.
3335
- */
3336
- name?: InputProps["name"];
3337
- /**
3338
- * Handler for `blur` event forwarded to all inner Radio components.
3339
- *
3340
- * Useful for integrating with third party form libraries.
3341
- */
3342
- onBlur?: InputProps["onBlur"];
3343
- /**
3344
- * Handler for `change` event forwarded to all inner Radio components.
3345
- *
3346
- * Useful for integrating with third party form libraries.
3347
- */
3348
- onChange?: InputProps["onChange"];
3349
- /**
3350
- * Handler that is called when the selected value changes.
3351
- */
3352
- onValueChange?: (value: string) => void;
3353
- /**
3354
- * The selected value in controlled mode.
3355
- */
3356
- value?: string;
3357
- } & Omit<NonNullable<Sprinkles & {
3358
- asChild?: boolean;
3359
- className?: string;
3360
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & react.RefAttributes<HTMLDivElement>>;
3361
-
3362
- type SearchInputProps = ComponentPropsWithRef<typeof Input> & {
3363
- /**
3364
- * Handler that is called when the input value is cleared using the cross button.
3365
- */
3366
- onValueClear?: () => void;
3367
- };
3368
- /**
3369
- * Basic search input field with clear button.
3370
- *
3371
- * @category form
3372
- * @since 0.1.0
3373
- * @extends Input
3374
- */
3375
- declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
3376
-
3377
- type SegmentedControlProps = BoxProps<typeof RadixSegmentedControl.Root, {
3378
- /**
3379
- * Whether to allow multiple values or only activate one item at a time.
3380
- */
3381
- type?: "multiple" | "single";
3382
- }>;
3383
- /**
3384
- * Toggle buttons for switching between different values or views.
3385
- *
3386
- * @group SegmentedControl
3387
- * @category actions
3388
- * @category form
3389
- * @since 0.2.0
3390
- */
3391
- declare const SegmentedControl: react.ForwardRefExoticComponent<{
3392
- /**
3393
- * Whether to allow multiple values or only activate one item at a time.
3394
- */
3395
- type?: "multiple" | "single";
3396
- } & Omit<NonNullable<Sprinkles & {
3397
- asChild?: boolean;
3398
- className?: string;
3399
- }>, never> & Omit<NonNullable<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">>, "color" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLDivElement>>;
3400
-
3401
- type SegmentedControlItemProps = ButtonProps<typeof RadixSegmentedControl.Item>;
3402
- /**
3403
- * @group SegmentedControl
3404
- * @extends Button
3405
- */
3406
- declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
3407
- addonAfter?: react.ReactNode;
3408
- addonBefore?: react.ReactNode;
3409
- icon?: react.ReactNode;
3410
- iconPosition?: "end" | "start";
3411
- }, never> & Omit<NonNullable<Omit<{
3412
- intent?: "danger" | "neutral" | "primary" | undefined;
3413
- size?: "sm" | "md" | "lg" | undefined;
3414
- square?: boolean | undefined;
3415
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
3416
- }, "intent" | "variant"> & {
3417
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
3418
- disabled?: boolean;
3419
- loading?: boolean;
3420
- type?: "button" | "reset" | "submit" | undefined;
3421
- }>, never> & Omit<NonNullable<Sprinkles & {
3422
- asChild?: boolean;
3423
- className?: string;
3424
- }>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
3425
-
3426
- type SelectOption = {
3427
- /**
3428
- * Addons such as avatars or icons to show beside each item label.
3429
- */
3430
- addon?: ReactNode;
3431
- /**
3432
- * Override the ARIA label of the current element.
3433
- */
3434
- ["aria-label"]?: string;
3435
- /**
3436
- * Add secondary text after the label.
3437
- */
3438
- description?: ReactNode;
3439
- /**
3440
- * Secondary text displayed next to the label.
3441
- */
3442
- detail?: ReactNode;
3443
- /**
3444
- * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
3445
- */
3446
- disabledReason?: (() => string) | string;
3447
- /**
3448
- * Provide an optional group that item belongs to.
3449
- */
3450
- group?: SelectOptionGroup;
3451
- /**
3452
- * String representation of items.
3453
- */
3454
- label: string;
3455
- /**
3456
- * Return a unique key for each item.
3457
- */
3458
- value: string;
3459
- };
3460
- type SelectOptionGroup = {
3461
- /**
3462
- * Whether the group label should be hidden or not.
3463
- */
3464
- hidden?: boolean;
3465
- /**
3466
- * The label group.
3467
- */
3468
- label: string;
3469
- /**
3470
- * The sorting priority of the group (default: 0).
3471
- * Groups with higher priority are sorted first.
3472
- */
3473
- priority?: number;
3474
- /**
3475
- * Whether to display a separator before this group.
3476
- */
3477
- separator?: boolean;
3478
- };
3479
-
3480
- type SelectProps = {
3481
- children?: ReactNode;
3482
- /**
3483
- * The initial open state in uncontrolled mode.
3484
- */
3485
- defaultOpen?: boolean;
3486
- /**
3487
- * The initial selected value in uncontrolled mode.
3488
- */
3489
- defaultValue?: string;
3490
- /**
3491
- * Whether the select is disabled.
3492
- */
3493
- disabled?: boolean;
3494
- /**
3495
- * Whether to show loading spinner inside the menu.
3496
- */
3497
- loading?: boolean;
3498
- /**
3499
- * The name of the inner select element.
3500
- */
3501
- name?: string;
3502
- /**
3503
- * Handler for `blur` event forwarded to inner select element.
3504
- */
3505
- onBlur?: FocusEventHandler<HTMLElement>;
3506
- /**
3507
- * Native `change` event handler for the hidden select element. Prefer `onValueChange` for most use cases.
3508
- */
3509
- onChange?: ChangeEventHandler<HTMLSelectElement>;
3510
- /**
3511
- * Handler that is called when the open state changes.
3512
- */
3513
- onOpenChange?: (open: boolean) => void;
3514
- /**
3515
- * Handler that is called when the selected value changes. Use this to track the selected value.
3516
- */
3517
- onValueChange?: (value: string) => void;
3518
- /**
3519
- * The open state in controlled mode.
3520
- */
3521
- open?: boolean;
3522
- /**
3523
- * The select items/options we want to render.
3524
- */
3525
- options: readonly SelectOption[] | SelectOption[];
3526
- /**
3527
- * Whether the select value is required.
3528
- */
3529
- required?: boolean;
3530
- /**
3531
- * The selected value in controlled mode.
3532
- */
3533
- value?: string;
3534
- };
3535
- /**
3536
- * Single-select form input for choosing one value from a dropdown list.
3537
- * Works like a native `<select>` — supports `name`, `value`, `onChange`,
3538
- * and works with `<form>` submissions.
3539
- *
3540
- * Must be used with SelectTrigger and SelectContent sub-components.
3541
- *
3542
- * Use Select when: single value selection in a form, controlled/uncontrolled
3543
- * form input, you need form submission support.
3544
- *
3545
- * Use Menu instead when: you need multi-select, actions (edit/delete),
3546
- * links, filtering/search, nested sub-menus, or checkbox/radio items.
3547
- *
3548
- * @group Select
3549
- * @category form
3550
- * @since 1.4.0
3551
- */
3552
- declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
3553
-
3554
- type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
3555
- children?: ((item: SelectOption) => ReactNode) | ReactNode;
3556
- }>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
3557
- /**
3558
- * @group Select
3559
- */
3560
- declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
3561
-
3562
- type SelectTriggerProps = ExcludeProps<ButtonProps<"button", {
3563
- /**
3564
- * The placeholder when there is no value.
3565
- */
3566
- placeholder?: string;
3567
- }>, "disabled">;
3568
- /**
3569
- * @group Select
3570
- * @extends Button
3571
- */
3572
- declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
3573
-
3574
- type SidebarProps = BoxProps<"div", {
3575
- /**
3576
- * The initial expanded state in uncontrolled mode.
3577
- */
3578
- defaultExpanded?: boolean;
3579
- /**
3580
- * The expanded state in controlled mode.
3581
- */
3582
- expanded?: boolean;
3583
- /**
3584
- * Handler that is called when the expanded state changes.
3585
- */
3586
- onExpandedChange?: (expanded: boolean) => void;
3587
- }>;
3588
- /**
3589
- * Primary navigation menu for left side of the page that includes support for branding, links, etc.
3590
- *
3591
- * @group Sidebar
3592
- * @category navigation
3593
- * @since 0.4.0
3594
- */
3595
- declare const Sidebar: react.ForwardRefExoticComponent<{
3596
- /**
3597
- * The initial expanded state in uncontrolled mode.
3598
- */
3599
- defaultExpanded?: boolean;
3600
- /**
3601
- * The expanded state in controlled mode.
3602
- */
3603
- expanded?: boolean;
3604
- /**
3605
- * Handler that is called when the expanded state changes.
3606
- */
3607
- onExpandedChange?: (expanded: boolean) => void;
3608
- } & Omit<NonNullable<Sprinkles & {
3609
- asChild?: boolean;
3610
- className?: string;
3611
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
3612
-
3613
- type SidebarToggleProps = Omit<ComponentPropsWithRef<typeof NavItem>, "aria-label"> & {
3614
- "aria-label"?: string;
3615
- };
3616
- /**
3617
- * @group Sidebar
3618
- */
3619
- declare const SidebarToggle: react.ForwardRefExoticComponent<Omit<SidebarToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
3620
-
3621
- type SkeletonProps = BoxProps<"span", {
3622
- children?: ReactElement;
3623
- /**
3624
- * Render skeleton as a circle if `true`. When enabled, automatically sets
3625
- * rounded="full".
3626
- */
3627
- circle?: boolean;
3628
- /**
3629
- * Border radius of the skeleton. Defaults to "sm" for regular shapes,
3630
- * automatically set to "full" when circle={true}.
3631
- */
3632
- rounded?: BoxProps["rounded"];
3633
- }>;
3634
- /**
3635
- * Display placeholder content while data is loading.
3636
- *
3637
- * @category feedback
3638
- * @category layout
3639
- * @since 0.1.0
3640
- */
3641
- declare const Skeleton: react.ForwardRefExoticComponent<{
3642
- children?: ReactElement;
3643
- /**
3644
- * Render skeleton as a circle if `true`. When enabled, automatically sets
3645
- * rounded="full".
3646
- */
3647
- circle?: boolean;
3648
- /**
3649
- * Border radius of the skeleton. Defaults to "sm" for regular shapes,
3650
- * automatically set to "full" when circle={true}.
3651
- */
3652
- rounded?: BoxProps["rounded"];
3653
- } & Omit<NonNullable<Sprinkles & {
3654
- asChild?: boolean;
3655
- className?: string;
3656
- }>, "rounded"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLSpanElement>>;
3657
-
3658
- type SpinnerProps = BoxProps<"div", {
3659
- /**
3660
- * Control the appearance depending on whether the spinner is placed on a light/dark background.
3661
- */
3662
- appearance?: "default" | "inverse";
3663
- }>;
3664
- /**
3665
- * Used for indicating an unspecified wait time.
3666
- *
3667
- * @category feedback
3668
- * @since 0.1.0
3669
- */
3670
- declare const Spinner: react.ForwardRefExoticComponent<{
3671
- /**
3672
- * Control the appearance depending on whether the spinner is placed on a light/dark background.
3673
- */
3674
- appearance?: "default" | "inverse";
3675
- } & Omit<NonNullable<Sprinkles & {
3676
- asChild?: boolean;
3677
- className?: string;
3678
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
3679
-
3680
- type SubNavProps = BoxProps<"nav">;
3681
- /**
3682
- * @group Sidebar
3683
- */
3684
- declare const SubNav: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3685
- asChild?: boolean;
3686
- className?: string;
3687
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
3688
-
3689
- type TabsProps = BoxProps<typeof RadixTabs.Root>;
3690
- /**
3691
- * Tabs organize content into multiple sections with horizontal navigation.
3692
- *
3693
- * Use this component when users need to switch between different views of
3694
- * related content. Don't manually build tab navigation with multiple Buttons in
3695
- * a Flex - Tabs handles state management, active states, keyboard navigation,
3696
- * and accessibility automatically.
3697
- *
3698
- * When not to use:
3699
- * - For primary/vertical navigation use Sidebar instead.
3700
- *
3701
- * @group Tabs
3702
- * @since 0.1.0
3703
- * @category navigation
3704
- */
3705
- declare const Tabs: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3706
- asChild?: boolean;
3707
- className?: string;
3708
- }>, never> & Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
3709
-
3710
- type TabsContentProps = ExcludeProps<BoxProps<typeof RadixTabs.TabsContent>, "forceMount">;
3711
- /**
3712
- * @group Tabs
3713
- */
3714
- declare const TabsContent: react.ForwardRefExoticComponent<TabsContentProps & react.RefAttributes<HTMLDivElement>>;
3715
-
3716
- type TabsListProps = BoxProps<typeof RadixTabs.List>;
3717
- /**
3718
- * @group Tabs
3719
- */
3720
- declare const TabsList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
3721
- asChild?: boolean;
3722
- className?: string;
3723
- }>, never> & Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
3724
-
3725
- type TabsTriggerProps = BoxProps<typeof RadixTabs.Trigger, {
3726
- /**
3727
- * Display content inside the button after `children`.
3728
- */
3729
- addonAfter?: ReactNode;
3730
- /**
3731
- * Display content inside the button before `children`.
3732
- */
3733
- addonBefore?: ReactNode;
3734
- }>;
3735
- /**
3736
- * @extends Button
3737
- * @group Tabs
3738
- */
3739
- declare const TabsTrigger: react.ForwardRefExoticComponent<{
3740
- /**
3741
- * Display content inside the button after `children`.
3742
- */
3743
- addonAfter?: ReactNode;
3744
- /**
3745
- * Display content inside the button before `children`.
3746
- */
3747
- addonBefore?: ReactNode;
3748
- } & Omit<NonNullable<Sprinkles & {
3749
- asChild?: boolean;
3750
- className?: string;
3751
- }>, never> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
3752
-
3753
- declare const TextareaAutosize: react.ForwardRefExoticComponent<{
3754
- maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
3755
- resize?: "auto" | "none" | "vertical" | undefined;
3756
- } & Omit<NonNullable<Sprinkles & {
3757
- asChild?: boolean;
3758
- className?: string;
3759
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>>;
3760
-
3761
- type TextareaProps = InputControlProps<typeof TextareaAutosize, Pick<ComponentPropsWithoutRef<typeof InputRoot>, "addonPointerEvents"> & Pick<ComponentPropsWithRef<typeof TextareaAutosize>, "maxRows" | "resize"> & {
3762
- /**
3763
- * Display content below the textarea.
3764
- */
3765
- addonAfter?: ReactNode;
3766
- /**
3767
- * Display content above the textarea.
3768
- */
3769
- addonBefore?: ReactNode;
3770
- /**
3771
- * The number of rows to display.
3772
- */
3773
- rows?: ComponentPropsWithoutRef<"textarea">["rows"];
3774
- size?: never;
3775
- }>;
3776
- /**
3777
- * Multi-line text field for capturing user input.
3778
- *
3779
- * @category form
3780
- * @since 0.1.0
3781
- */
3782
- declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
3783
- addonPointerEvents?: "auto" | "none";
3784
- inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
3785
- } & {
3786
- children: React.ReactNode;
3787
- }, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
3788
- asChild?: boolean;
3789
- className?: string;
3790
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & Pick<Omit<{
3791
- maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
3792
- resize?: "auto" | "none" | "vertical" | undefined;
3793
- } & Omit<NonNullable<Sprinkles & {
3794
- asChild?: boolean;
3795
- className?: string;
3796
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref"> & {
3797
- ref?: ((instance: HTMLTextAreaElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTextAreaElement> | null | undefined;
3798
- }, "maxRows" | "resize"> & {
3799
- /**
3800
- * Display content below the textarea.
3801
- */
3802
- addonAfter?: ReactNode;
3803
- /**
3804
- * Display content above the textarea.
3805
- */
3806
- addonBefore?: ReactNode;
3807
- /**
3808
- * The number of rows to display.
3809
- */
3810
- rows?: ComponentPropsWithoutRef<"textarea">["rows"];
3811
- size?: never;
3812
- } & Omit<NonNullable<{
3813
- size?: "md" | "lg" | "xl" | undefined;
3814
- } & {
3815
- disabled?: boolean;
3816
- error?: boolean;
3817
- name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
3818
- onValueChange?: (value: string) => void;
3819
- placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
3820
- required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
3821
- }>, "size"> & Omit<NonNullable<Sprinkles & {
3822
- asChild?: boolean;
3823
- className?: string;
3824
- }>, "size"> & Omit<Omit<{
3825
- maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
3826
- resize?: "auto" | "none" | "vertical" | undefined;
3827
- } & Omit<NonNullable<Sprinkles & {
3828
- asChild?: boolean;
3829
- className?: string;
3830
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "placeholder" | "required" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
3831
-
3832
- type ThemeProviderProps = {
3833
- children?: ReactNode;
3834
- };
3835
- /**
3836
- * Provider component for theme tokens and styles. This is included in
3837
- * AxiomProvider by default - you only need to use this component directly for
3838
- * advanced customization.
3839
- *
3840
- * @category provider
3841
- */
3842
- declare function ThemeProvider({ children }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
3843
- declare namespace ThemeProvider {
3844
- var displayName: string;
3845
- }
3846
-
3847
- type ToggleButtonProps = ButtonProps<typeof RadixToggle.Root, {
3848
- /**
3849
- * Control the appearance by selecting between the different button types.
3850
- */
3851
- appearance?: "default" | "subtle";
3852
- }>;
3853
- /**
3854
- * `ToggleButton` component represents a button that can be toggled on or off.
3855
- *
3856
- * @category actions
3857
- * @since 0.1.0
3858
- * @extends Button
3859
- */
3860
- declare const ToggleButton: react.ForwardRefExoticComponent<{
3861
- /**
3862
- * Control the appearance by selecting between the different button types.
3863
- */
3864
- appearance?: "default" | "subtle";
3865
- } & Omit<{
3866
- addonAfter?: react.ReactNode;
3867
- addonBefore?: react.ReactNode;
3868
- icon?: react.ReactNode;
3869
- iconPosition?: "end" | "start";
3870
- }, never> & Omit<NonNullable<Omit<{
3871
- intent?: "danger" | "neutral" | "primary" | undefined;
3872
- size?: "sm" | "md" | "lg" | undefined;
3873
- square?: boolean | undefined;
3874
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
3875
- }, "intent" | "variant"> & {
3876
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
3877
- disabled?: boolean;
3878
- loading?: boolean;
3879
- type?: "button" | "reset" | "submit" | undefined;
3880
- }>, "appearance"> & Omit<NonNullable<Sprinkles & {
3881
- asChild?: boolean;
3882
- className?: string;
3883
- }>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
3884
-
3885
- declare const transition: (props?: {
3886
- duration?: "sm" | "md" | "lg" | undefined;
3887
- } | undefined, className?: string) => {
3888
- className: string;
3889
- };
3890
- type TransitionVariants = RecipeVariants<typeof transition>;
3891
-
3892
- type TransitionProps = TransitionVariants & {
3893
- children: ReactElement;
3894
- className?: string;
3895
- "data-side"?: "bottom" | "left" | "right" | "top";
3896
- /**
3897
- * Whether to skip the animation or not. Useful for initial mount and unit testing.
3898
- */
3899
- skipAnimations?: boolean;
3900
- /**
3901
- * The properties to animate during transition.
3902
- * - fade: only animate the opacity
3903
- * - pop: animate the opacity, scale, and translate (depending on data-side)
3904
- */
3905
- type?: "fade" | "pop";
3906
- };
3907
- /**
3908
- * Component for animating element transitions with fade and pop effects.
3909
- *
3910
- * @category animation
3911
- */
3912
- declare const Transition: react.ForwardRefExoticComponent<{
3913
- duration?: "sm" | "md" | "lg" | undefined;
3914
- } & {
3915
- children: ReactElement;
3916
- className?: string;
3917
- "data-side"?: "bottom" | "left" | "right" | "top";
3918
- /**
3919
- * Whether to skip the animation or not. Useful for initial mount and unit testing.
3920
- */
3921
- skipAnimations?: boolean;
3922
- /**
3923
- * The properties to animate during transition.
3924
- * - fade: only animate the opacity
3925
- * - pop: animate the opacity, scale, and translate (depending on data-side)
3926
- */
3927
- type?: "fade" | "pop";
3928
- } & react.RefAttributes<HTMLDivElement>>;
3929
-
3930
- declare const TransitionGlobalConfig: {
3931
- skipAnimations: boolean;
3932
- };
3933
-
3934
- /**
3935
- * Manages the presence and animation lifecycle of children during transitions.
3936
- *
3937
- * @category animation
3938
- */
3939
- declare function TransitionGroup({ children, forceMount, onPresenceChange, open: openProp, presence: presenceProp, }: {
3940
- children?: ReactNode;
3941
- forceMount?: boolean;
3942
- onPresenceChange?: (presence: boolean) => void;
3943
- open?: boolean;
3944
- presence?: boolean;
3945
- }): react_jsx_runtime.JSX.Element;
3946
- declare namespace TransitionGroup {
3947
- var displayName: string;
3948
- }
3949
-
3950
- export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Group, Heading, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxItemized, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, ToastProvider, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
3951
- export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, FlexProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, InputControlProps, InputProps$1 as InputProps, InputRootProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemizedProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastProviderProps$1 as ToastProviderProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };
1
+ import { $ as Pagination, $i as TooltipRootProps, $n as Switch, $r as TableHeader, $t as DropdownMenuSubTrigger, A as SidebarToggleProps, Aa as AlertDialogActionProps, Ai as Checkbox, An as DialogFormProps, Ar as InputAddonProps, At as MenuOption, B as SegmentedControlItemProps, Ba as extractBoxProps, Bi as Badge, Bn as DialogProps, Br as DataTableLabelProps, Bt as HeadingProps, C as SubNav, Ca as AlertDialogContent, Ci as CardImageProps, Cn as Disclosure, Cr as PopoverAnchor, Ct as ModalLayer, D as Skeleton, Da as AlertDialogBody, Di as CardFooterProps, Dn as DialogHeader, Dr as DateInput, Dt as MenuContent, E as SpinnerProps, Ea as AlertDialogCancelProps, Ei as CardFooter, En as DialogTriggerProps, Er as PopoverProps, Et as MenuTriggerProps, F as SelectContent, Fa as AlertDialog, Fi as CardProps, Fn as DialogClose, Fr as InputControl, Ft as Kbd, G as RadioGroup, Ga as Sprinkles, Gi as AxiomProviderProps, Gn as DateRangePicker, Gr as DataTableBody, Gt as Field, H as SegmentedControlProps, Ha as BoxProps, Hi as Text, Hn as DateRangePickerTriggerProps, Hr as DataTableFooterProps, Ht as GridProps, I as SelectContentProps, Ia as AlertDialogProps, Ii as Breadcrumb, In as DialogCloseProps, Ir as InputControlProps, It as KbdProps, J as RadioProps, Ja as sprinkles, Ji as TooltipProvider, Jn as PopoverTriggerProps, Jr as DataTableActionProps, Jt as FieldLabelProps, K as RadioGroupProps, Ka as mapResponsiveValue, Ki as TooltipTrigger, Kn as DateRangePickerProps, Kr as DataTableBodyProps, Kt as FieldProps, L as Select, La as Alert, Li as BreadcrumbProps, Ln as DialogBody, Lt as Indicator, M as SidebarProps, Ma as ButtonGroupProps, Mi as CardAction, Mn as DialogFooterProps, Mr as InputProps, Mt as layers_css_d_exports, N as SelectTrigger, Na as Button, Ni as CardActionProps, Nn as DialogContent, Nr as InputRoot, Nt as LabelMenuButton, O as SkeletonProps, Oa as AlertDialogBodyProps, Oi as CardCheckbox, On as DialogHeaderProps, Or as DateInputProps, Ot as MenuContentProps, P as SelectTriggerProps, Pa as ButtonProps, Pi as Card, Pn as DialogContentProps, Pr as InputRootProps, Pt as LabelMenuButtonProps, Q as PaperProps, Qi as TooltipRoot, Qn as ListboxSwitchItemProps, Qr as TableHeaderCellProps, Qt as DropdownMenuTriggerProps, R as SelectProps, Ra as AlertProps, Ri as Banner, Rn as DialogBodyProps, Rt as IndicatorProps, S as TabsProps, Sa as GroupProps, Si as CardImage, Sn as DisclosureContentProps, Sr as ListboxProps, St as NavProps, T as Spinner, Ta as AlertDialogCancel, Ti as CardHeaderProps, Tn as DialogTrigger, Tr as Popover, Tt as MenuTrigger, U as SearchInput, Ua as sprinklesMerge, Ui as TextProps, Un as DateRangePickerContent, Ur as DataTableCheckbox, Ut as Flex, V as SegmentedControl, Va as Box, Vi as BadgeProps, Vn as DateRangePickerTrigger, Vr as DataTableFooter, Vt as Grid, W as SearchInputProps, Wa as LonghandProps, Wi as AxiomProvider, Wn as DateRangePickerContentProps, Wr as DataTableCheckboxProps, Wt as FlexProps, X as ProgressProps, Xi as Tooltip, Xn as PopoverContentProps, Xr as TableRowProps, Xt as EllipsisMenuButtonProps, Y as Progress, Ya as vars, Yi as TooltipProviderProps, Yn as PopoverContent, Yr as TableRow, Yt as EllipsisMenuButton, Z as Paper, Zi as TooltipProps, Zn as ListboxSwitchItem, Zr as TableHeaderCell, Zt as DropdownMenuTrigger, _ as TabsList, _a as AlertDialogHeader, _i as CardPreviewProps, _n as DropdownMenu, _r as ListboxCheckboxItem, _t as NavBody, a as TransitionGroup, ai as TableAction, an as DropdownMenuSeparator, ar as ListboxRadioItem, at as NavItem, b as TabsContentProps, ba as AlertDialogFooterProps, bi as Link, bn as DisclosureTriggerProps, br as ListboxItemProps, bt as NavAccountItemProps, c as TransitionProps, ca as Avatar, ci as TableProps, cn as DropdownMenuLabelProps, cr as ListboxLabelProps, ct as NavHeaderProps, d as ThemeProvider, da as AuthProvider, di as Cover, dn as DropdownMenuGroup, dr as ListboxItemIndicator, dt as NavGroupContent, ea as TooltipContent, ei as TableHeaderProps, en as DropdownMenuSubTriggerProps, er as SwitchProps, et as PaginationProps, f as ThemeProviderProps, fa as AuthProviderProps, fi as CoverProps, fn as DropdownMenuGroupProps, fr as ListboxItemIndicatorProps, ft as NavGroupContentProps, g as TabsTriggerProps, ga as AlertDialogTriggerProps, gi as CardPreview, gn as DropdownMenuCheckboxItemProps, gr as ListboxEmptyProps, gt as NavFooterProps, h as TabsTrigger, ha as AlertDialogTrigger, hi as cleanup, hn as DropdownMenuCheckboxItem, hr as ListboxEmpty, ht as NavFooter, i as tokens, ii as TableBodyProps, in as DropdownMenuSubProps, ir as SeparatorProps, it as NavListProps, j as Sidebar, ja as ButtonGroup, ji as CheckboxProps, jn as DialogFooter, jr as Input, jt as MenuProps, k as SidebarToggle, ka as AlertDialogAction, ki as CardCheckboxProps, kn as DialogForm, kr as InputAddon, kt as Menu, l as ToggleButton, la as AvatarProps, li as DataTable, ln as DropdownMenuItem, lr as ListboxItemized, lt as NavGroupTrigger, m as TextareaProps, ma as AngleMenuButtonProps, mi as CodeProps, mn as DropdownMenuContentProps, mr as ListboxGroupProps, mt as NavGroupProps, n as theme, na as ToastProvider, ni as TableCellProps, nn as DropdownMenuSubContentProps, nr as ListboxSeparatorProps, nt as NavSeparatorProps, o as TransitionGlobalConfig, oa as AvatarGroup, oi as TableActionProps, on as DropdownMenuSeparatorProps, or as ListboxRadioItemProps, ot as NavItemProps, p as Textarea, pa as AngleMenuButton, pi as Code, pn as DropdownMenuContent, pr as ListboxGroup, pt as NavGroup, q as Radio, qa as normalizeResponsiveValue, qi as TooltipTriggerProps, qn as PopoverTrigger, qr as DataTableAction, qt as FieldLabel, r as toaster, ra as ToastProviderProps, ri as TableBody, rn as DropdownMenuSub, rr as Separator, rt as NavList, s as Transition, sa as AvatarGroupProps, si as Table, sn as DropdownMenuLabel, sr as ListboxLabel, st as NavHeader, t as createToaster, ta as TooltipContentProps, ti as TableCell, tn as DropdownMenuSubContent, tr as ListboxSeparator, tt as NavSeparator, u as ToggleButtonProps, ua as useAuthContext, ui as DataTableProps, un as DropdownMenuItemProps, ur as ListboxItemizedProps, ut as NavGroupTriggerProps, v as TabsListProps, va as AlertDialogHeaderProps, vi as CardLink, vn as DropdownMenuProps, vr as ListboxCheckboxItemProps, vt as NavBodyProps, w as SubNavProps, wa as AlertDialogContentProps, wi as CardHeader, wn as DisclosureProps, wr as PopoverAnchorProps, wt as ModalLayerProps, x as Tabs, xa as Group, xi as LinkProps, xn as DisclosureContent, xr as Listbox, xt as Nav, y as TabsContent, ya as AlertDialogFooter, yi as CardLinkProps, yn as DisclosureTrigger, yr as ListboxItem, yt as NavAccountItem, z as SegmentedControlItem, zi as BannerProps, zn as Dialog, zr as DataTableLabel, zt as Heading } from "./index-CNp4lby5.js";
2
+ export { Alert, AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogBody, AlertDialogBodyProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertProps, AngleMenuButton, AngleMenuButtonProps, AuthProvider, AuthProviderProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AxiomProvider, AxiomProviderProps, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardAction, CardActionProps, CardCheckbox, CardCheckboxProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardImage, CardImageProps, CardLink, CardLinkProps, CardPreview, CardPreviewProps, CardProps, Checkbox, CheckboxProps, Code, CodeProps, Cover, CoverProps, DataTable, DataTableAction, DataTableActionProps, DataTableBody, DataTableBodyProps, DataTableCheckbox, DataTableCheckboxProps, DataTableFooter, DataTableFooterProps, DataTableLabel, DataTableLabelProps, DataTableProps, DateInput, DateInputProps, DateRangePicker, DateRangePickerContent, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTrigger, DateRangePickerTriggerProps, Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogForm, DialogFormProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Disclosure, DisclosureContent, DisclosureContentProps, DisclosureProps, DisclosureTrigger, DisclosureTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps, EllipsisMenuButton, EllipsisMenuButtonProps, Field, FieldLabel, FieldLabelProps, FieldProps, Flex, FlexProps, Grid, GridProps, Group, GroupProps, Heading, HeadingProps, Indicator, IndicatorProps, Input, InputAddon, InputAddonProps, InputControl, InputControlProps, InputProps, InputRoot, InputRootProps, Kbd, KbdProps, LabelMenuButton, LabelMenuButtonProps, Link, LinkProps, Listbox, ListboxCheckboxItem, ListboxCheckboxItemProps, ListboxEmpty, ListboxEmptyProps, ListboxGroup, ListboxGroupProps, ListboxItem, ListboxItemIndicator, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemized, ListboxItemizedProps, ListboxLabel, ListboxLabelProps, ListboxProps, ListboxRadioItem, ListboxRadioItemProps, ListboxSeparator, ListboxSeparatorProps, ListboxSwitchItem, ListboxSwitchItemProps, LonghandProps, Menu, MenuContent, MenuContentProps, MenuOption, MenuProps, MenuTrigger, MenuTriggerProps, ModalLayer, ModalLayerProps, Nav, NavAccountItem, NavAccountItemProps, NavBody, NavBodyProps, NavFooter, NavFooterProps, NavGroup, NavGroupContent, NavGroupContentProps, NavGroupProps, NavGroupTrigger, NavGroupTriggerProps, NavHeader, NavHeaderProps, NavItem, NavItemProps, NavList, NavListProps, NavProps, NavSeparator, NavSeparatorProps, Pagination, PaginationProps, Paper, PaperProps, Popover, PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressProps, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, Select, SelectContent, SelectContentProps, SelectProps, SelectTrigger, SelectTriggerProps, Separator, SeparatorProps, Sidebar, SidebarProps, SidebarToggle, SidebarToggleProps, Skeleton, SkeletonProps, Spinner, SpinnerProps, Sprinkles, SubNav, SubNavProps, Switch, SwitchProps, Table, TableAction, TableActionProps, TableBody, TableBodyProps, TableCell, TableCellProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, Text, TextProps, Textarea, TextareaProps, ThemeProvider, ThemeProviderProps, ToastProvider, ToastProviderProps, ToggleButton, ToggleButtonProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps, Transition, TransitionGlobalConfig, TransitionGroup, TransitionProps, cleanup, createToaster, extractBoxProps, layers_css_d_exports as layers, mapResponsiveValue, normalizeResponsiveValue, sprinkles, sprinklesMerge, theme, toaster, tokens, useAuthContext, vars };