@optiaxiom/react 3.0.0 → 3.0.1

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