@optiaxiom/react 1.9.36 → 1.9.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (845) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/Flex-CatAtV5e.js +9058 -0
  3. package/dist/cjs/assets/src/actions/ActionsContent.css.ts.vanilla-C_A1xOmq.css +22 -0
  4. package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-BCNiQRRI.css +6 -0
  5. package/dist/cjs/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-D0lPy_5q.css +30 -0
  6. package/dist/cjs/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-BeXdp6V_.css → AlertDialogFooter.css.ts.vanilla-Bkomil9Q.css} +3 -3
  7. package/dist/cjs/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-a8ApVQii.css +7 -0
  8. package/dist/cjs/assets/src/avatar/{Avatar.css.ts.vanilla-B5PGXoJF.css → Avatar.css.ts.vanilla-BJawMxIe.css} +18 -18
  9. package/dist/{esm/assets/src/backdrop/Backdrop.css.ts.vanilla-BLrKx086.css → cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-C4ao_trb.css} +3 -3
  10. package/dist/cjs/assets/src/badge/Badge.css.ts.vanilla-DUK3KBDx.css +51 -0
  11. package/dist/cjs/assets/src/banner/Banner.css.ts.vanilla-NyUX3jfQ.css +6 -0
  12. package/dist/{esm/assets/src/box/Box.css.ts.vanilla-B-qUnHFb.css → cjs/assets/src/box/Box.css.ts.vanilla-CyL3FCS7.css} +21 -21
  13. package/dist/cjs/assets/src/breadcrumb/{Breadcrumb.css.ts.vanilla-sdmOCSO0.css → Breadcrumb.css.ts.vanilla-Bd1LpazS.css} +6 -6
  14. package/dist/{esm/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-Hb5M_CRn.css → cjs/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BkIexNlM.css} +4 -4
  15. package/dist/cjs/assets/src/button/ButtonGroup.css.ts.vanilla-CdFjsC3-.css +4 -0
  16. package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-BVD9RP-X.css +9 -0
  17. package/dist/cjs/assets/src/button/ButtonRoot.css.ts.vanilla-g3vHDS5O.css +213 -0
  18. package/dist/cjs/assets/src/calendar/Calendar.css.ts.vanilla-0AO3Yw1N.css +6 -0
  19. package/dist/{esm/assets/src/calendar/CalendarDayButton.css.ts.vanilla-CRambJ_Y.css → cjs/assets/src/calendar/CalendarDayButton.css.ts.vanilla-D9UOKwWn.css} +24 -24
  20. package/dist/cjs/assets/src/calendar/CalendarGrid.css.ts.vanilla-DEl68hnX.css +7 -0
  21. package/dist/cjs/assets/src/calendar/CalendarMonths.css.ts.vanilla-pd6nmf6Y.css +6 -0
  22. package/dist/cjs/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-b9p8AbO5.css +8 -0
  23. package/dist/cjs/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BlGeI6AQ.css +8 -0
  24. package/dist/cjs/assets/src/card/Card.css.ts.vanilla-DNZjkOCP.css +8 -0
  25. package/dist/{esm/assets/src/card/CardCheckbox.css.ts.vanilla-CJprh1Ke.css → cjs/assets/src/card/CardCheckbox.css.ts.vanilla-yIkzexfh.css} +4 -4
  26. package/dist/cjs/assets/src/card/CardHeader.css.ts.vanilla-BvtgzziL.css +15 -0
  27. package/dist/cjs/assets/src/card/{CardPreview.css.ts.vanilla-DrB5OX19.css → CardPreview.css.ts.vanilla-SrK1qh3G.css} +4 -4
  28. package/dist/cjs/assets/src/checkbox/{CheckboxControl.css.ts.vanilla-DzIH_esH.css → CheckboxControl.css.ts.vanilla-CZ5yhl4s.css} +7 -7
  29. package/dist/cjs/assets/src/code/Code.css.ts.vanilla-w1i6azH8.css +10 -0
  30. package/dist/cjs/assets/src/command/CommandItem.css.ts.vanilla-DVCEHxe6.css +6 -0
  31. package/dist/cjs/assets/src/cover/Cover.css.ts.vanilla-CDEZj-Lo.css +34 -0
  32. package/dist/cjs/assets/src/data-table/DataTableBody.css.ts.vanilla-nTomqeST.css +71 -0
  33. package/dist/cjs/assets/src/data-table/DataTableFooter.css.ts.vanilla-m-yfg6w-.css +6 -0
  34. package/dist/{esm/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BNc9Sxf8.css → cjs/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-C2eVr_Ks.css} +9 -9
  35. package/dist/cjs/assets/src/date-input/DateInput.css.ts.vanilla-CDgWlycK.css +15 -0
  36. package/dist/cjs/assets/src/details-panel/{DetailsPanel.css.ts.vanilla-DZrVrrcE.css → DetailsPanel.css.ts.vanilla-BmU9ZKmg.css} +4 -4
  37. package/dist/cjs/assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CaB9gcz_.css +7 -0
  38. package/dist/cjs/assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B8JJZUBe.css +8 -0
  39. package/dist/{esm/assets/src/dialog/DialogContent.css.ts.vanilla-B0ZLUMHm.css → cjs/assets/src/dialog/DialogContent.css.ts.vanilla-BFQb_k2s.css} +14 -14
  40. package/dist/cjs/assets/src/dialog/DialogFooter.css.ts.vanilla-ZqnJDt4j.css +7 -0
  41. package/dist/cjs/assets/src/dialog/DialogHeader.css.ts.vanilla-DBBYNbGY.css +19 -0
  42. package/dist/{esm/assets/src/disclosure/DisclosureContent.css.ts.vanilla-kpqM-d5E.css → cjs/assets/src/disclosure/DisclosureContent.css.ts.vanilla-B_Xy98Fz.css} +6 -6
  43. package/dist/{esm/assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-PAz0f6TZ.css → cjs/assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DknQaBCc.css} +6 -6
  44. package/dist/cjs/assets/src/file-upload/FileUpload.css.ts.vanilla-8KhYu3AA.css +6 -0
  45. package/dist/{esm/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Cjy4E2mt.css → cjs/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BJPhhPd_.css} +9 -9
  46. package/dist/{esm/assets/src/file-upload/FileUploadListItem.css.ts.vanilla-BaURPher.css → cjs/assets/src/file-upload/FileUploadListItem.css.ts.vanilla-fzvHNKs7.css} +4 -4
  47. package/dist/cjs/assets/src/highlight/Highlight.css.ts.vanilla--3Y-w0WQ.css +7 -0
  48. package/dist/cjs/assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BSgG8_zG.css +6 -0
  49. package/dist/cjs/assets/src/icon/{Icon.css.ts.vanilla-BSwuhh6c.css → Icon.css.ts.vanilla-dVd84DU6.css} +1 -1
  50. package/dist/cjs/assets/src/indicator/Indicator.css.ts.vanilla-C21VOdcO.css +36 -0
  51. package/dist/cjs/assets/src/inline-input/{InlineInput.css.ts.vanilla-C-SaEw_y.css → InlineInput.css.ts.vanilla-B6dLoCLC.css} +4 -4
  52. package/dist/cjs/assets/src/input/Input.css.ts.vanilla-u6dHHiyE.css +9 -0
  53. package/dist/cjs/assets/src/input/{InputControl.css.ts.vanilla-CgiERnDf.css → InputControl.css.ts.vanilla-BmOe1icm.css} +8 -8
  54. package/dist/cjs/assets/src/input/InputRoot.css.ts.vanilla-Cv5bospX.css +71 -0
  55. package/dist/cjs/assets/src/kbd/{Kbd.css.ts.vanilla-gPPsYPu-.css → Kbd.css.ts.vanilla-BsUt6H-q.css} +3 -3
  56. package/dist/cjs/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dhb4Jq6F.css +7 -0
  57. package/dist/cjs/assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css +1 -0
  58. package/dist/{esm/assets/src/layout/Layout.css.ts.vanilla-D3nQ_Mvh.css → cjs/assets/src/layout/Layout.css.ts.vanilla-DrhQALKH.css} +5 -5
  59. package/dist/cjs/assets/src/layout/LayoutContent.css.ts.vanilla-BD8baLK5.css +6 -0
  60. package/dist/{esm/assets/src/link/Link.css.ts.vanilla-Bd4SX7bE.css → cjs/assets/src/link/Link.css.ts.vanilla-BMk97AlZ.css} +13 -13
  61. package/dist/cjs/assets/src/listbox/Listbox.css.ts.vanilla-CXF55v5e.css +6 -0
  62. package/dist/{esm/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BNXJ-op-.css → cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C_SmsrJ7.css} +4 -4
  63. package/dist/cjs/assets/src/listbox/ListboxItem.css.ts.vanilla-DwpCpfGs.css +53 -0
  64. package/dist/cjs/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-txm1jaYk.css → ListboxItemIndicator.css.ts.vanilla-hagNMK83.css} +4 -4
  65. package/dist/cjs/assets/src/menu/MenuDialogContent.css.ts.vanilla-CmoxpNjN.css +7 -0
  66. package/dist/cjs/assets/src/menu/MenuInput.css.ts.vanilla-BvnfLD4w.css +6 -0
  67. package/dist/cjs/assets/src/modal/{ModalListbox.css.ts.vanilla-BAlujQ_Z.css → ModalListbox.css.ts.vanilla-NcwHywdl.css} +13 -13
  68. package/dist/cjs/assets/src/nav/Nav.css.ts.vanilla-CWeRAcPY.css +6 -0
  69. package/dist/cjs/assets/src/nav/NavAccountItem.css.ts.vanilla-DiA3Cmkz.css +9 -0
  70. package/dist/cjs/assets/src/nav/{NavItem.css.ts.vanilla-BG1pbMI9.css → NavItem.css.ts.vanilla-DkhnVsAB.css} +13 -13
  71. package/dist/{esm/assets/src/pagination/Pagination.css.ts.vanilla-BHGEMBAI.css → cjs/assets/src/pagination/Pagination.css.ts.vanilla-C5NvzDXz.css} +5 -5
  72. package/dist/cjs/assets/src/pill/{Pill.css.ts.vanilla-CeUdFgBD.css → Pill.css.ts.vanilla-CMUfd1c9.css} +6 -6
  73. package/dist/cjs/assets/src/pill-menu/{PillMenuTrigger.css.ts.vanilla-BQkP4dAm.css → PillMenuTrigger.css.ts.vanilla-CL7LNm67.css} +7 -7
  74. package/dist/cjs/assets/src/progress/{Progress.css.ts.vanilla-CVC0Y-WW.css → Progress.css.ts.vanilla-Dn33S0hk.css} +4 -4
  75. package/dist/cjs/assets/src/radio/Radio.css.ts.vanilla-CkFX2LnT.css +13 -0
  76. package/dist/cjs/assets/src/range/{Range.css.ts.vanilla-DYmCxcU2.css → Range.css.ts.vanilla-RRJfcxzG.css} +23 -23
  77. package/dist/cjs/assets/src/resizable/ResizableHandle.css.ts.vanilla-BSMn5mzL.css +19 -0
  78. package/dist/cjs/assets/src/search-input/SearchInput.css.ts.vanilla-xK0JoetK.css +10 -0
  79. package/dist/cjs/assets/src/separator/{Separator.css.ts.vanilla-Bzc5bHiI.css → Separator.css.ts.vanilla-DhAb99fn.css} +8 -8
  80. package/dist/cjs/assets/src/skeleton/Skeleton.css.ts.vanilla-CT_XEUMT.css +6 -0
  81. package/dist/cjs/assets/src/sortable/SortableHandle.css.ts.vanilla-DCdQQF8R.css +6 -0
  82. package/dist/cjs/assets/src/sortable/{SortableItem.css.ts.vanilla-BK_dsuRo.css → SortableItem.css.ts.vanilla-C0cu5qKt.css} +6 -6
  83. package/dist/cjs/assets/src/spinner/{Spinner.css.ts.vanilla-Bor5mZcd.css → Spinner.css.ts.vanilla-DAIkCdXp.css} +4 -4
  84. package/dist/cjs/assets/src/sprinkles/{properties.css.ts.vanilla-c-uWuHMc.css → properties.css.ts.vanilla-ClO7W1Uv.css} +727 -727
  85. package/dist/cjs/assets/src/sub-nav/SubNav.css.ts.vanilla-AaNhWT5G.css +6 -0
  86. package/dist/cjs/assets/src/switch/Switch.css.ts.vanilla-BfOWyAqR.css +45 -0
  87. package/dist/cjs/assets/src/table/Table.css.ts.vanilla-D0C1krBH.css +18 -0
  88. package/dist/cjs/assets/src/table/TableBody.css.ts.vanilla-U76qkL6H.css +6 -0
  89. package/dist/{esm/assets/src/table/TableCell.css.ts.vanilla-C1PkVIzd.css → cjs/assets/src/table/TableCell.css.ts.vanilla-BXE1CD3J.css} +6 -6
  90. package/dist/cjs/assets/src/table/TableHeader.css.ts.vanilla-C_u5lwM5.css +8 -0
  91. package/dist/cjs/assets/src/table/{TableHeaderCell.css.ts.vanilla-DFfWCXmv.css → TableHeaderCell.css.ts.vanilla-CCQu3wV_.css} +6 -6
  92. package/dist/{esm/assets/src/table/TableRow.css.ts.vanilla-gj7vuDjs.css → cjs/assets/src/table/TableRow.css.ts.vanilla-2OQgDRrf.css} +8 -8
  93. package/dist/cjs/assets/src/tabs/Tabs.css.ts.vanilla-BrXq8b-U.css +9 -0
  94. package/dist/cjs/assets/src/tabs/{TabsList.css.ts.vanilla-DQR_ioSq.css → TabsList.css.ts.vanilla-BbpgOd_F.css} +4 -4
  95. package/dist/{esm/assets/src/tabs/TabsTrigger.css.ts.vanilla-BHZv98Nw.css → cjs/assets/src/tabs/TabsTrigger.css.ts.vanilla-enwO4JhO.css} +10 -10
  96. package/dist/{esm/assets/src/text/Text.css.ts.vanilla-BJdH9jAa.css → cjs/assets/src/text/Text.css.ts.vanilla-DVHbnw6z.css} +8 -8
  97. package/dist/cjs/assets/src/textarea/Textarea.css.ts.vanilla-Cw2AxPV-.css +6 -0
  98. package/dist/cjs/assets/src/textarea/TextareaAutosize.css.ts.vanilla-DpOXxpP_.css +44 -0
  99. package/dist/cjs/assets/src/toast/Toast.css.ts.vanilla-p9YwaT0s.css +104 -0
  100. package/dist/cjs/assets/src/toast/{ToastProvider.css.ts.vanilla-2M4Cwds9.css → ToastProvider.css.ts.vanilla-C0CRHKeJ.css} +9 -9
  101. package/dist/cjs/assets/src/toast/ToastTitle.css.ts.vanilla-BW1KKYDr.css +6 -0
  102. package/dist/cjs/assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bo7OdqI0.css +25 -0
  103. package/dist/cjs/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BLPpfzH3.css +10 -0
  104. package/dist/cjs/assets/src/transition/{Transition.css.ts.vanilla-D3Vhrc-d.css → Transition.css.ts.vanilla-D249Gczs.css} +12 -12
  105. package/dist/cjs/css-runtime.js +71 -73
  106. package/dist/cjs/index.js +4454 -3366
  107. package/dist/cjs/unstable.js +1915 -1762
  108. package/dist/css-runtime.d.ts +202 -219
  109. package/dist/esm/_virtual/_rolldown/runtime.js +13 -0
  110. package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-C_A1xOmq.css +22 -0
  111. package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-BCNiQRRI.css +6 -0
  112. package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-D0lPy_5q.css +30 -0
  113. package/dist/esm/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-BeXdp6V_.css → AlertDialogFooter.css.ts.vanilla-Bkomil9Q.css} +3 -3
  114. package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-a8ApVQii.css +7 -0
  115. package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-B5PGXoJF.css → Avatar.css.ts.vanilla-BJawMxIe.css} +18 -18
  116. package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-CdFjsC3-.css +4 -0
  117. package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-BLrKx086.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-C4ao_trb.css} +3 -3
  118. package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-DUK3KBDx.css +51 -0
  119. package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-NyUX3jfQ.css +6 -0
  120. package/dist/{cjs/assets/src/box/Box.css.ts.vanilla-B-qUnHFb.css → esm/assets/src/box/Box.css.ts.vanilla-CyL3FCS7.css} +21 -21
  121. package/dist/esm/assets/src/breadcrumb/{Breadcrumb.css.ts.vanilla-sdmOCSO0.css → Breadcrumb.css.ts.vanilla-Bd1LpazS.css} +6 -6
  122. package/dist/{cjs/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-Hb5M_CRn.css → esm/assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BkIexNlM.css} +4 -4
  123. package/dist/esm/assets/src/button/ButtonLoadable.css.ts.vanilla-BVD9RP-X.css +9 -0
  124. package/dist/esm/assets/src/button/ButtonRoot.css.ts.vanilla-g3vHDS5O.css +213 -0
  125. package/dist/esm/assets/src/calendar/Calendar.css.ts.vanilla-0AO3Yw1N.css +6 -0
  126. package/dist/{cjs/assets/src/calendar/CalendarDayButton.css.ts.vanilla-CRambJ_Y.css → esm/assets/src/calendar/CalendarDayButton.css.ts.vanilla-D9UOKwWn.css} +24 -24
  127. package/dist/esm/assets/src/calendar/CalendarGrid.css.ts.vanilla-DEl68hnX.css +7 -0
  128. package/dist/esm/assets/src/calendar/CalendarMonths.css.ts.vanilla-pd6nmf6Y.css +6 -0
  129. package/dist/esm/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-b9p8AbO5.css +8 -0
  130. package/dist/esm/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BlGeI6AQ.css +8 -0
  131. package/dist/esm/assets/src/card/Card.css.ts.vanilla-DNZjkOCP.css +8 -0
  132. package/dist/{cjs/assets/src/card/CardCheckbox.css.ts.vanilla-CJprh1Ke.css → esm/assets/src/card/CardCheckbox.css.ts.vanilla-yIkzexfh.css} +4 -4
  133. package/dist/esm/assets/src/card/CardHeader.css.ts.vanilla-BvtgzziL.css +15 -0
  134. package/dist/esm/assets/src/card/{CardPreview.css.ts.vanilla-DrB5OX19.css → CardPreview.css.ts.vanilla-SrK1qh3G.css} +4 -4
  135. package/dist/esm/assets/src/checkbox/{CheckboxControl.css.ts.vanilla-DzIH_esH.css → CheckboxControl.css.ts.vanilla-CZ5yhl4s.css} +7 -7
  136. package/dist/esm/assets/src/code/Code.css.ts.vanilla-w1i6azH8.css +10 -0
  137. package/dist/esm/assets/src/command/CommandItem.css.ts.vanilla-DVCEHxe6.css +6 -0
  138. package/dist/esm/assets/src/cover/Cover.css.ts.vanilla-CDEZj-Lo.css +34 -0
  139. package/dist/esm/assets/src/data-table/DataTableBody.css.ts.vanilla-nTomqeST.css +71 -0
  140. package/dist/esm/assets/src/data-table/DataTableFooter.css.ts.vanilla-m-yfg6w-.css +6 -0
  141. package/dist/{cjs/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BNc9Sxf8.css → esm/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-C2eVr_Ks.css} +9 -9
  142. package/dist/esm/assets/src/date-input/DateInput.css.ts.vanilla-CDgWlycK.css +15 -0
  143. package/dist/esm/assets/src/details-panel/{DetailsPanel.css.ts.vanilla-DZrVrrcE.css → DetailsPanel.css.ts.vanilla-BmU9ZKmg.css} +4 -4
  144. package/dist/esm/assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CaB9gcz_.css +7 -0
  145. package/dist/esm/assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B8JJZUBe.css +8 -0
  146. package/dist/{cjs/assets/src/dialog/DialogContent.css.ts.vanilla-B0ZLUMHm.css → esm/assets/src/dialog/DialogContent.css.ts.vanilla-BFQb_k2s.css} +14 -14
  147. package/dist/esm/assets/src/dialog/DialogFooter.css.ts.vanilla-ZqnJDt4j.css +7 -0
  148. package/dist/esm/assets/src/dialog/DialogHeader.css.ts.vanilla-DBBYNbGY.css +19 -0
  149. package/dist/{cjs/assets/src/disclosure/DisclosureContent.css.ts.vanilla-kpqM-d5E.css → esm/assets/src/disclosure/DisclosureContent.css.ts.vanilla-B_Xy98Fz.css} +6 -6
  150. package/dist/{cjs/assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-PAz0f6TZ.css → esm/assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DknQaBCc.css} +6 -6
  151. package/dist/esm/assets/src/file-upload/FileUpload.css.ts.vanilla-8KhYu3AA.css +6 -0
  152. package/dist/{cjs/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Cjy4E2mt.css → esm/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BJPhhPd_.css} +9 -9
  153. package/dist/{cjs/assets/src/file-upload/FileUploadListItem.css.ts.vanilla-BaURPher.css → esm/assets/src/file-upload/FileUploadListItem.css.ts.vanilla-fzvHNKs7.css} +4 -4
  154. package/dist/esm/assets/src/highlight/Highlight.css.ts.vanilla--3Y-w0WQ.css +7 -0
  155. package/dist/esm/assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BSgG8_zG.css +6 -0
  156. package/dist/esm/assets/src/icon/{Icon.css.ts.vanilla-BSwuhh6c.css → Icon.css.ts.vanilla-dVd84DU6.css} +1 -1
  157. package/dist/esm/assets/src/indicator/Indicator.css.ts.vanilla-C21VOdcO.css +36 -0
  158. package/dist/esm/assets/src/inline-input/{InlineInput.css.ts.vanilla-C-SaEw_y.css → InlineInput.css.ts.vanilla-B6dLoCLC.css} +4 -4
  159. package/dist/esm/assets/src/input/Input.css.ts.vanilla-u6dHHiyE.css +9 -0
  160. package/dist/esm/assets/src/input/{InputControl.css.ts.vanilla-CgiERnDf.css → InputControl.css.ts.vanilla-BmOe1icm.css} +8 -8
  161. package/dist/esm/assets/src/input/InputRoot.css.ts.vanilla-Cv5bospX.css +71 -0
  162. package/dist/esm/assets/src/kbd/{Kbd.css.ts.vanilla-gPPsYPu-.css → Kbd.css.ts.vanilla-BsUt6H-q.css} +3 -3
  163. package/dist/esm/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dhb4Jq6F.css +7 -0
  164. package/dist/esm/assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css +1 -0
  165. package/dist/{cjs/assets/src/layout/Layout.css.ts.vanilla-D3nQ_Mvh.css → esm/assets/src/layout/Layout.css.ts.vanilla-DrhQALKH.css} +5 -5
  166. package/dist/esm/assets/src/layout/LayoutContent.css.ts.vanilla-BD8baLK5.css +6 -0
  167. package/dist/{cjs/assets/src/link/Link.css.ts.vanilla-Bd4SX7bE.css → esm/assets/src/link/Link.css.ts.vanilla-BMk97AlZ.css} +13 -13
  168. package/dist/esm/assets/src/listbox/Listbox.css.ts.vanilla-CXF55v5e.css +6 -0
  169. package/dist/{cjs/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BNXJ-op-.css → esm/assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C_SmsrJ7.css} +4 -4
  170. package/dist/esm/assets/src/listbox/ListboxItem.css.ts.vanilla-DwpCpfGs.css +53 -0
  171. package/dist/esm/assets/src/listbox/{ListboxItemIndicator.css.ts.vanilla-txm1jaYk.css → ListboxItemIndicator.css.ts.vanilla-hagNMK83.css} +4 -4
  172. package/dist/esm/assets/src/menu/MenuDialogContent.css.ts.vanilla-CmoxpNjN.css +7 -0
  173. package/dist/esm/assets/src/menu/MenuInput.css.ts.vanilla-BvnfLD4w.css +6 -0
  174. package/dist/esm/assets/src/modal/{ModalListbox.css.ts.vanilla-BAlujQ_Z.css → ModalListbox.css.ts.vanilla-NcwHywdl.css} +13 -13
  175. package/dist/esm/assets/src/nav/Nav.css.ts.vanilla-CWeRAcPY.css +6 -0
  176. package/dist/esm/assets/src/nav/NavAccountItem.css.ts.vanilla-DiA3Cmkz.css +9 -0
  177. package/dist/esm/assets/src/nav/{NavItem.css.ts.vanilla-BG1pbMI9.css → NavItem.css.ts.vanilla-DkhnVsAB.css} +13 -13
  178. package/dist/{cjs/assets/src/pagination/Pagination.css.ts.vanilla-BHGEMBAI.css → esm/assets/src/pagination/Pagination.css.ts.vanilla-C5NvzDXz.css} +5 -5
  179. package/dist/esm/assets/src/pill/{Pill.css.ts.vanilla-CeUdFgBD.css → Pill.css.ts.vanilla-CMUfd1c9.css} +6 -6
  180. package/dist/esm/assets/src/pill-menu/{PillMenuTrigger.css.ts.vanilla-BQkP4dAm.css → PillMenuTrigger.css.ts.vanilla-CL7LNm67.css} +7 -7
  181. package/dist/esm/assets/src/progress/{Progress.css.ts.vanilla-CVC0Y-WW.css → Progress.css.ts.vanilla-Dn33S0hk.css} +4 -4
  182. package/dist/esm/assets/src/radio/Radio.css.ts.vanilla-CkFX2LnT.css +13 -0
  183. package/dist/esm/assets/src/range/{Range.css.ts.vanilla-DYmCxcU2.css → Range.css.ts.vanilla-RRJfcxzG.css} +23 -23
  184. package/dist/esm/assets/src/resizable/ResizableHandle.css.ts.vanilla-BSMn5mzL.css +19 -0
  185. package/dist/esm/assets/src/search-input/SearchInput.css.ts.vanilla-xK0JoetK.css +10 -0
  186. package/dist/esm/assets/src/separator/{Separator.css.ts.vanilla-Bzc5bHiI.css → Separator.css.ts.vanilla-DhAb99fn.css} +8 -8
  187. package/dist/esm/assets/src/skeleton/Skeleton.css.ts.vanilla-CT_XEUMT.css +6 -0
  188. package/dist/esm/assets/src/sortable/SortableHandle.css.ts.vanilla-DCdQQF8R.css +6 -0
  189. package/dist/esm/assets/src/sortable/{SortableItem.css.ts.vanilla-BK_dsuRo.css → SortableItem.css.ts.vanilla-C0cu5qKt.css} +6 -6
  190. package/dist/esm/assets/src/spinner/{Spinner.css.ts.vanilla-Bor5mZcd.css → Spinner.css.ts.vanilla-DAIkCdXp.css} +4 -4
  191. package/dist/esm/assets/src/sprinkles/{properties.css.ts.vanilla-c-uWuHMc.css → properties.css.ts.vanilla-ClO7W1Uv.css} +727 -727
  192. package/dist/esm/assets/src/sub-nav/SubNav.css.ts.vanilla-AaNhWT5G.css +6 -0
  193. package/dist/esm/assets/src/switch/Switch.css.ts.vanilla-BfOWyAqR.css +45 -0
  194. package/dist/esm/assets/src/table/Table.css.ts.vanilla-D0C1krBH.css +18 -0
  195. package/dist/esm/assets/src/table/TableBody.css.ts.vanilla-U76qkL6H.css +6 -0
  196. package/dist/{cjs/assets/src/table/TableCell.css.ts.vanilla-C1PkVIzd.css → esm/assets/src/table/TableCell.css.ts.vanilla-BXE1CD3J.css} +6 -6
  197. package/dist/esm/assets/src/table/TableHeader.css.ts.vanilla-C_u5lwM5.css +8 -0
  198. package/dist/esm/assets/src/table/{TableHeaderCell.css.ts.vanilla-DFfWCXmv.css → TableHeaderCell.css.ts.vanilla-CCQu3wV_.css} +6 -6
  199. package/dist/{cjs/assets/src/table/TableRow.css.ts.vanilla-gj7vuDjs.css → esm/assets/src/table/TableRow.css.ts.vanilla-2OQgDRrf.css} +8 -8
  200. package/dist/esm/assets/src/tabs/Tabs.css.ts.vanilla-BrXq8b-U.css +9 -0
  201. package/dist/esm/assets/src/tabs/{TabsList.css.ts.vanilla-DQR_ioSq.css → TabsList.css.ts.vanilla-BbpgOd_F.css} +4 -4
  202. package/dist/{cjs/assets/src/tabs/TabsTrigger.css.ts.vanilla-BHZv98Nw.css → esm/assets/src/tabs/TabsTrigger.css.ts.vanilla-enwO4JhO.css} +10 -10
  203. package/dist/{cjs/assets/src/text/Text.css.ts.vanilla-BJdH9jAa.css → esm/assets/src/text/Text.css.ts.vanilla-DVHbnw6z.css} +8 -8
  204. package/dist/esm/assets/src/textarea/Textarea.css.ts.vanilla-Cw2AxPV-.css +6 -0
  205. package/dist/esm/assets/src/textarea/TextareaAutosize.css.ts.vanilla-DpOXxpP_.css +44 -0
  206. package/dist/esm/assets/src/toast/Toast.css.ts.vanilla-p9YwaT0s.css +104 -0
  207. package/dist/esm/assets/src/toast/{ToastProvider.css.ts.vanilla-2M4Cwds9.css → ToastProvider.css.ts.vanilla-C0CRHKeJ.css} +9 -9
  208. package/dist/esm/assets/src/toast/ToastTitle.css.ts.vanilla-BW1KKYDr.css +6 -0
  209. package/dist/esm/assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bo7OdqI0.css +25 -0
  210. package/dist/esm/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BLPpfzH3.css +10 -0
  211. package/dist/esm/assets/src/transition/{Transition.css.ts.vanilla-D3Vhrc-d.css → Transition.css.ts.vanilla-D249Gczs.css} +12 -12
  212. package/dist/esm/css-runtime.js +4 -4
  213. package/dist/esm/index.js +158 -158
  214. package/dist/esm/layers/layers-css.js +16 -7
  215. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-debounced-callback/use-debounced-callback.js +87 -89
  216. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/parse-hotkey.js +61 -65
  217. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js +30 -28
  218. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js +25 -30
  219. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js +64 -69
  220. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.js +20 -21
  221. package/dist/esm/node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/utils/use-callback-ref/use-callback-ref.js +9 -8
  222. package/dist/esm/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js +6 -6
  223. package/dist/esm/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js +30 -53
  224. package/dist/esm/node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js +86 -179
  225. package/dist/esm/packages/react/package.js +4 -0
  226. package/dist/esm/packages/react/src/actions/ActionsContent-css.js +18 -8
  227. package/dist/esm/packages/react/src/actions/ActionsContent.js +14 -13
  228. package/dist/esm/packages/react/src/actions/ActionsRoot-css.js +6 -6
  229. package/dist/esm/packages/react/src/actions/ActionsRoot.js +14 -13
  230. package/dist/esm/packages/react/src/alert/Alert-css.js +47 -9
  231. package/dist/esm/packages/react/src/alert/Alert.js +64 -53
  232. package/dist/esm/packages/react/src/alert-dialog/AlertDialog.js +26 -20
  233. package/dist/esm/packages/react/src/alert-dialog/AlertDialogAction.js +28 -27
  234. package/dist/esm/packages/react/src/alert-dialog/AlertDialogBody.js +25 -24
  235. package/dist/esm/packages/react/src/alert-dialog/AlertDialogCancel.js +34 -38
  236. package/dist/esm/packages/react/src/alert-dialog/AlertDialogContent-css.js +30 -10
  237. package/dist/esm/packages/react/src/alert-dialog/AlertDialogContent.js +104 -120
  238. package/dist/esm/packages/react/src/alert-dialog/AlertDialogContext.js +4 -3
  239. package/dist/esm/packages/react/src/alert-dialog/AlertDialogFooter-css.js +12 -6
  240. package/dist/esm/packages/react/src/alert-dialog/AlertDialogFooter.js +19 -8
  241. package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader-css.js +13 -7
  242. package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader.js +29 -16
  243. package/dist/esm/packages/react/src/alert-dialog/AlertDialogTrigger.js +16 -8
  244. package/dist/esm/packages/react/src/angle-menu-button/AngleMenuButton.js +21 -8
  245. package/dist/esm/packages/react/src/auth-provider/AuthProvider.js +22 -23
  246. package/dist/esm/packages/react/src/auth-provider/useAuthContext.js +6 -5
  247. package/dist/esm/packages/react/src/avatar/Avatar-css.js +65 -10
  248. package/dist/esm/packages/react/src/avatar/Avatar.js +68 -51
  249. package/dist/esm/packages/react/src/avatar/AvatarContext.js +5 -4
  250. package/dist/esm/packages/react/src/avatar/AvatarGroup-css.js +6 -6
  251. package/dist/esm/packages/react/src/avatar/AvatarGroup.js +37 -14
  252. package/dist/esm/packages/react/src/axiom-provider/AxiomProvider.js +27 -35
  253. package/dist/esm/packages/react/src/backdrop/Backdrop-css.js +10 -7
  254. package/dist/esm/packages/react/src/backdrop/Backdrop.js +11 -11
  255. package/dist/esm/packages/react/src/badge/Badge-css.js +32 -7
  256. package/dist/esm/packages/react/src/badge/Badge.js +30 -29
  257. package/dist/esm/packages/react/src/banner/Banner-css.js +41 -9
  258. package/dist/esm/packages/react/src/banner/Banner.js +57 -51
  259. package/dist/esm/packages/react/src/box/Box-css.js +7 -7
  260. package/dist/esm/packages/react/src/box/Box.js +36 -28
  261. package/dist/esm/packages/react/src/box/extractBoxProps.js +12 -16
  262. package/dist/esm/packages/react/src/breadcrumb/Breadcrumb-css.js +14 -8
  263. package/dist/esm/packages/react/src/breadcrumb/Breadcrumb.js +90 -66
  264. package/dist/esm/packages/react/src/breadcrumb/BreadcrumbNode-css.js +12 -7
  265. package/dist/esm/packages/react/src/breadcrumb/BreadcrumbNode.js +27 -20
  266. package/dist/esm/packages/react/src/button/Button.js +92 -82
  267. package/dist/esm/packages/react/src/button/ButtonAddon.js +18 -13
  268. package/dist/esm/packages/react/src/button/ButtonContext.js +4 -3
  269. package/dist/esm/packages/react/src/button/ButtonGroup-css.js +6 -6
  270. package/dist/esm/packages/react/src/button/ButtonGroup.js +20 -22
  271. package/dist/esm/packages/react/src/button/ButtonLabel.js +21 -11
  272. package/dist/esm/packages/react/src/button/ButtonLoadable-css.js +8 -8
  273. package/dist/esm/packages/react/src/button/ButtonLoadable.js +14 -13
  274. package/dist/esm/packages/react/src/button/ButtonRoot-css.js +111 -8
  275. package/dist/esm/packages/react/src/button/ButtonRoot.js +78 -69
  276. package/dist/esm/packages/react/src/calendar/Calendar-css.js +11 -6
  277. package/dist/esm/packages/react/src/calendar/Calendar.js +167 -211
  278. package/dist/esm/packages/react/src/calendar/CalendarCaptionLabel.js +27 -39
  279. package/dist/esm/packages/react/src/calendar/CalendarChevron.js +8 -10
  280. package/dist/esm/packages/react/src/calendar/CalendarContext.js +4 -3
  281. package/dist/esm/packages/react/src/calendar/CalendarDay.js +13 -8
  282. package/dist/esm/packages/react/src/calendar/CalendarDayButton-css.js +33 -8
  283. package/dist/esm/packages/react/src/calendar/CalendarDayButton.js +36 -55
  284. package/dist/esm/packages/react/src/calendar/CalendarGrid-css.js +11 -7
  285. package/dist/esm/packages/react/src/calendar/CalendarGrid.js +93 -102
  286. package/dist/esm/packages/react/src/calendar/CalendarMonthCaption.js +15 -12
  287. package/dist/esm/packages/react/src/calendar/CalendarMonthGrid.js +86 -118
  288. package/dist/esm/packages/react/src/calendar/CalendarMonths-css.js +9 -6
  289. package/dist/esm/packages/react/src/calendar/CalendarMonths.js +14 -7
  290. package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton-css.js +7 -7
  291. package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton.js +25 -44
  292. package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton-css.js +6 -6
  293. package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton.js +25 -44
  294. package/dist/esm/packages/react/src/calendar/CalendarWeek.js +15 -8
  295. package/dist/esm/packages/react/src/calendar/CalendarWeekday.js +16 -8
  296. package/dist/esm/packages/react/src/calendar/CalendarWeekdays.js +24 -11
  297. package/dist/esm/packages/react/src/calendar/toTimeZoneName.js +4 -6
  298. package/dist/esm/packages/react/src/calendar/utils.js +13 -12
  299. package/dist/esm/packages/react/src/card/Card-css.js +21 -7
  300. package/dist/esm/packages/react/src/card/Card.js +31 -17
  301. package/dist/esm/packages/react/src/card/CardAction.js +16 -11
  302. package/dist/esm/packages/react/src/card/CardCheckbox-css.js +6 -6
  303. package/dist/esm/packages/react/src/card/CardCheckbox.js +37 -41
  304. package/dist/esm/packages/react/src/card/CardContext.js +4 -3
  305. package/dist/esm/packages/react/src/card/CardFooter.js +17 -12
  306. package/dist/esm/packages/react/src/card/CardHeader-css.js +22 -9
  307. package/dist/esm/packages/react/src/card/CardHeader.js +47 -46
  308. package/dist/esm/packages/react/src/card/CardImage-css.js +9 -5
  309. package/dist/esm/packages/react/src/card/CardImage.js +21 -13
  310. package/dist/esm/packages/react/src/card/CardLink.js +17 -10
  311. package/dist/esm/packages/react/src/card/CardPreview-css.js +14 -7
  312. package/dist/esm/packages/react/src/card/CardPreview.js +50 -66
  313. package/dist/esm/packages/react/src/checkbox/Checkbox.js +34 -35
  314. package/dist/esm/packages/react/src/checkbox/CheckboxContent.js +12 -14
  315. package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js +28 -11
  316. package/dist/esm/packages/react/src/checkbox/CheckboxControl.js +22 -25
  317. package/dist/esm/packages/react/src/checkbox/CheckboxRoot.js +25 -31
  318. package/dist/esm/packages/react/src/cleanup.js +6 -8
  319. package/dist/esm/packages/react/src/clock/Clock.js +79 -85
  320. package/dist/esm/packages/react/src/clock/utils.js +14 -21
  321. package/dist/esm/packages/react/src/code/Code-css.js +6 -6
  322. package/dist/esm/packages/react/src/code/Code.js +29 -16
  323. package/dist/esm/packages/react/src/command/Command.js +92 -101
  324. package/dist/esm/packages/react/src/command/CommandContext.js +7 -6
  325. package/dist/esm/packages/react/src/command/CommandInput.js +60 -80
  326. package/dist/esm/packages/react/src/command/CommandItem-css.js +6 -6
  327. package/dist/esm/packages/react/src/command/CommandItem.js +116 -151
  328. package/dist/esm/packages/react/src/command/CommandListbox.js +23 -43
  329. package/dist/esm/packages/react/src/command/fuzzysearch.js +30 -44
  330. package/dist/esm/packages/react/src/command/useCommandItems.js +56 -76
  331. package/dist/esm/packages/react/src/cover/Cover-css.js +15 -6
  332. package/dist/esm/packages/react/src/cover/Cover.js +21 -18
  333. package/dist/esm/packages/react/src/data-table/DataTable.js +30 -31
  334. package/dist/esm/packages/react/src/data-table/DataTableAction.js +53 -70
  335. package/dist/esm/packages/react/src/data-table/DataTableBody-css.js +39 -14
  336. package/dist/esm/packages/react/src/data-table/DataTableBody.js +180 -235
  337. package/dist/esm/packages/react/src/data-table/DataTableCheckbox.js +42 -54
  338. package/dist/esm/packages/react/src/data-table/DataTableContext.js +4 -3
  339. package/dist/esm/packages/react/src/data-table/DataTableExpandableCell.js +48 -43
  340. package/dist/esm/packages/react/src/data-table/DataTableExpandableHeader.js +16 -10
  341. package/dist/esm/packages/react/src/data-table/DataTableFooter-css.js +13 -7
  342. package/dist/esm/packages/react/src/data-table/DataTableFooter.js +78 -81
  343. package/dist/esm/packages/react/src/data-table/DataTableHeaderCell-css.js +37 -9
  344. package/dist/esm/packages/react/src/data-table/DataTableHeaderCell.js +76 -74
  345. package/dist/esm/packages/react/src/data-table/DataTableLabel.js +17 -16
  346. package/dist/esm/packages/react/src/data-table/DataTableRow.js +128 -189
  347. package/dist/esm/packages/react/src/data-table/DataTableRowContext.js +37 -45
  348. package/dist/esm/packages/react/src/date-input/DateInput-css.js +10 -10
  349. package/dist/esm/packages/react/src/date-input/DateInput.js +154 -191
  350. package/dist/esm/packages/react/src/date-range-picker/DateRangePicker.js +60 -67
  351. package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-css.js +8 -5
  352. package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent.js +61 -76
  353. package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContext.js +4 -3
  354. package/dist/esm/packages/react/src/date-range-picker/DateRangePickerTrigger.js +37 -50
  355. package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js +16 -7
  356. package/dist/esm/packages/react/src/details-panel/DetailsPanel.js +39 -31
  357. package/dist/esm/packages/react/src/details-panel/DetailsPanelBody.js +18 -18
  358. package/dist/esm/packages/react/src/details-panel/DetailsPanelContext.js +4 -3
  359. package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js +11 -6
  360. package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter.js +19 -8
  361. package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js +12 -6
  362. package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader.js +52 -49
  363. package/dist/esm/packages/react/src/dialog/Dialog.js +63 -63
  364. package/dist/esm/packages/react/src/dialog/DialogBody-css.js +15 -7
  365. package/dist/esm/packages/react/src/dialog/DialogBody.js +17 -11
  366. package/dist/esm/packages/react/src/dialog/DialogClose.js +30 -32
  367. package/dist/esm/packages/react/src/dialog/DialogContent-css.js +36 -12
  368. package/dist/esm/packages/react/src/dialog/DialogContent.js +91 -109
  369. package/dist/esm/packages/react/src/dialog/DialogContentImpl.js +32 -38
  370. package/dist/esm/packages/react/src/dialog/DialogContext.js +4 -3
  371. package/dist/esm/packages/react/src/dialog/DialogFooter-css.js +15 -7
  372. package/dist/esm/packages/react/src/dialog/DialogFooter.js +24 -16
  373. package/dist/esm/packages/react/src/dialog/DialogForm.js +24 -22
  374. package/dist/esm/packages/react/src/dialog/DialogHeader-css.js +27 -11
  375. package/dist/esm/packages/react/src/dialog/DialogHeader.js +51 -55
  376. package/dist/esm/packages/react/src/dialog/DialogTrigger.js +18 -12
  377. package/dist/esm/packages/react/src/dialog-kit/DialogKitContext.js +4 -3
  378. package/dist/esm/packages/react/src/dialog-kit/DialogKitProvider.js +22 -38
  379. package/dist/esm/packages/react/src/dialog-kit/dialogkit.js +69 -81
  380. package/dist/esm/packages/react/src/dialog-kit/useDialogKit.js +17 -16
  381. package/dist/esm/packages/react/src/disclosure/Disclosure.js +53 -36
  382. package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js +13 -7
  383. package/dist/esm/packages/react/src/disclosure/DisclosureContent.js +44 -30
  384. package/dist/esm/packages/react/src/disclosure/DisclosureContext.js +4 -3
  385. package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js +24 -9
  386. package/dist/esm/packages/react/src/disclosure/DisclosureTrigger.js +60 -37
  387. package/dist/esm/packages/react/src/downshift/useHighlightedIndex.js +16 -27
  388. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenu.js +39 -32
  389. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuCheckboxItem.js +15 -17
  390. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuContent.js +44 -41
  391. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuContext.js +4 -3
  392. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuGroup.js +15 -9
  393. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuItem.js +27 -36
  394. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuLabel.js +18 -9
  395. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuNestedContext.js +4 -3
  396. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSeparator.js +15 -17
  397. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSub.js +37 -39
  398. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubContent.js +31 -23
  399. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubContext.js +4 -3
  400. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubTrigger.js +17 -18
  401. package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuTrigger.js +20 -21
  402. package/dist/esm/packages/react/src/ellipsis-menu-button/EllipsisMenuButton.js +23 -17
  403. package/dist/esm/packages/react/src/field/Field.js +73 -82
  404. package/dist/esm/packages/react/src/field/FieldContext.js +9 -8
  405. package/dist/esm/packages/react/src/field/FieldLabel.js +70 -84
  406. package/dist/esm/packages/react/src/file-upload/FileUpload-css.js +10 -6
  407. package/dist/esm/packages/react/src/file-upload/FileUpload.js +33 -28
  408. package/dist/esm/packages/react/src/file-upload/FileUploadContext.js +4 -3
  409. package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js +43 -7
  410. package/dist/esm/packages/react/src/file-upload/FileUploadDropzone.js +74 -77
  411. package/dist/esm/packages/react/src/file-upload/FileUploadList.js +17 -18
  412. package/dist/esm/packages/react/src/file-upload/FileUploadListItem-css.js +19 -8
  413. package/dist/esm/packages/react/src/file-upload/FileUploadListItem.js +113 -73
  414. package/dist/esm/packages/react/src/file-upload/FileUploadTrigger.js +35 -35
  415. package/dist/esm/packages/react/src/file-upload/useContainerSize.js +14 -20
  416. package/dist/esm/packages/react/src/file-upload/useDraggingOverBody.js +27 -39
  417. package/dist/esm/packages/react/src/file-upload/useFileUploadDragging.js +27 -39
  418. package/dist/esm/packages/react/src/file-upload/useFileUploadDrop.js +75 -127
  419. package/dist/esm/packages/react/src/file-upload/useFileUploadTrigger.js +8 -10
  420. package/dist/esm/packages/react/src/file-upload/useStickyPosition.js +36 -41
  421. package/dist/esm/packages/react/src/filtered-slot/FilteredSlot.js +13 -14
  422. package/dist/esm/packages/react/src/flex/Flex.js +34 -35
  423. package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkProvider.js +25 -33
  424. package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkProviderContext.js +4 -3
  425. package/dist/esm/packages/react/src/focus-bookmark/FocusBookmarkRestore.js +18 -28
  426. package/dist/esm/packages/react/src/grid/Grid.js +20 -21
  427. package/dist/esm/packages/react/src/group/Group.js +34 -29
  428. package/dist/esm/packages/react/src/heading/Heading.js +50 -32
  429. package/dist/esm/packages/react/src/highlight/Highlight-css.js +7 -7
  430. package/dist/esm/packages/react/src/highlight/Highlight.js +25 -17
  431. package/dist/esm/packages/react/src/highlight/useHighlightedChunks.js +15 -18
  432. package/dist/esm/packages/react/src/hooks/useEffectEvent.js +11 -10
  433. package/dist/esm/packages/react/src/hooks/useFieldLabelTrigger.js +15 -19
  434. package/dist/esm/packages/react/src/hooks/useObserveValue.js +24 -31
  435. package/dist/esm/packages/react/src/hooks/useResponsiveMatches.js +12 -18
  436. package/dist/esm/packages/react/src/hover-card/HoverCard.js +35 -40
  437. package/dist/esm/packages/react/src/hover-card/HoverCardContent.js +48 -53
  438. package/dist/esm/packages/react/src/hover-card/HoverCardContext.js +3 -3
  439. package/dist/esm/packages/react/src/hover-card/HoverCardTrigger-css.js +7 -7
  440. package/dist/esm/packages/react/src/hover-card/HoverCardTrigger.js +22 -10
  441. package/dist/esm/packages/react/src/icon/Icon-css.js +10 -7
  442. package/dist/esm/packages/react/src/icon/Icon.js +14 -13
  443. package/dist/esm/packages/react/src/icons/CheckboxCheck.js +16 -22
  444. package/dist/esm/packages/react/src/icons/IconAngleDown.js +13 -19
  445. package/dist/esm/packages/react/src/icons/IconAngleLeft.js +13 -19
  446. package/dist/esm/packages/react/src/icons/IconAngleRight.js +13 -19
  447. package/dist/esm/packages/react/src/icons/IconCalendar.js +10 -18
  448. package/dist/esm/packages/react/src/icons/IconCheck.js +10 -18
  449. package/dist/esm/packages/react/src/icons/IconCircleCheckSolid.js +11 -18
  450. package/dist/esm/packages/react/src/icons/IconCircleExclamationSolid.js +11 -18
  451. package/dist/esm/packages/react/src/icons/IconCircleInfoSolid.js +11 -18
  452. package/dist/esm/packages/react/src/icons/IconCircleQuestion.js +13 -19
  453. package/dist/esm/packages/react/src/icons/IconEllipsis.js +24 -38
  454. package/dist/esm/packages/react/src/icons/IconEllipsisSolid.js +11 -18
  455. package/dist/esm/packages/react/src/icons/IconFileImport.js +8 -16
  456. package/dist/esm/packages/react/src/icons/IconFileSolid.js +11 -18
  457. package/dist/esm/packages/react/src/icons/IconMagnifyingGlass.js +18 -30
  458. package/dist/esm/packages/react/src/icons/IconMinus.js +12 -18
  459. package/dist/esm/packages/react/src/icons/IconOpal.js +14 -20
  460. package/dist/esm/packages/react/src/icons/IconPlus.js +8 -16
  461. package/dist/esm/packages/react/src/icons/IconSort.js +12 -18
  462. package/dist/esm/packages/react/src/icons/IconSortDown.js +12 -18
  463. package/dist/esm/packages/react/src/icons/IconSortUp.js +12 -18
  464. package/dist/esm/packages/react/src/icons/IconTrashCan.js +11 -18
  465. package/dist/esm/packages/react/src/icons/IconTriangleExclamation.js +13 -19
  466. package/dist/esm/packages/react/src/icons/IconTriangleExclamationSolid.js +11 -18
  467. package/dist/esm/packages/react/src/icons/IconUpRightFromSquare.js +27 -39
  468. package/dist/esm/packages/react/src/icons/IconUserSolid.js +11 -18
  469. package/dist/esm/packages/react/src/icons/IconUsersSolid.js +11 -18
  470. package/dist/esm/packages/react/src/icons/IconX.js +10 -18
  471. package/dist/esm/packages/react/src/icons/withIcon.js +17 -28
  472. package/dist/esm/packages/react/src/indicator/Indicator-css.js +51 -9
  473. package/dist/esm/packages/react/src/indicator/Indicator.js +49 -42
  474. package/dist/esm/packages/react/src/inline-input/InlineInput-css.js +13 -7
  475. package/dist/esm/packages/react/src/inline-input/InlineInput.js +68 -86
  476. package/dist/esm/packages/react/src/input/Input-css.js +32 -9
  477. package/dist/esm/packages/react/src/input/Input.js +54 -61
  478. package/dist/esm/packages/react/src/input/InputAddon.js +27 -32
  479. package/dist/esm/packages/react/src/input/InputContext.js +4 -3
  480. package/dist/esm/packages/react/src/input/InputControl-css.js +22 -6
  481. package/dist/esm/packages/react/src/input/InputControl.js +63 -91
  482. package/dist/esm/packages/react/src/input/InputRoot-css.js +9 -9
  483. package/dist/esm/packages/react/src/input/InputRoot.js +28 -46
  484. package/dist/esm/packages/react/src/kbd/Kbd-css.js +30 -7
  485. package/dist/esm/packages/react/src/kbd/Kbd.js +48 -42
  486. package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js +31 -11
  487. package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton.js +53 -47
  488. package/dist/esm/packages/react/src/layers/layers-css.js +17 -9
  489. package/dist/esm/packages/react/src/layout/Layout-css.js +17 -6
  490. package/dist/esm/packages/react/src/layout/Layout.js +51 -40
  491. package/dist/esm/packages/react/src/layout/LayoutContent-css.js +12 -6
  492. package/dist/esm/packages/react/src/layout/LayoutContent.js +18 -20
  493. package/dist/esm/packages/react/src/link/Link-css.js +18 -8
  494. package/dist/esm/packages/react/src/link/Link.js +54 -47
  495. package/dist/esm/packages/react/src/listbox/Listbox-css.js +13 -7
  496. package/dist/esm/packages/react/src/listbox/Listbox.js +14 -13
  497. package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem-css.js +6 -6
  498. package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem.js +38 -45
  499. package/dist/esm/packages/react/src/listbox/ListboxEmpty.js +22 -26
  500. package/dist/esm/packages/react/src/listbox/ListboxGroup.js +23 -15
  501. package/dist/esm/packages/react/src/listbox/ListboxGroupContext.js +4 -3
  502. package/dist/esm/packages/react/src/listbox/ListboxItem-css.js +36 -10
  503. package/dist/esm/packages/react/src/listbox/ListboxItem.js +65 -57
  504. package/dist/esm/packages/react/src/listbox/ListboxItemIndicator-css.js +12 -6
  505. package/dist/esm/packages/react/src/listbox/ListboxItemIndicator.js +17 -19
  506. package/dist/esm/packages/react/src/listbox/ListboxItemized.js +48 -60
  507. package/dist/esm/packages/react/src/listbox/ListboxLabel.js +21 -14
  508. package/dist/esm/packages/react/src/listbox/ListboxRadioItem.js +18 -25
  509. package/dist/esm/packages/react/src/listbox/ListboxSeparator.js +16 -6
  510. package/dist/esm/packages/react/src/listbox/ListboxSwitchItem.js +33 -43
  511. package/dist/esm/packages/react/src/listbox/ListboxVirtualized.js +75 -85
  512. package/dist/esm/packages/react/src/listbox/utils.js +6 -9
  513. package/dist/esm/packages/react/src/menu/Menu.js +149 -197
  514. package/dist/esm/packages/react/src/menu/MenuCheckboxItem.js +34 -41
  515. package/dist/esm/packages/react/src/menu/MenuContent.js +63 -70
  516. package/dist/esm/packages/react/src/menu/MenuContext.js +4 -3
  517. package/dist/esm/packages/react/src/menu/MenuDialogContent-css.js +7 -7
  518. package/dist/esm/packages/react/src/menu/MenuDialogContent.js +37 -56
  519. package/dist/esm/packages/react/src/menu/MenuInput-css.js +14 -6
  520. package/dist/esm/packages/react/src/menu/MenuInput.js +44 -66
  521. package/dist/esm/packages/react/src/menu/MenuItem.js +35 -55
  522. package/dist/esm/packages/react/src/menu/MenuListbox.js +52 -57
  523. package/dist/esm/packages/react/src/menu/MenuPopover.js +6 -8
  524. package/dist/esm/packages/react/src/menu/MenuPopoverContent.js +44 -49
  525. package/dist/esm/packages/react/src/menu/MenuRadioItem.js +25 -37
  526. package/dist/esm/packages/react/src/menu/MenuSubContent.js +116 -165
  527. package/dist/esm/packages/react/src/menu/MenuSubContext.js +4 -3
  528. package/dist/esm/packages/react/src/menu/MenuSubInput.js +29 -45
  529. package/dist/esm/packages/react/src/menu/MenuSubTrigger.js +82 -101
  530. package/dist/esm/packages/react/src/menu/MenuSwitchItem.js +36 -45
  531. package/dist/esm/packages/react/src/menu/MenuTrigger.js +48 -63
  532. package/dist/esm/packages/react/src/menu/useMenuSurface.js +30 -54
  533. package/dist/esm/packages/react/src/modal/ModalLayer.js +51 -41
  534. package/dist/esm/packages/react/src/modal/ModalListbox-css.js +24 -6
  535. package/dist/esm/packages/react/src/modal/ModalListbox.js +24 -30
  536. package/dist/esm/packages/react/src/nav/Nav-css.js +15 -7
  537. package/dist/esm/packages/react/src/nav/Nav.js +36 -26
  538. package/dist/esm/packages/react/src/nav/NavAccountItem-css.js +19 -7
  539. package/dist/esm/packages/react/src/nav/NavAccountItem.js +61 -35
  540. package/dist/esm/packages/react/src/nav/NavBody-css.js +19 -5
  541. package/dist/esm/packages/react/src/nav/NavBody.js +20 -22
  542. package/dist/esm/packages/react/src/nav/NavFooter.js +23 -25
  543. package/dist/esm/packages/react/src/nav/NavGroup.js +40 -30
  544. package/dist/esm/packages/react/src/nav/NavGroupContent.js +22 -21
  545. package/dist/esm/packages/react/src/nav/NavGroupContext.js +8 -4
  546. package/dist/esm/packages/react/src/nav/NavGroupTrigger.js +42 -53
  547. package/dist/esm/packages/react/src/nav/NavHeader.js +20 -12
  548. package/dist/esm/packages/react/src/nav/NavItem-css.js +33 -9
  549. package/dist/esm/packages/react/src/nav/NavItem.js +78 -68
  550. package/dist/esm/packages/react/src/nav/NavList.js +22 -23
  551. package/dist/esm/packages/react/src/nav/NavSeparator.js +16 -8
  552. package/dist/esm/packages/react/src/nested-dialog-context/NestedDialogContext.js +4 -3
  553. package/dist/esm/packages/react/src/nested-dialog-context/useNestedDialogCount.js +27 -16
  554. package/dist/esm/packages/react/src/pagination/Pagination-css.js +18 -9
  555. package/dist/esm/packages/react/src/pagination/Pagination.js +118 -134
  556. package/dist/esm/packages/react/src/paper/Paper-css.js +21 -5
  557. package/dist/esm/packages/react/src/paper/Paper.js +16 -11
  558. package/dist/esm/packages/react/src/pill/Pill-css.js +28 -6
  559. package/dist/esm/packages/react/src/pill/Pill.js +52 -65
  560. package/dist/esm/packages/react/src/pill/PillGroup.js +17 -10
  561. package/dist/esm/packages/react/src/pill-menu/PillMenu.js +80 -95
  562. package/dist/esm/packages/react/src/pill-menu/PillMenuContent.js +25 -29
  563. package/dist/esm/packages/react/src/pill-menu/PillMenuContext.js +4 -3
  564. package/dist/esm/packages/react/src/pill-menu/PillMenuPill.js +52 -58
  565. package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger-css.js +23 -9
  566. package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger.js +89 -106
  567. package/dist/esm/packages/react/src/popover/Popover.js +35 -40
  568. package/dist/esm/packages/react/src/popover/PopoverAnchor.js +32 -35
  569. package/dist/esm/packages/react/src/popover/PopoverContent.js +58 -69
  570. package/dist/esm/packages/react/src/popover/PopoverContentContext.js +4 -3
  571. package/dist/esm/packages/react/src/popover/PopoverContentImpl.js +25 -21
  572. package/dist/esm/packages/react/src/popover/PopoverContext.js +4 -3
  573. package/dist/esm/packages/react/src/popover/PopoverTrigger.js +22 -24
  574. package/dist/esm/packages/react/src/popover/usePopoverScope.js +3 -3
  575. package/dist/esm/packages/react/src/portal/Portal.js +15 -12
  576. package/dist/esm/packages/react/src/portal/PortalContext.js +4 -3
  577. package/dist/esm/packages/react/src/progress/Progress-css.js +24 -8
  578. package/dist/esm/packages/react/src/progress/Progress.js +35 -29
  579. package/dist/esm/packages/react/src/radio/Radio-css.js +28 -12
  580. package/dist/esm/packages/react/src/radio/Radio.js +51 -63
  581. package/dist/esm/packages/react/src/radio/RadioGroup.js +45 -64
  582. package/dist/esm/packages/react/src/radio/RadioGroupContext.js +4 -3
  583. package/dist/esm/packages/react/src/range/Range-css.js +53 -13
  584. package/dist/esm/packages/react/src/range/Range.js +105 -154
  585. package/dist/esm/packages/react/src/range/useTooltipState.js +16 -19
  586. package/dist/esm/packages/react/src/resizable/Resizable.js +8 -5
  587. package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js +19 -8
  588. package/dist/esm/packages/react/src/resizable/ResizableHandle.js +15 -10
  589. package/dist/esm/packages/react/src/resizable/ResizablePanel.js +5 -5
  590. package/dist/esm/packages/react/src/roving-focus/RovingFocus.js +29 -18
  591. package/dist/esm/packages/react/src/roving-focus/RovingFocusContext.js +4 -3
  592. package/dist/esm/packages/react/src/roving-focus/RovingFocusItem.js +22 -20
  593. package/dist/esm/packages/react/src/search-input/SearchInput-css.js +8 -8
  594. package/dist/esm/packages/react/src/search-input/SearchInput.js +60 -68
  595. package/dist/esm/packages/react/src/segmented-control/SegmentedControl.js +25 -8
  596. package/dist/esm/packages/react/src/segmented-control/SegmentedControlContext.js +4 -3
  597. package/dist/esm/packages/react/src/segmented-control/SegmentedControlItem.js +22 -19
  598. package/dist/esm/packages/react/src/select/Select.js +155 -180
  599. package/dist/esm/packages/react/src/select/SelectContent.js +96 -145
  600. package/dist/esm/packages/react/src/select/SelectContext.js +4 -3
  601. package/dist/esm/packages/react/src/select/SelectHiddenSelect.js +25 -28
  602. package/dist/esm/packages/react/src/select/SelectItem.js +44 -58
  603. package/dist/esm/packages/react/src/select/SelectRadioItem.js +14 -21
  604. package/dist/esm/packages/react/src/select/SelectTrigger.js +88 -99
  605. package/dist/esm/packages/react/src/select/useObserveReset.js +12 -16
  606. package/dist/esm/packages/react/src/separator/Separator-css.js +47 -8
  607. package/dist/esm/packages/react/src/separator/Separator.js +29 -30
  608. package/dist/esm/packages/react/src/sidebar/Sidebar.js +38 -47
  609. package/dist/esm/packages/react/src/sidebar/SidebarContext.js +3 -3
  610. package/dist/esm/packages/react/src/sidebar/SidebarToggle.js +21 -35
  611. package/dist/esm/packages/react/src/skeleton/Skeleton-css.js +11 -6
  612. package/dist/esm/packages/react/src/skeleton/Skeleton.js +27 -24
  613. package/dist/esm/packages/react/src/sortable/Sortable.js +53 -45
  614. package/dist/esm/packages/react/src/sortable/SortableContext.js +4 -3
  615. package/dist/esm/packages/react/src/sortable/SortableGroup.js +31 -21
  616. package/dist/esm/packages/react/src/sortable/SortableGroupContext.js +6 -6
  617. package/dist/esm/packages/react/src/sortable/SortableHandle-css.js +6 -6
  618. package/dist/esm/packages/react/src/sortable/SortableHandle.js +23 -29
  619. package/dist/esm/packages/react/src/sortable/SortableItem-css.js +12 -6
  620. package/dist/esm/packages/react/src/sortable/SortableItem.js +50 -58
  621. package/dist/esm/packages/react/src/sortable/SortableItemContext.js +4 -3
  622. package/dist/esm/packages/react/src/spinner/Spinner-css.js +9 -6
  623. package/dist/esm/packages/react/src/spinner/Spinner.js +61 -74
  624. package/dist/esm/packages/react/src/spotlight/Spotlight.js +16 -7
  625. package/dist/esm/packages/react/src/spotlight/SpotlightContent.js +13 -8
  626. package/dist/esm/packages/react/src/spotlight/SpotlightTrigger.js +27 -18
  627. package/dist/esm/packages/react/src/sprinkles/createSprinklesMerge.js +30 -43
  628. package/dist/esm/packages/react/src/sprinkles/properties-css.js +1663 -7
  629. package/dist/esm/packages/react/src/sprinkles/sprinkles.js +8 -15
  630. package/dist/esm/packages/react/src/sprinkles/sprinklesMerge.js +5 -8
  631. package/dist/esm/packages/react/src/sub-nav/SubNav-css.js +13 -6
  632. package/dist/esm/packages/react/src/sub-nav/SubNav.js +36 -35
  633. package/dist/esm/packages/react/src/suggestion/SuggestionAlert.js +62 -72
  634. package/dist/esm/packages/react/src/suggestion/SuggestionAutoPopover.js +65 -71
  635. package/dist/esm/packages/react/src/suggestion/SuggestionManualTrigger.js +45 -56
  636. package/dist/esm/packages/react/src/suggestion/SuggestionPopover.js +17 -10
  637. package/dist/esm/packages/react/src/suggestion/SuggestionProvider.js +93 -121
  638. package/dist/esm/packages/react/src/surface/SurfaceProvider.js +2 -0
  639. package/dist/esm/packages/react/src/surface/buildSurfacePath.js +3 -2
  640. package/dist/esm/packages/react/src/surface/filterSuggestionsBySurface.js +11 -10
  641. package/dist/esm/packages/react/src/surface/useDebouncedTrack.js +25 -16
  642. package/dist/esm/packages/react/src/surface/useSuggestions.js +15 -11
  643. package/dist/esm/packages/react/src/surface/useSurface.js +19 -8
  644. package/dist/esm/packages/react/src/switch/Switch-css.js +27 -12
  645. package/dist/esm/packages/react/src/switch/Switch.js +44 -37
  646. package/dist/esm/packages/react/src/table/Table-css.js +24 -7
  647. package/dist/esm/packages/react/src/table/Table.js +42 -13
  648. package/dist/esm/packages/react/src/table/TableAction.js +15 -11
  649. package/dist/esm/packages/react/src/table/TableBody-css.js +6 -6
  650. package/dist/esm/packages/react/src/table/TableBody.js +18 -11
  651. package/dist/esm/packages/react/src/table/TableCell-css.js +17 -8
  652. package/dist/esm/packages/react/src/table/TableCell.js +22 -22
  653. package/dist/esm/packages/react/src/table/TableHeader-css.js +9 -6
  654. package/dist/esm/packages/react/src/table/TableHeader.js +18 -9
  655. package/dist/esm/packages/react/src/table/TableHeaderCell-css.js +21 -7
  656. package/dist/esm/packages/react/src/table/TableHeaderCell.js +25 -29
  657. package/dist/esm/packages/react/src/table/TableRow-css.js +13 -6
  658. package/dist/esm/packages/react/src/table/TableRow.js +22 -13
  659. package/dist/esm/packages/react/src/tabs/Tabs-css.js +6 -6
  660. package/dist/esm/packages/react/src/tabs/Tabs.js +52 -35
  661. package/dist/esm/packages/react/src/tabs/TabsContent.js +21 -13
  662. package/dist/esm/packages/react/src/tabs/TabsList-css.js +9 -6
  663. package/dist/esm/packages/react/src/tabs/TabsList.js +21 -14
  664. package/dist/esm/packages/react/src/tabs/TabsTrigger-css.js +23 -7
  665. package/dist/esm/packages/react/src/tabs/TabsTrigger.js +42 -25
  666. package/dist/esm/packages/react/src/text/Text-css.js +45 -6
  667. package/dist/esm/packages/react/src/text/Text.js +40 -25
  668. package/dist/esm/packages/react/src/textarea/Textarea-css.js +6 -6
  669. package/dist/esm/packages/react/src/textarea/Textarea.js +58 -52
  670. package/dist/esm/packages/react/src/textarea/TextareaAutosize-css.js +35 -8
  671. package/dist/esm/packages/react/src/textarea/TextareaAutosize.js +43 -53
  672. package/dist/esm/packages/react/src/theme-provider/ThemeProvider.js +40 -34
  673. package/dist/esm/packages/react/src/time/Time.js +31 -17
  674. package/dist/esm/packages/react/src/time/formatDate.js +19 -14
  675. package/dist/esm/packages/react/src/toast/Toast-css.js +39 -10
  676. package/dist/esm/packages/react/src/toast/Toast.js +70 -72
  677. package/dist/esm/packages/react/src/toast/ToastAction.js +29 -16
  678. package/dist/esm/packages/react/src/toast/ToastProvider-css.js +25 -8
  679. package/dist/esm/packages/react/src/toast/ToastProvider.js +76 -86
  680. package/dist/esm/packages/react/src/toast/ToastTitle-css.js +6 -6
  681. package/dist/esm/packages/react/src/toast/ToastTitle.js +23 -12
  682. package/dist/esm/packages/react/src/toast/useOverflowAnchor.js +34 -31
  683. package/dist/esm/packages/react/src/toggle-button/ToggleButton.js +23 -12
  684. package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js +15 -7
  685. package/dist/esm/packages/react/src/toggle-input/ToggleInput.js +33 -34
  686. package/dist/esm/packages/react/src/toggle-input/ToggleInputContent.js +13 -8
  687. package/dist/esm/packages/react/src/toggle-input/ToggleInputContext.js +4 -3
  688. package/dist/esm/packages/react/src/toggle-input/ToggleInputControl-css.js +9 -9
  689. package/dist/esm/packages/react/src/toggle-input/ToggleInputControl.js +13 -9
  690. package/dist/esm/packages/react/src/toggle-input/ToggleInputDescription.js +15 -22
  691. package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput-css.js +5 -5
  692. package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput.js +28 -35
  693. package/dist/esm/packages/react/src/toggle-input/ToggleInputLabel.js +13 -12
  694. package/dist/esm/packages/react/src/tooltip/Tooltip.js +31 -41
  695. package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js +20 -6
  696. package/dist/esm/packages/react/src/tooltip/TooltipContent.js +51 -57
  697. package/dist/esm/packages/react/src/tooltip/TooltipContext.js +6 -5
  698. package/dist/esm/packages/react/src/tooltip/TooltipProvider.js +14 -15
  699. package/dist/esm/packages/react/src/tooltip/TooltipRoot.js +43 -53
  700. package/dist/esm/packages/react/src/tooltip/TooltipTrigger.js +23 -13
  701. package/dist/esm/packages/react/src/transition/Transition-css.js +13 -6
  702. package/dist/esm/packages/react/src/transition/Transition.js +35 -37
  703. package/dist/esm/packages/react/src/transition/TransitionGlobalConfig.js +3 -4
  704. package/dist/esm/packages/react/src/transition/TransitionGroup.js +53 -67
  705. package/dist/esm/packages/react/src/transition/TransitionGroupContext.js +6 -4
  706. package/dist/esm/packages/react/src/transition/useTransitionStatus.js +14 -19
  707. package/dist/esm/packages/react/src/transition/waitForAnimation.js +3 -6
  708. package/dist/esm/packages/react/src/utils/conditions.js +15 -8
  709. package/dist/esm/packages/react/src/utils/decorateChildren.js +10 -19
  710. package/dist/esm/packages/react/src/utils/fallbackSpan.js +4 -4
  711. package/dist/esm/packages/react/src/utils/isFocusCaptured.js +8 -11
  712. package/dist/esm/packages/react/src/utils/isHoverSupported.js +2 -1
  713. package/dist/esm/packages/react/src/utils/mapValues.js +5 -6
  714. package/dist/esm/packages/react/src/utils/onReactSelectInputBlur.js +6 -7
  715. package/dist/esm/packages/react/src/utils/toInstant.js +7 -3
  716. package/dist/esm/packages/react/src/utils/toPlainDate.js +6 -3
  717. package/dist/esm/packages/react/src/utils/toPlainDateTime.js +6 -2
  718. package/dist/esm/packages/react/src/utils/toPlainTime.js +11 -6
  719. package/dist/esm/packages/react/src/vanilla-extract/recipeRuntime.js +29 -49
  720. package/dist/esm/packages/react/src/visually-hidden/VisuallyHidden.js +23 -25
  721. package/dist/esm/unstable.js +42 -41
  722. package/dist/esm/vanilla-extract/recipeRuntime.js +29 -49
  723. package/dist/index-CNp4lby5.d.ts +7751 -0
  724. package/dist/index.d.ts +2 -3951
  725. package/dist/unstable.d.ts +856 -785
  726. package/package.json +3 -3
  727. package/dist/MenuTrigger-tWI6N9u6.d.ts +0 -3541
  728. package/dist/cjs/Flex-BLHMuKsO.js +0 -6771
  729. package/dist/cjs/assets/src/actions/ActionsContent.css.ts.vanilla-xiuhnN6P.css +0 -22
  730. package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-CIYWCb4-.css +0 -6
  731. package/dist/cjs/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CczQL672.css +0 -30
  732. package/dist/cjs/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Buo1lvce.css +0 -7
  733. package/dist/cjs/assets/src/badge/Badge.css.ts.vanilla-ByQvrarq.css +0 -51
  734. package/dist/cjs/assets/src/banner/Banner.css.ts.vanilla-Dh6x49Ji.css +0 -6
  735. package/dist/cjs/assets/src/button/ButtonGroup.css.ts.vanilla-DPDtpEdO.css +0 -4
  736. package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-BZO22Hdc.css +0 -9
  737. package/dist/cjs/assets/src/button/ButtonRoot.css.ts.vanilla-yaMGqAKP.css +0 -213
  738. package/dist/cjs/assets/src/calendar/Calendar.css.ts.vanilla-TPcx_rrC.css +0 -6
  739. package/dist/cjs/assets/src/calendar/CalendarGrid.css.ts.vanilla-CB-8y5T3.css +0 -7
  740. package/dist/cjs/assets/src/calendar/CalendarMonths.css.ts.vanilla-DB33caq9.css +0 -6
  741. package/dist/cjs/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-TabjfdJY.css +0 -8
  742. package/dist/cjs/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CvdjlbGh.css +0 -8
  743. package/dist/cjs/assets/src/card/Card.css.ts.vanilla-DWbwzoRi.css +0 -8
  744. package/dist/cjs/assets/src/card/CardHeader.css.ts.vanilla-BlRQdZvD.css +0 -15
  745. package/dist/cjs/assets/src/code/Code.css.ts.vanilla-9ZnTGEGF.css +0 -10
  746. package/dist/cjs/assets/src/command/CommandItem.css.ts.vanilla-Q_Dai-MJ.css +0 -6
  747. package/dist/cjs/assets/src/cover/Cover.css.ts.vanilla-BbpOadq-.css +0 -34
  748. package/dist/cjs/assets/src/data-table/DataTableBody.css.ts.vanilla-BnQRVukn.css +0 -71
  749. package/dist/cjs/assets/src/data-table/DataTableFooter.css.ts.vanilla-CiKyXdao.css +0 -6
  750. package/dist/cjs/assets/src/date-input/DateInput.css.ts.vanilla-xCJpB5oH.css +0 -15
  751. package/dist/cjs/assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DIX2vYgv.css +0 -7
  752. package/dist/cjs/assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C9KiRstx.css +0 -8
  753. package/dist/cjs/assets/src/dialog/DialogFooter.css.ts.vanilla-BDkSYfP3.css +0 -7
  754. package/dist/cjs/assets/src/dialog/DialogHeader.css.ts.vanilla-1pgnPEQn.css +0 -19
  755. package/dist/cjs/assets/src/file-upload/FileUpload.css.ts.vanilla-BTBVD4kB.css +0 -6
  756. package/dist/cjs/assets/src/highlight/Highlight.css.ts.vanilla-CeKxktqW.css +0 -7
  757. package/dist/cjs/assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-3pP2nkJr.css +0 -6
  758. package/dist/cjs/assets/src/indicator/Indicator.css.ts.vanilla-iBVx5o5Z.css +0 -36
  759. package/dist/cjs/assets/src/input/Input.css.ts.vanilla-CbepQRY0.css +0 -9
  760. package/dist/cjs/assets/src/input/InputRoot.css.ts.vanilla-1qZxJAj6.css +0 -71
  761. package/dist/cjs/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-TG20c-SJ.css +0 -7
  762. package/dist/cjs/assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css +0 -1
  763. package/dist/cjs/assets/src/layout/LayoutContent.css.ts.vanilla-Dh5-0tPG.css +0 -6
  764. package/dist/cjs/assets/src/listbox/Listbox.css.ts.vanilla-_BRZF7Pk.css +0 -6
  765. package/dist/cjs/assets/src/listbox/ListboxItem.css.ts.vanilla-FNTxUpjD.css +0 -53
  766. package/dist/cjs/assets/src/menu/MenuDialogContent.css.ts.vanilla-ofSUsvku.css +0 -7
  767. package/dist/cjs/assets/src/menu/MenuInput.css.ts.vanilla-DmiBlz5a.css +0 -6
  768. package/dist/cjs/assets/src/nav/Nav.css.ts.vanilla-CDnnp_Gl.css +0 -6
  769. package/dist/cjs/assets/src/nav/NavAccountItem.css.ts.vanilla-BO42Kghm.css +0 -9
  770. package/dist/cjs/assets/src/radio/Radio.css.ts.vanilla-BoDdnZjn.css +0 -13
  771. package/dist/cjs/assets/src/resizable/ResizableHandle.css.ts.vanilla-BS-2236C.css +0 -19
  772. package/dist/cjs/assets/src/search-input/SearchInput.css.ts.vanilla-BLT8hprO.css +0 -10
  773. package/dist/cjs/assets/src/skeleton/Skeleton.css.ts.vanilla-DjugQ9cb.css +0 -6
  774. package/dist/cjs/assets/src/sortable/SortableHandle.css.ts.vanilla-CfewFvRM.css +0 -6
  775. package/dist/cjs/assets/src/sub-nav/SubNav.css.ts.vanilla-Dme0OQNj.css +0 -6
  776. package/dist/cjs/assets/src/switch/Switch.css.ts.vanilla-D0eYDLCM.css +0 -45
  777. package/dist/cjs/assets/src/table/Table.css.ts.vanilla-Dwa2lyMQ.css +0 -18
  778. package/dist/cjs/assets/src/table/TableBody.css.ts.vanilla-GrLANjsA.css +0 -6
  779. package/dist/cjs/assets/src/table/TableHeader.css.ts.vanilla-DYli2_F0.css +0 -8
  780. package/dist/cjs/assets/src/tabs/Tabs.css.ts.vanilla-uyALizWM.css +0 -9
  781. package/dist/cjs/assets/src/textarea/Textarea.css.ts.vanilla-CtuuwYG6.css +0 -6
  782. package/dist/cjs/assets/src/textarea/TextareaAutosize.css.ts.vanilla-D9x5f6oh.css +0 -44
  783. package/dist/cjs/assets/src/toast/Toast.css.ts.vanilla-D2i_Sv9l.css +0 -104
  784. package/dist/cjs/assets/src/toast/ToastTitle.css.ts.vanilla-DXe90RQW.css +0 -6
  785. package/dist/cjs/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiM5gZJz.css +0 -25
  786. package/dist/cjs/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BHdsYTMc.css +0 -10
  787. package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-xiuhnN6P.css +0 -22
  788. package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-CIYWCb4-.css +0 -6
  789. package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CczQL672.css +0 -30
  790. package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Buo1lvce.css +0 -7
  791. package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-DPDtpEdO.css +0 -4
  792. package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-ByQvrarq.css +0 -51
  793. package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-Dh6x49Ji.css +0 -6
  794. package/dist/esm/assets/src/button/ButtonLoadable.css.ts.vanilla-BZO22Hdc.css +0 -9
  795. package/dist/esm/assets/src/button/ButtonRoot.css.ts.vanilla-yaMGqAKP.css +0 -213
  796. package/dist/esm/assets/src/calendar/Calendar.css.ts.vanilla-TPcx_rrC.css +0 -6
  797. package/dist/esm/assets/src/calendar/CalendarGrid.css.ts.vanilla-CB-8y5T3.css +0 -7
  798. package/dist/esm/assets/src/calendar/CalendarMonths.css.ts.vanilla-DB33caq9.css +0 -6
  799. package/dist/esm/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-TabjfdJY.css +0 -8
  800. package/dist/esm/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CvdjlbGh.css +0 -8
  801. package/dist/esm/assets/src/card/Card.css.ts.vanilla-DWbwzoRi.css +0 -8
  802. package/dist/esm/assets/src/card/CardHeader.css.ts.vanilla-BlRQdZvD.css +0 -15
  803. package/dist/esm/assets/src/code/Code.css.ts.vanilla-9ZnTGEGF.css +0 -10
  804. package/dist/esm/assets/src/command/CommandItem.css.ts.vanilla-Q_Dai-MJ.css +0 -6
  805. package/dist/esm/assets/src/cover/Cover.css.ts.vanilla-BbpOadq-.css +0 -34
  806. package/dist/esm/assets/src/data-table/DataTableBody.css.ts.vanilla-BnQRVukn.css +0 -71
  807. package/dist/esm/assets/src/data-table/DataTableFooter.css.ts.vanilla-CiKyXdao.css +0 -6
  808. package/dist/esm/assets/src/date-input/DateInput.css.ts.vanilla-xCJpB5oH.css +0 -15
  809. package/dist/esm/assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DIX2vYgv.css +0 -7
  810. package/dist/esm/assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C9KiRstx.css +0 -8
  811. package/dist/esm/assets/src/dialog/DialogFooter.css.ts.vanilla-BDkSYfP3.css +0 -7
  812. package/dist/esm/assets/src/dialog/DialogHeader.css.ts.vanilla-1pgnPEQn.css +0 -19
  813. package/dist/esm/assets/src/file-upload/FileUpload.css.ts.vanilla-BTBVD4kB.css +0 -6
  814. package/dist/esm/assets/src/highlight/Highlight.css.ts.vanilla-CeKxktqW.css +0 -7
  815. package/dist/esm/assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-3pP2nkJr.css +0 -6
  816. package/dist/esm/assets/src/indicator/Indicator.css.ts.vanilla-iBVx5o5Z.css +0 -36
  817. package/dist/esm/assets/src/input/Input.css.ts.vanilla-CbepQRY0.css +0 -9
  818. package/dist/esm/assets/src/input/InputRoot.css.ts.vanilla-1qZxJAj6.css +0 -71
  819. package/dist/esm/assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-TG20c-SJ.css +0 -7
  820. package/dist/esm/assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css +0 -1
  821. package/dist/esm/assets/src/layout/LayoutContent.css.ts.vanilla-Dh5-0tPG.css +0 -6
  822. package/dist/esm/assets/src/listbox/Listbox.css.ts.vanilla-_BRZF7Pk.css +0 -6
  823. package/dist/esm/assets/src/listbox/ListboxItem.css.ts.vanilla-FNTxUpjD.css +0 -53
  824. package/dist/esm/assets/src/menu/MenuDialogContent.css.ts.vanilla-ofSUsvku.css +0 -7
  825. package/dist/esm/assets/src/menu/MenuInput.css.ts.vanilla-DmiBlz5a.css +0 -6
  826. package/dist/esm/assets/src/nav/Nav.css.ts.vanilla-CDnnp_Gl.css +0 -6
  827. package/dist/esm/assets/src/nav/NavAccountItem.css.ts.vanilla-BO42Kghm.css +0 -9
  828. package/dist/esm/assets/src/radio/Radio.css.ts.vanilla-BoDdnZjn.css +0 -13
  829. package/dist/esm/assets/src/resizable/ResizableHandle.css.ts.vanilla-BS-2236C.css +0 -19
  830. package/dist/esm/assets/src/search-input/SearchInput.css.ts.vanilla-BLT8hprO.css +0 -10
  831. package/dist/esm/assets/src/skeleton/Skeleton.css.ts.vanilla-DjugQ9cb.css +0 -6
  832. package/dist/esm/assets/src/sortable/SortableHandle.css.ts.vanilla-CfewFvRM.css +0 -6
  833. package/dist/esm/assets/src/sub-nav/SubNav.css.ts.vanilla-Dme0OQNj.css +0 -6
  834. package/dist/esm/assets/src/switch/Switch.css.ts.vanilla-D0eYDLCM.css +0 -45
  835. package/dist/esm/assets/src/table/Table.css.ts.vanilla-Dwa2lyMQ.css +0 -18
  836. package/dist/esm/assets/src/table/TableBody.css.ts.vanilla-GrLANjsA.css +0 -6
  837. package/dist/esm/assets/src/table/TableHeader.css.ts.vanilla-DYli2_F0.css +0 -8
  838. package/dist/esm/assets/src/tabs/Tabs.css.ts.vanilla-uyALizWM.css +0 -9
  839. package/dist/esm/assets/src/textarea/Textarea.css.ts.vanilla-CtuuwYG6.css +0 -6
  840. package/dist/esm/assets/src/textarea/TextareaAutosize.css.ts.vanilla-D9x5f6oh.css +0 -44
  841. package/dist/esm/assets/src/toast/Toast.css.ts.vanilla-D2i_Sv9l.css +0 -104
  842. package/dist/esm/assets/src/toast/ToastTitle.css.ts.vanilla-DXe90RQW.css +0 -6
  843. package/dist/esm/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiM5gZJz.css +0 -25
  844. package/dist/esm/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BHdsYTMc.css +0 -10
  845. package/dist/esm/packages/react/package.json.js +0 -3
@@ -1,3541 +0,0 @@
1
- import * as react from 'react';
2
- import { ElementType, ComponentPropsWithoutRef, ReactNode, MouseEvent, ReactElement, ContextType } from 'react';
3
- import { DayPicker, Matcher } from 'react-day-picker';
4
- import * as react_jsx_runtime from 'react/jsx-runtime';
5
- import * as _radix_ui_react_popover from '@radix-ui/react-popover';
6
- import * as RadixDialog from '@radix-ui/react-dialog';
7
-
8
- type ExcludeProps<P, T extends keyof P> = Omit<P, T>;
9
-
10
- type ExtendProps<T1, T2> = NonNullable<T2> & Omit<NonNullable<T1>, keyof NonNullable<T1> & keyof NonNullable<T2>>;
11
-
12
- interface ResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
13
- 0: Value;
14
- length: Length;
15
- }
16
- type ResponsiveArrayByMaxLength<MaxLength extends number, Value> = [
17
- never,
18
- ResponsiveArray<1, Value | null>,
19
- ResponsiveArray<1 | 2, Value | null>,
20
- ResponsiveArray<1 | 2 | 3, Value | null>,
21
- ResponsiveArray<1 | 2 | 3 | 4, Value | null>,
22
- ResponsiveArray<1 | 2 | 3 | 4 | 5, Value | null>,
23
- ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, Value | null>,
24
- ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, Value | null>,
25
- ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, Value | null>
26
- ][MaxLength];
27
- type Conditions<ConditionName extends string> = {
28
- conditions: {
29
- defaultCondition: ConditionName | false;
30
- conditionNames: Array<ConditionName>;
31
- responsiveArray?: Array<ConditionName>;
32
- };
33
- };
34
- type ExtractDefaultCondition<SprinklesProperties extends Conditions<string>> = SprinklesProperties['conditions']['defaultCondition'];
35
- type ExtractConditionNames<SprinklesProperties extends Conditions<string>> = SprinklesProperties['conditions']['conditionNames'][number];
36
- type ConditionalValue<SprinklesProperties extends Conditions<string>, Value extends string | number | boolean> = (ExtractDefaultCondition<SprinklesProperties> extends false ? never : Value) | Partial<Record<ExtractConditionNames<SprinklesProperties>, Value>> | (SprinklesProperties['conditions']['responsiveArray'] extends {
37
- length: number;
38
- } ? ResponsiveArrayByMaxLength<SprinklesProperties['conditions']['responsiveArray']['length'], Value> : never);
39
-
40
- declare const vars: {
41
- fontFamilyVar: `var(--${string})`;
42
- };
43
- declare const sprinkles: ((props: {
44
- animation?: "ping" | "pulse" | "spin" | undefined;
45
- backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
46
- backgroundImage?: "gradient.opal" | undefined;
47
- borderBottomWidth?: "0" | "1" | "2" | undefined;
48
- borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
49
- borderLeftWidth?: "0" | "1" | "2" | undefined;
50
- borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
51
- borderRightWidth?: "0" | "1" | "2" | undefined;
52
- borderTopWidth?: "0" | "1" | "2" | undefined;
53
- boxShadow?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
54
- color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
55
- cursor?: "pointer" | "default" | "text" | undefined;
56
- fontFamily?: "mono" | "sans" | undefined;
57
- fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
58
- fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
59
- marginBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
60
- marginLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
61
- marginRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
62
- marginTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
63
- objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
64
- overflowX?: "auto" | "hidden" | "visible" | undefined;
65
- overflowY?: "auto" | "hidden" | "visible" | undefined;
66
- paddingBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
67
- paddingLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
68
- paddingRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
69
- paddingTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
70
- pointerEvents?: "auto" | "none" | undefined;
71
- textAlign?: "end" | "start" | "center" | "justify" | undefined;
72
- textTransform?: "none" | "capitalize" | "uppercase" | undefined;
73
- transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
74
- whiteSpace?: "nowrap" | undefined;
75
- zIndex?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
76
- bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
77
- border?: "0" | "1" | "2" | undefined;
78
- borderB?: "0" | "1" | "2" | undefined;
79
- borderL?: "0" | "1" | "2" | undefined;
80
- borderR?: "0" | "1" | "2" | undefined;
81
- borderT?: "0" | "1" | "2" | undefined;
82
- m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
83
- mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
84
- my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
85
- mb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
86
- ml?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
87
- mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
88
- mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
89
- overflow?: "auto" | "hidden" | "visible" | undefined;
90
- p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
91
- px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
92
- py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
93
- pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
94
- pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
95
- pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
96
- pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
97
- rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
98
- shadow?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
99
- z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
100
- } & {
101
- alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
102
- readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
103
- readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
104
- readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
105
- } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
106
- alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
107
- readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
108
- readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
109
- readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
110
- } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
111
- display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
112
- readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
113
- readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
114
- readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
115
- } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
116
- flex?: ("1" | "auto" | "none" | "initial" | {
117
- readonly base?: "1" | "auto" | "none" | "initial" | undefined;
118
- readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
119
- readonly md?: "1" | "auto" | "none" | "initial" | undefined;
120
- } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
121
- flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
122
- readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
123
- readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
124
- readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
125
- } | undefined) | ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
126
- flexWrap?: ("nowrap" | "wrap" | {
127
- readonly base?: "nowrap" | "wrap" | undefined;
128
- readonly sm?: "nowrap" | "wrap" | undefined;
129
- readonly md?: "nowrap" | "wrap" | undefined;
130
- } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
131
- gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
132
- readonly base?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
133
- readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
134
- readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
135
- } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
136
- gridAutoRows?: ("fr" | {
137
- readonly base?: "fr" | undefined;
138
- readonly sm?: "fr" | undefined;
139
- readonly md?: "fr" | undefined;
140
- } | undefined) | ResponsiveArray<2 | 1 | 3, "fr" | null>;
141
- gridColumn?: ("1" | "2" | "3" | "4" | {
142
- readonly base?: "1" | "2" | "3" | "4" | undefined;
143
- readonly sm?: "1" | "2" | "3" | "4" | undefined;
144
- readonly md?: "1" | "2" | "3" | "4" | undefined;
145
- } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
146
- gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
147
- readonly base?: "1" | "2" | "3" | "4" | undefined;
148
- readonly sm?: "1" | "2" | "3" | "4" | undefined;
149
- readonly md?: "1" | "2" | "3" | "4" | undefined;
150
- } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
151
- height?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
152
- readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
153
- readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
154
- readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
155
- } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
156
- justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
157
- readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
158
- readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
159
- readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
160
- } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
161
- justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
162
- readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
163
- readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
164
- readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
165
- } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
166
- maxHeight?: ("xs" | "sm" | "md" | "lg" | "full" | {
167
- readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
168
- readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
169
- readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
170
- } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
171
- maxWidth?: ("xs" | "sm" | "md" | "lg" | "full" | {
172
- readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
173
- readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
174
- readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
175
- } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
176
- placeItems?: ("center" | {
177
- readonly base?: "center" | undefined;
178
- readonly sm?: "center" | undefined;
179
- readonly md?: "center" | undefined;
180
- } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
181
- width?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
182
- readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
183
- readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
184
- readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
185
- } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
186
- maxH?: ("xs" | "sm" | "md" | "lg" | "full" | {
187
- readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
188
- readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
189
- readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
190
- } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
191
- maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
192
- readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
193
- readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
194
- readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
195
- } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
196
- size?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
197
- readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
198
- readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
199
- readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
200
- } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
201
- h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
202
- readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
203
- readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
204
- readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
205
- } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
206
- w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
207
- readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
208
- readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
209
- readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
210
- } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
211
- }) => string) & {
212
- properties: Set<"borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "animation" | "fontFamily" | "fontSize" | "size" | "backgroundColor" | "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" | "height" | "maxHeight" | "maxWidth" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
213
- };
214
- declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends ConditionalValue<{
215
- conditions: {
216
- defaultCondition: "base";
217
- conditionNames: ("sm" | "md" | "base")[];
218
- responsiveArray: ("sm" | "md" | "base")[] & {
219
- length: 3;
220
- };
221
- };
222
- styles: {
223
- alignItems: {
224
- responsiveArray: ("sm" | "md" | "base")[] & {
225
- length: 3;
226
- };
227
- values: {
228
- end: {
229
- defaultClass: string;
230
- conditions: {
231
- readonly base: string;
232
- readonly sm: string;
233
- readonly md: string;
234
- };
235
- };
236
- start: {
237
- defaultClass: string;
238
- conditions: {
239
- readonly base: string;
240
- readonly sm: string;
241
- readonly md: string;
242
- };
243
- };
244
- center: {
245
- defaultClass: string;
246
- conditions: {
247
- readonly base: string;
248
- readonly sm: string;
249
- readonly md: string;
250
- };
251
- };
252
- normal: {
253
- defaultClass: string;
254
- conditions: {
255
- readonly base: string;
256
- readonly sm: string;
257
- readonly md: string;
258
- };
259
- };
260
- stretch: {
261
- defaultClass: string;
262
- conditions: {
263
- readonly base: string;
264
- readonly sm: string;
265
- readonly md: string;
266
- };
267
- };
268
- };
269
- };
270
- alignSelf: {
271
- responsiveArray: ("sm" | "md" | "base")[] & {
272
- length: 3;
273
- };
274
- values: {
275
- end: {
276
- defaultClass: string;
277
- conditions: {
278
- readonly base: string;
279
- readonly sm: string;
280
- readonly md: string;
281
- };
282
- };
283
- start: {
284
- defaultClass: string;
285
- conditions: {
286
- readonly base: string;
287
- readonly sm: string;
288
- readonly md: string;
289
- };
290
- };
291
- center: {
292
- defaultClass: string;
293
- conditions: {
294
- readonly base: string;
295
- readonly sm: string;
296
- readonly md: string;
297
- };
298
- };
299
- normal: {
300
- defaultClass: string;
301
- conditions: {
302
- readonly base: string;
303
- readonly sm: string;
304
- readonly md: string;
305
- };
306
- };
307
- stretch: {
308
- defaultClass: string;
309
- conditions: {
310
- readonly base: string;
311
- readonly sm: string;
312
- readonly md: string;
313
- };
314
- };
315
- };
316
- };
317
- display: {
318
- responsiveArray: ("sm" | "md" | "base")[] & {
319
- length: 3;
320
- };
321
- values: {
322
- none: {
323
- defaultClass: string;
324
- conditions: {
325
- readonly base: string;
326
- readonly sm: string;
327
- readonly md: string;
328
- };
329
- };
330
- flex: {
331
- defaultClass: string;
332
- conditions: {
333
- readonly base: string;
334
- readonly sm: string;
335
- readonly md: string;
336
- };
337
- };
338
- grid: {
339
- defaultClass: string;
340
- conditions: {
341
- readonly base: string;
342
- readonly sm: string;
343
- readonly md: string;
344
- };
345
- };
346
- block: {
347
- defaultClass: string;
348
- conditions: {
349
- readonly base: string;
350
- readonly sm: string;
351
- readonly md: string;
352
- };
353
- };
354
- inline: {
355
- defaultClass: string;
356
- conditions: {
357
- readonly base: string;
358
- readonly sm: string;
359
- readonly md: string;
360
- };
361
- };
362
- "inline-block": {
363
- defaultClass: string;
364
- conditions: {
365
- readonly base: string;
366
- readonly sm: string;
367
- readonly md: string;
368
- };
369
- };
370
- "inline-flex": {
371
- defaultClass: string;
372
- conditions: {
373
- readonly base: string;
374
- readonly sm: string;
375
- readonly md: string;
376
- };
377
- };
378
- table: {
379
- defaultClass: string;
380
- conditions: {
381
- readonly base: string;
382
- readonly sm: string;
383
- readonly md: string;
384
- };
385
- };
386
- "table-cell": {
387
- defaultClass: string;
388
- conditions: {
389
- readonly base: string;
390
- readonly sm: string;
391
- readonly md: string;
392
- };
393
- };
394
- "table-row": {
395
- defaultClass: string;
396
- conditions: {
397
- readonly base: string;
398
- readonly sm: string;
399
- readonly md: string;
400
- };
401
- };
402
- };
403
- };
404
- flex: {
405
- responsiveArray: ("sm" | "md" | "base")[] & {
406
- length: 3;
407
- };
408
- values: {
409
- 1: {
410
- defaultClass: string;
411
- conditions: {
412
- readonly base: string;
413
- readonly sm: string;
414
- readonly md: string;
415
- };
416
- };
417
- auto: {
418
- defaultClass: string;
419
- conditions: {
420
- readonly base: string;
421
- readonly sm: string;
422
- readonly md: string;
423
- };
424
- };
425
- none: {
426
- defaultClass: string;
427
- conditions: {
428
- readonly base: string;
429
- readonly sm: string;
430
- readonly md: string;
431
- };
432
- };
433
- initial: {
434
- defaultClass: string;
435
- conditions: {
436
- readonly base: string;
437
- readonly sm: string;
438
- readonly md: string;
439
- };
440
- };
441
- };
442
- };
443
- flexDirection: {
444
- responsiveArray: ("sm" | "md" | "base")[] & {
445
- length: 3;
446
- };
447
- values: {
448
- column: {
449
- defaultClass: string;
450
- conditions: {
451
- readonly base: string;
452
- readonly sm: string;
453
- readonly md: string;
454
- };
455
- };
456
- "column-reverse": {
457
- defaultClass: string;
458
- conditions: {
459
- readonly base: string;
460
- readonly sm: string;
461
- readonly md: string;
462
- };
463
- };
464
- row: {
465
- defaultClass: string;
466
- conditions: {
467
- readonly base: string;
468
- readonly sm: string;
469
- readonly md: string;
470
- };
471
- };
472
- "row-reverse": {
473
- defaultClass: string;
474
- conditions: {
475
- readonly base: string;
476
- readonly sm: string;
477
- readonly md: string;
478
- };
479
- };
480
- };
481
- };
482
- flexWrap: {
483
- responsiveArray: ("sm" | "md" | "base")[] & {
484
- length: 3;
485
- };
486
- values: {
487
- nowrap: {
488
- defaultClass: string;
489
- conditions: {
490
- readonly base: string;
491
- readonly sm: string;
492
- readonly md: string;
493
- };
494
- };
495
- wrap: {
496
- defaultClass: string;
497
- conditions: {
498
- readonly base: string;
499
- readonly sm: string;
500
- readonly md: string;
501
- };
502
- };
503
- };
504
- };
505
- gap: {
506
- responsiveArray: ("sm" | "md" | "base")[] & {
507
- length: 3;
508
- };
509
- values: {
510
- 0: {
511
- defaultClass: string;
512
- conditions: {
513
- readonly base: string;
514
- readonly sm: string;
515
- readonly md: string;
516
- };
517
- };
518
- 2: {
519
- defaultClass: string;
520
- conditions: {
521
- readonly base: string;
522
- readonly sm: string;
523
- readonly md: string;
524
- };
525
- };
526
- 4: {
527
- defaultClass: string;
528
- conditions: {
529
- readonly base: string;
530
- readonly sm: string;
531
- readonly md: string;
532
- };
533
- };
534
- 6: {
535
- defaultClass: string;
536
- conditions: {
537
- readonly base: string;
538
- readonly sm: string;
539
- readonly md: string;
540
- };
541
- };
542
- 8: {
543
- defaultClass: string;
544
- conditions: {
545
- readonly base: string;
546
- readonly sm: string;
547
- readonly md: string;
548
- };
549
- };
550
- 10: {
551
- defaultClass: string;
552
- conditions: {
553
- readonly base: string;
554
- readonly sm: string;
555
- readonly md: string;
556
- };
557
- };
558
- 12: {
559
- defaultClass: string;
560
- conditions: {
561
- readonly base: string;
562
- readonly sm: string;
563
- readonly md: string;
564
- };
565
- };
566
- 16: {
567
- defaultClass: string;
568
- conditions: {
569
- readonly base: string;
570
- readonly sm: string;
571
- readonly md: string;
572
- };
573
- };
574
- 20: {
575
- defaultClass: string;
576
- conditions: {
577
- readonly base: string;
578
- readonly sm: string;
579
- readonly md: string;
580
- };
581
- };
582
- 24: {
583
- defaultClass: string;
584
- conditions: {
585
- readonly base: string;
586
- readonly sm: string;
587
- readonly md: string;
588
- };
589
- };
590
- 32: {
591
- defaultClass: string;
592
- conditions: {
593
- readonly base: string;
594
- readonly sm: string;
595
- readonly md: string;
596
- };
597
- };
598
- 40: {
599
- defaultClass: string;
600
- conditions: {
601
- readonly base: string;
602
- readonly sm: string;
603
- readonly md: string;
604
- };
605
- };
606
- 48: {
607
- defaultClass: string;
608
- conditions: {
609
- readonly base: string;
610
- readonly sm: string;
611
- readonly md: string;
612
- };
613
- };
614
- 64: {
615
- defaultClass: string;
616
- conditions: {
617
- readonly base: string;
618
- readonly sm: string;
619
- readonly md: string;
620
- };
621
- };
622
- 80: {
623
- defaultClass: string;
624
- conditions: {
625
- readonly base: string;
626
- readonly sm: string;
627
- readonly md: string;
628
- };
629
- };
630
- };
631
- };
632
- gridAutoRows: {
633
- responsiveArray: ("sm" | "md" | "base")[] & {
634
- length: 3;
635
- };
636
- values: {
637
- fr: {
638
- defaultClass: string;
639
- conditions: {
640
- readonly base: string;
641
- readonly sm: string;
642
- readonly md: string;
643
- };
644
- };
645
- };
646
- };
647
- gridColumn: {
648
- responsiveArray: ("sm" | "md" | "base")[] & {
649
- length: 3;
650
- };
651
- values: {
652
- 1: {
653
- defaultClass: string;
654
- conditions: {
655
- readonly base: string;
656
- readonly sm: string;
657
- readonly md: string;
658
- };
659
- };
660
- 2: {
661
- defaultClass: string;
662
- conditions: {
663
- readonly base: string;
664
- readonly sm: string;
665
- readonly md: string;
666
- };
667
- };
668
- 3: {
669
- defaultClass: string;
670
- conditions: {
671
- readonly base: string;
672
- readonly sm: string;
673
- readonly md: string;
674
- };
675
- };
676
- 4: {
677
- defaultClass: string;
678
- conditions: {
679
- readonly base: string;
680
- readonly sm: string;
681
- readonly md: string;
682
- };
683
- };
684
- };
685
- };
686
- gridTemplateColumns: {
687
- responsiveArray: ("sm" | "md" | "base")[] & {
688
- length: 3;
689
- };
690
- values: {
691
- 1: {
692
- defaultClass: string;
693
- conditions: {
694
- readonly base: string;
695
- readonly sm: string;
696
- readonly md: string;
697
- };
698
- };
699
- 2: {
700
- defaultClass: string;
701
- conditions: {
702
- readonly base: string;
703
- readonly sm: string;
704
- readonly md: string;
705
- };
706
- };
707
- 3: {
708
- defaultClass: string;
709
- conditions: {
710
- readonly base: string;
711
- readonly sm: string;
712
- readonly md: string;
713
- };
714
- };
715
- 4: {
716
- defaultClass: string;
717
- conditions: {
718
- readonly base: string;
719
- readonly sm: string;
720
- readonly md: string;
721
- };
722
- };
723
- };
724
- };
725
- height: {
726
- responsiveArray: ("sm" | "md" | "base")[] & {
727
- length: 3;
728
- };
729
- values: {
730
- 0: {
731
- defaultClass: string;
732
- conditions: {
733
- readonly base: string;
734
- readonly sm: string;
735
- readonly md: string;
736
- };
737
- };
738
- xs: {
739
- defaultClass: string;
740
- conditions: {
741
- readonly base: string;
742
- readonly sm: string;
743
- readonly md: string;
744
- };
745
- };
746
- sm: {
747
- defaultClass: string;
748
- conditions: {
749
- readonly base: string;
750
- readonly sm: string;
751
- readonly md: string;
752
- };
753
- };
754
- md: {
755
- defaultClass: string;
756
- conditions: {
757
- readonly base: string;
758
- readonly sm: string;
759
- readonly md: string;
760
- };
761
- };
762
- lg: {
763
- defaultClass: string;
764
- conditions: {
765
- readonly base: string;
766
- readonly sm: string;
767
- readonly md: string;
768
- };
769
- };
770
- xl: {
771
- defaultClass: string;
772
- conditions: {
773
- readonly base: string;
774
- readonly sm: string;
775
- readonly md: string;
776
- };
777
- };
778
- full: {
779
- defaultClass: string;
780
- conditions: {
781
- readonly base: string;
782
- readonly sm: string;
783
- readonly md: string;
784
- };
785
- };
786
- "3xl": {
787
- defaultClass: string;
788
- conditions: {
789
- readonly base: string;
790
- readonly sm: string;
791
- readonly md: string;
792
- };
793
- };
794
- 10: {
795
- defaultClass: string;
796
- conditions: {
797
- readonly base: string;
798
- readonly sm: string;
799
- readonly md: string;
800
- };
801
- };
802
- 12: {
803
- defaultClass: string;
804
- conditions: {
805
- readonly base: string;
806
- readonly sm: string;
807
- readonly md: string;
808
- };
809
- };
810
- 16: {
811
- defaultClass: string;
812
- conditions: {
813
- readonly base: string;
814
- readonly sm: string;
815
- readonly md: string;
816
- };
817
- };
818
- 20: {
819
- defaultClass: string;
820
- conditions: {
821
- readonly base: string;
822
- readonly sm: string;
823
- readonly md: string;
824
- };
825
- };
826
- 24: {
827
- defaultClass: string;
828
- conditions: {
829
- readonly base: string;
830
- readonly sm: string;
831
- readonly md: string;
832
- };
833
- };
834
- 32: {
835
- defaultClass: string;
836
- conditions: {
837
- readonly base: string;
838
- readonly sm: string;
839
- readonly md: string;
840
- };
841
- };
842
- 40: {
843
- defaultClass: string;
844
- conditions: {
845
- readonly base: string;
846
- readonly sm: string;
847
- readonly md: string;
848
- };
849
- };
850
- 48: {
851
- defaultClass: string;
852
- conditions: {
853
- readonly base: string;
854
- readonly sm: string;
855
- readonly md: string;
856
- };
857
- };
858
- 64: {
859
- defaultClass: string;
860
- conditions: {
861
- readonly base: string;
862
- readonly sm: string;
863
- readonly md: string;
864
- };
865
- };
866
- 80: {
867
- defaultClass: string;
868
- conditions: {
869
- readonly base: string;
870
- readonly sm: string;
871
- readonly md: string;
872
- };
873
- };
874
- auto: {
875
- defaultClass: string;
876
- conditions: {
877
- readonly base: string;
878
- readonly sm: string;
879
- readonly md: string;
880
- };
881
- };
882
- "2xs": {
883
- defaultClass: string;
884
- conditions: {
885
- readonly base: string;
886
- readonly sm: string;
887
- readonly md: string;
888
- };
889
- };
890
- 56: {
891
- defaultClass: string;
892
- conditions: {
893
- readonly base: string;
894
- readonly sm: string;
895
- readonly md: string;
896
- };
897
- };
898
- 224: {
899
- defaultClass: string;
900
- conditions: {
901
- readonly base: string;
902
- readonly sm: string;
903
- readonly md: string;
904
- };
905
- };
906
- 384: {
907
- defaultClass: string;
908
- conditions: {
909
- readonly base: string;
910
- readonly sm: string;
911
- readonly md: string;
912
- };
913
- };
914
- "1/2": {
915
- defaultClass: string;
916
- conditions: {
917
- readonly base: string;
918
- readonly sm: string;
919
- readonly md: string;
920
- };
921
- };
922
- "1/3": {
923
- defaultClass: string;
924
- conditions: {
925
- readonly base: string;
926
- readonly sm: string;
927
- readonly md: string;
928
- };
929
- };
930
- "2/3": {
931
- defaultClass: string;
932
- conditions: {
933
- readonly base: string;
934
- readonly sm: string;
935
- readonly md: string;
936
- };
937
- };
938
- "1/4": {
939
- defaultClass: string;
940
- conditions: {
941
- readonly base: string;
942
- readonly sm: string;
943
- readonly md: string;
944
- };
945
- };
946
- "3/4": {
947
- defaultClass: string;
948
- conditions: {
949
- readonly base: string;
950
- readonly sm: string;
951
- readonly md: string;
952
- };
953
- };
954
- fit: {
955
- defaultClass: string;
956
- conditions: {
957
- readonly base: string;
958
- readonly sm: string;
959
- readonly md: string;
960
- };
961
- };
962
- max: {
963
- defaultClass: string;
964
- conditions: {
965
- readonly base: string;
966
- readonly sm: string;
967
- readonly md: string;
968
- };
969
- };
970
- min: {
971
- defaultClass: string;
972
- conditions: {
973
- readonly base: string;
974
- readonly sm: string;
975
- readonly md: string;
976
- };
977
- };
978
- };
979
- };
980
- justifyContent: {
981
- responsiveArray: ("sm" | "md" | "base")[] & {
982
- length: 3;
983
- };
984
- values: {
985
- end: {
986
- defaultClass: string;
987
- conditions: {
988
- readonly base: string;
989
- readonly sm: string;
990
- readonly md: string;
991
- };
992
- };
993
- start: {
994
- defaultClass: string;
995
- conditions: {
996
- readonly base: string;
997
- readonly sm: string;
998
- readonly md: string;
999
- };
1000
- };
1001
- center: {
1002
- defaultClass: string;
1003
- conditions: {
1004
- readonly base: string;
1005
- readonly sm: string;
1006
- readonly md: string;
1007
- };
1008
- };
1009
- normal: {
1010
- defaultClass: string;
1011
- conditions: {
1012
- readonly base: string;
1013
- readonly sm: string;
1014
- readonly md: string;
1015
- };
1016
- };
1017
- stretch: {
1018
- defaultClass: string;
1019
- conditions: {
1020
- readonly base: string;
1021
- readonly sm: string;
1022
- readonly md: string;
1023
- };
1024
- };
1025
- "flex-end": {
1026
- defaultClass: string;
1027
- conditions: {
1028
- readonly base: string;
1029
- readonly sm: string;
1030
- readonly md: string;
1031
- };
1032
- };
1033
- "flex-start": {
1034
- defaultClass: string;
1035
- conditions: {
1036
- readonly base: string;
1037
- readonly sm: string;
1038
- readonly md: string;
1039
- };
1040
- };
1041
- "space-around": {
1042
- defaultClass: string;
1043
- conditions: {
1044
- readonly base: string;
1045
- readonly sm: string;
1046
- readonly md: string;
1047
- };
1048
- };
1049
- "space-between": {
1050
- defaultClass: string;
1051
- conditions: {
1052
- readonly base: string;
1053
- readonly sm: string;
1054
- readonly md: string;
1055
- };
1056
- };
1057
- "space-evenly": {
1058
- defaultClass: string;
1059
- conditions: {
1060
- readonly base: string;
1061
- readonly sm: string;
1062
- readonly md: string;
1063
- };
1064
- };
1065
- };
1066
- };
1067
- justifyItems: {
1068
- responsiveArray: ("sm" | "md" | "base")[] & {
1069
- length: 3;
1070
- };
1071
- values: {
1072
- end: {
1073
- defaultClass: string;
1074
- conditions: {
1075
- readonly base: string;
1076
- readonly sm: string;
1077
- readonly md: string;
1078
- };
1079
- };
1080
- start: {
1081
- defaultClass: string;
1082
- conditions: {
1083
- readonly base: string;
1084
- readonly sm: string;
1085
- readonly md: string;
1086
- };
1087
- };
1088
- center: {
1089
- defaultClass: string;
1090
- conditions: {
1091
- readonly base: string;
1092
- readonly sm: string;
1093
- readonly md: string;
1094
- };
1095
- };
1096
- normal: {
1097
- defaultClass: string;
1098
- conditions: {
1099
- readonly base: string;
1100
- readonly sm: string;
1101
- readonly md: string;
1102
- };
1103
- };
1104
- stretch: {
1105
- defaultClass: string;
1106
- conditions: {
1107
- readonly base: string;
1108
- readonly sm: string;
1109
- readonly md: string;
1110
- };
1111
- };
1112
- };
1113
- };
1114
- maxHeight: {
1115
- responsiveArray: ("sm" | "md" | "base")[] & {
1116
- length: 3;
1117
- };
1118
- values: {
1119
- xs: {
1120
- defaultClass: string;
1121
- conditions: {
1122
- readonly base: string;
1123
- readonly sm: string;
1124
- readonly md: string;
1125
- };
1126
- };
1127
- sm: {
1128
- defaultClass: string;
1129
- conditions: {
1130
- readonly base: string;
1131
- readonly sm: string;
1132
- readonly md: string;
1133
- };
1134
- };
1135
- md: {
1136
- defaultClass: string;
1137
- conditions: {
1138
- readonly base: string;
1139
- readonly sm: string;
1140
- readonly md: string;
1141
- };
1142
- };
1143
- lg: {
1144
- defaultClass: string;
1145
- conditions: {
1146
- readonly base: string;
1147
- readonly sm: string;
1148
- readonly md: string;
1149
- };
1150
- };
1151
- full: {
1152
- defaultClass: string;
1153
- conditions: {
1154
- readonly base: string;
1155
- readonly sm: string;
1156
- readonly md: string;
1157
- };
1158
- };
1159
- };
1160
- };
1161
- maxWidth: {
1162
- responsiveArray: ("sm" | "md" | "base")[] & {
1163
- length: 3;
1164
- };
1165
- values: {
1166
- xs: {
1167
- defaultClass: string;
1168
- conditions: {
1169
- readonly base: string;
1170
- readonly sm: string;
1171
- readonly md: string;
1172
- };
1173
- };
1174
- sm: {
1175
- defaultClass: string;
1176
- conditions: {
1177
- readonly base: string;
1178
- readonly sm: string;
1179
- readonly md: string;
1180
- };
1181
- };
1182
- md: {
1183
- defaultClass: string;
1184
- conditions: {
1185
- readonly base: string;
1186
- readonly sm: string;
1187
- readonly md: string;
1188
- };
1189
- };
1190
- lg: {
1191
- defaultClass: string;
1192
- conditions: {
1193
- readonly base: string;
1194
- readonly sm: string;
1195
- readonly md: string;
1196
- };
1197
- };
1198
- full: {
1199
- defaultClass: string;
1200
- conditions: {
1201
- readonly base: string;
1202
- readonly sm: string;
1203
- readonly md: string;
1204
- };
1205
- };
1206
- };
1207
- };
1208
- placeItems: {
1209
- responsiveArray: ("sm" | "md" | "base")[] & {
1210
- length: 3;
1211
- };
1212
- values: {
1213
- center: {
1214
- defaultClass: string;
1215
- conditions: {
1216
- readonly base: string;
1217
- readonly sm: string;
1218
- readonly md: string;
1219
- };
1220
- };
1221
- };
1222
- };
1223
- width: {
1224
- responsiveArray: ("sm" | "md" | "base")[] & {
1225
- length: 3;
1226
- };
1227
- values: {
1228
- 0: {
1229
- defaultClass: string;
1230
- conditions: {
1231
- readonly base: string;
1232
- readonly sm: string;
1233
- readonly md: string;
1234
- };
1235
- };
1236
- xs: {
1237
- defaultClass: string;
1238
- conditions: {
1239
- readonly base: string;
1240
- readonly sm: string;
1241
- readonly md: string;
1242
- };
1243
- };
1244
- sm: {
1245
- defaultClass: string;
1246
- conditions: {
1247
- readonly base: string;
1248
- readonly sm: string;
1249
- readonly md: string;
1250
- };
1251
- };
1252
- md: {
1253
- defaultClass: string;
1254
- conditions: {
1255
- readonly base: string;
1256
- readonly sm: string;
1257
- readonly md: string;
1258
- };
1259
- };
1260
- lg: {
1261
- defaultClass: string;
1262
- conditions: {
1263
- readonly base: string;
1264
- readonly sm: string;
1265
- readonly md: string;
1266
- };
1267
- };
1268
- xl: {
1269
- defaultClass: string;
1270
- conditions: {
1271
- readonly base: string;
1272
- readonly sm: string;
1273
- readonly md: string;
1274
- };
1275
- };
1276
- full: {
1277
- defaultClass: string;
1278
- conditions: {
1279
- readonly base: string;
1280
- readonly sm: string;
1281
- readonly md: string;
1282
- };
1283
- };
1284
- "3xl": {
1285
- defaultClass: string;
1286
- conditions: {
1287
- readonly base: string;
1288
- readonly sm: string;
1289
- readonly md: string;
1290
- };
1291
- };
1292
- 10: {
1293
- defaultClass: string;
1294
- conditions: {
1295
- readonly base: string;
1296
- readonly sm: string;
1297
- readonly md: string;
1298
- };
1299
- };
1300
- 12: {
1301
- defaultClass: string;
1302
- conditions: {
1303
- readonly base: string;
1304
- readonly sm: string;
1305
- readonly md: string;
1306
- };
1307
- };
1308
- 16: {
1309
- defaultClass: string;
1310
- conditions: {
1311
- readonly base: string;
1312
- readonly sm: string;
1313
- readonly md: string;
1314
- };
1315
- };
1316
- 20: {
1317
- defaultClass: string;
1318
- conditions: {
1319
- readonly base: string;
1320
- readonly sm: string;
1321
- readonly md: string;
1322
- };
1323
- };
1324
- 24: {
1325
- defaultClass: string;
1326
- conditions: {
1327
- readonly base: string;
1328
- readonly sm: string;
1329
- readonly md: string;
1330
- };
1331
- };
1332
- 32: {
1333
- defaultClass: string;
1334
- conditions: {
1335
- readonly base: string;
1336
- readonly sm: string;
1337
- readonly md: string;
1338
- };
1339
- };
1340
- 40: {
1341
- defaultClass: string;
1342
- conditions: {
1343
- readonly base: string;
1344
- readonly sm: string;
1345
- readonly md: string;
1346
- };
1347
- };
1348
- 48: {
1349
- defaultClass: string;
1350
- conditions: {
1351
- readonly base: string;
1352
- readonly sm: string;
1353
- readonly md: string;
1354
- };
1355
- };
1356
- 64: {
1357
- defaultClass: string;
1358
- conditions: {
1359
- readonly base: string;
1360
- readonly sm: string;
1361
- readonly md: string;
1362
- };
1363
- };
1364
- 80: {
1365
- defaultClass: string;
1366
- conditions: {
1367
- readonly base: string;
1368
- readonly sm: string;
1369
- readonly md: string;
1370
- };
1371
- };
1372
- auto: {
1373
- defaultClass: string;
1374
- conditions: {
1375
- readonly base: string;
1376
- readonly sm: string;
1377
- readonly md: string;
1378
- };
1379
- };
1380
- "2xs": {
1381
- defaultClass: string;
1382
- conditions: {
1383
- readonly base: string;
1384
- readonly sm: string;
1385
- readonly md: string;
1386
- };
1387
- };
1388
- 56: {
1389
- defaultClass: string;
1390
- conditions: {
1391
- readonly base: string;
1392
- readonly sm: string;
1393
- readonly md: string;
1394
- };
1395
- };
1396
- 224: {
1397
- defaultClass: string;
1398
- conditions: {
1399
- readonly base: string;
1400
- readonly sm: string;
1401
- readonly md: string;
1402
- };
1403
- };
1404
- 384: {
1405
- defaultClass: string;
1406
- conditions: {
1407
- readonly base: string;
1408
- readonly sm: string;
1409
- readonly md: string;
1410
- };
1411
- };
1412
- "1/2": {
1413
- defaultClass: string;
1414
- conditions: {
1415
- readonly base: string;
1416
- readonly sm: string;
1417
- readonly md: string;
1418
- };
1419
- };
1420
- "1/3": {
1421
- defaultClass: string;
1422
- conditions: {
1423
- readonly base: string;
1424
- readonly sm: string;
1425
- readonly md: string;
1426
- };
1427
- };
1428
- "2/3": {
1429
- defaultClass: string;
1430
- conditions: {
1431
- readonly base: string;
1432
- readonly sm: string;
1433
- readonly md: string;
1434
- };
1435
- };
1436
- "1/4": {
1437
- defaultClass: string;
1438
- conditions: {
1439
- readonly base: string;
1440
- readonly sm: string;
1441
- readonly md: string;
1442
- };
1443
- };
1444
- "3/4": {
1445
- defaultClass: string;
1446
- conditions: {
1447
- readonly base: string;
1448
- readonly sm: string;
1449
- readonly md: string;
1450
- };
1451
- };
1452
- fit: {
1453
- defaultClass: string;
1454
- conditions: {
1455
- readonly base: string;
1456
- readonly sm: string;
1457
- readonly md: string;
1458
- };
1459
- };
1460
- max: {
1461
- defaultClass: string;
1462
- conditions: {
1463
- readonly base: string;
1464
- readonly sm: string;
1465
- readonly md: string;
1466
- };
1467
- };
1468
- min: {
1469
- defaultClass: string;
1470
- conditions: {
1471
- readonly base: string;
1472
- readonly sm: string;
1473
- readonly md: string;
1474
- };
1475
- };
1476
- };
1477
- };
1478
- };
1479
- } & {
1480
- styles: {
1481
- maxH: {
1482
- mappings: "maxHeight"[];
1483
- };
1484
- maxW: {
1485
- mappings: "maxWidth"[];
1486
- };
1487
- size: {
1488
- mappings: ("height" | "width")[];
1489
- };
1490
- h: {
1491
- mappings: "height"[];
1492
- };
1493
- w: {
1494
- mappings: "width"[];
1495
- };
1496
- };
1497
- }, string | number | boolean>>(value: Value, fn: (inputValue: Value extends ResponsiveArray<1, string | number | boolean | null> | ResponsiveArray<2 | 1, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 5 | 4, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6 | 7, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "sm" | "md" | "base") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"sm" | "md" | "base", OutputValue>>;
1498
- declare const normalizeResponsiveValue: <Value extends string | number | boolean>(value: ConditionalValue<{
1499
- conditions: {
1500
- defaultCondition: "base";
1501
- conditionNames: ("sm" | "md" | "base")[];
1502
- responsiveArray: ("sm" | "md" | "base")[] & {
1503
- length: 3;
1504
- };
1505
- };
1506
- styles: {
1507
- alignItems: {
1508
- responsiveArray: ("sm" | "md" | "base")[] & {
1509
- length: 3;
1510
- };
1511
- values: {
1512
- end: {
1513
- defaultClass: string;
1514
- conditions: {
1515
- readonly base: string;
1516
- readonly sm: string;
1517
- readonly md: string;
1518
- };
1519
- };
1520
- start: {
1521
- defaultClass: string;
1522
- conditions: {
1523
- readonly base: string;
1524
- readonly sm: string;
1525
- readonly md: string;
1526
- };
1527
- };
1528
- center: {
1529
- defaultClass: string;
1530
- conditions: {
1531
- readonly base: string;
1532
- readonly sm: string;
1533
- readonly md: string;
1534
- };
1535
- };
1536
- normal: {
1537
- defaultClass: string;
1538
- conditions: {
1539
- readonly base: string;
1540
- readonly sm: string;
1541
- readonly md: string;
1542
- };
1543
- };
1544
- stretch: {
1545
- defaultClass: string;
1546
- conditions: {
1547
- readonly base: string;
1548
- readonly sm: string;
1549
- readonly md: string;
1550
- };
1551
- };
1552
- };
1553
- };
1554
- alignSelf: {
1555
- responsiveArray: ("sm" | "md" | "base")[] & {
1556
- length: 3;
1557
- };
1558
- values: {
1559
- end: {
1560
- defaultClass: string;
1561
- conditions: {
1562
- readonly base: string;
1563
- readonly sm: string;
1564
- readonly md: string;
1565
- };
1566
- };
1567
- start: {
1568
- defaultClass: string;
1569
- conditions: {
1570
- readonly base: string;
1571
- readonly sm: string;
1572
- readonly md: string;
1573
- };
1574
- };
1575
- center: {
1576
- defaultClass: string;
1577
- conditions: {
1578
- readonly base: string;
1579
- readonly sm: string;
1580
- readonly md: string;
1581
- };
1582
- };
1583
- normal: {
1584
- defaultClass: string;
1585
- conditions: {
1586
- readonly base: string;
1587
- readonly sm: string;
1588
- readonly md: string;
1589
- };
1590
- };
1591
- stretch: {
1592
- defaultClass: string;
1593
- conditions: {
1594
- readonly base: string;
1595
- readonly sm: string;
1596
- readonly md: string;
1597
- };
1598
- };
1599
- };
1600
- };
1601
- display: {
1602
- responsiveArray: ("sm" | "md" | "base")[] & {
1603
- length: 3;
1604
- };
1605
- values: {
1606
- none: {
1607
- defaultClass: string;
1608
- conditions: {
1609
- readonly base: string;
1610
- readonly sm: string;
1611
- readonly md: string;
1612
- };
1613
- };
1614
- flex: {
1615
- defaultClass: string;
1616
- conditions: {
1617
- readonly base: string;
1618
- readonly sm: string;
1619
- readonly md: string;
1620
- };
1621
- };
1622
- grid: {
1623
- defaultClass: string;
1624
- conditions: {
1625
- readonly base: string;
1626
- readonly sm: string;
1627
- readonly md: string;
1628
- };
1629
- };
1630
- block: {
1631
- defaultClass: string;
1632
- conditions: {
1633
- readonly base: string;
1634
- readonly sm: string;
1635
- readonly md: string;
1636
- };
1637
- };
1638
- inline: {
1639
- defaultClass: string;
1640
- conditions: {
1641
- readonly base: string;
1642
- readonly sm: string;
1643
- readonly md: string;
1644
- };
1645
- };
1646
- "inline-block": {
1647
- defaultClass: string;
1648
- conditions: {
1649
- readonly base: string;
1650
- readonly sm: string;
1651
- readonly md: string;
1652
- };
1653
- };
1654
- "inline-flex": {
1655
- defaultClass: string;
1656
- conditions: {
1657
- readonly base: string;
1658
- readonly sm: string;
1659
- readonly md: string;
1660
- };
1661
- };
1662
- table: {
1663
- defaultClass: string;
1664
- conditions: {
1665
- readonly base: string;
1666
- readonly sm: string;
1667
- readonly md: string;
1668
- };
1669
- };
1670
- "table-cell": {
1671
- defaultClass: string;
1672
- conditions: {
1673
- readonly base: string;
1674
- readonly sm: string;
1675
- readonly md: string;
1676
- };
1677
- };
1678
- "table-row": {
1679
- defaultClass: string;
1680
- conditions: {
1681
- readonly base: string;
1682
- readonly sm: string;
1683
- readonly md: string;
1684
- };
1685
- };
1686
- };
1687
- };
1688
- flex: {
1689
- responsiveArray: ("sm" | "md" | "base")[] & {
1690
- length: 3;
1691
- };
1692
- values: {
1693
- 1: {
1694
- defaultClass: string;
1695
- conditions: {
1696
- readonly base: string;
1697
- readonly sm: string;
1698
- readonly md: string;
1699
- };
1700
- };
1701
- auto: {
1702
- defaultClass: string;
1703
- conditions: {
1704
- readonly base: string;
1705
- readonly sm: string;
1706
- readonly md: string;
1707
- };
1708
- };
1709
- none: {
1710
- defaultClass: string;
1711
- conditions: {
1712
- readonly base: string;
1713
- readonly sm: string;
1714
- readonly md: string;
1715
- };
1716
- };
1717
- initial: {
1718
- defaultClass: string;
1719
- conditions: {
1720
- readonly base: string;
1721
- readonly sm: string;
1722
- readonly md: string;
1723
- };
1724
- };
1725
- };
1726
- };
1727
- flexDirection: {
1728
- responsiveArray: ("sm" | "md" | "base")[] & {
1729
- length: 3;
1730
- };
1731
- values: {
1732
- column: {
1733
- defaultClass: string;
1734
- conditions: {
1735
- readonly base: string;
1736
- readonly sm: string;
1737
- readonly md: string;
1738
- };
1739
- };
1740
- "column-reverse": {
1741
- defaultClass: string;
1742
- conditions: {
1743
- readonly base: string;
1744
- readonly sm: string;
1745
- readonly md: string;
1746
- };
1747
- };
1748
- row: {
1749
- defaultClass: string;
1750
- conditions: {
1751
- readonly base: string;
1752
- readonly sm: string;
1753
- readonly md: string;
1754
- };
1755
- };
1756
- "row-reverse": {
1757
- defaultClass: string;
1758
- conditions: {
1759
- readonly base: string;
1760
- readonly sm: string;
1761
- readonly md: string;
1762
- };
1763
- };
1764
- };
1765
- };
1766
- flexWrap: {
1767
- responsiveArray: ("sm" | "md" | "base")[] & {
1768
- length: 3;
1769
- };
1770
- values: {
1771
- nowrap: {
1772
- defaultClass: string;
1773
- conditions: {
1774
- readonly base: string;
1775
- readonly sm: string;
1776
- readonly md: string;
1777
- };
1778
- };
1779
- wrap: {
1780
- defaultClass: string;
1781
- conditions: {
1782
- readonly base: string;
1783
- readonly sm: string;
1784
- readonly md: string;
1785
- };
1786
- };
1787
- };
1788
- };
1789
- gap: {
1790
- responsiveArray: ("sm" | "md" | "base")[] & {
1791
- length: 3;
1792
- };
1793
- values: {
1794
- 0: {
1795
- defaultClass: string;
1796
- conditions: {
1797
- readonly base: string;
1798
- readonly sm: string;
1799
- readonly md: string;
1800
- };
1801
- };
1802
- 2: {
1803
- defaultClass: string;
1804
- conditions: {
1805
- readonly base: string;
1806
- readonly sm: string;
1807
- readonly md: string;
1808
- };
1809
- };
1810
- 4: {
1811
- defaultClass: string;
1812
- conditions: {
1813
- readonly base: string;
1814
- readonly sm: string;
1815
- readonly md: string;
1816
- };
1817
- };
1818
- 6: {
1819
- defaultClass: string;
1820
- conditions: {
1821
- readonly base: string;
1822
- readonly sm: string;
1823
- readonly md: string;
1824
- };
1825
- };
1826
- 8: {
1827
- defaultClass: string;
1828
- conditions: {
1829
- readonly base: string;
1830
- readonly sm: string;
1831
- readonly md: string;
1832
- };
1833
- };
1834
- 10: {
1835
- defaultClass: string;
1836
- conditions: {
1837
- readonly base: string;
1838
- readonly sm: string;
1839
- readonly md: string;
1840
- };
1841
- };
1842
- 12: {
1843
- defaultClass: string;
1844
- conditions: {
1845
- readonly base: string;
1846
- readonly sm: string;
1847
- readonly md: string;
1848
- };
1849
- };
1850
- 16: {
1851
- defaultClass: string;
1852
- conditions: {
1853
- readonly base: string;
1854
- readonly sm: string;
1855
- readonly md: string;
1856
- };
1857
- };
1858
- 20: {
1859
- defaultClass: string;
1860
- conditions: {
1861
- readonly base: string;
1862
- readonly sm: string;
1863
- readonly md: string;
1864
- };
1865
- };
1866
- 24: {
1867
- defaultClass: string;
1868
- conditions: {
1869
- readonly base: string;
1870
- readonly sm: string;
1871
- readonly md: string;
1872
- };
1873
- };
1874
- 32: {
1875
- defaultClass: string;
1876
- conditions: {
1877
- readonly base: string;
1878
- readonly sm: string;
1879
- readonly md: string;
1880
- };
1881
- };
1882
- 40: {
1883
- defaultClass: string;
1884
- conditions: {
1885
- readonly base: string;
1886
- readonly sm: string;
1887
- readonly md: string;
1888
- };
1889
- };
1890
- 48: {
1891
- defaultClass: string;
1892
- conditions: {
1893
- readonly base: string;
1894
- readonly sm: string;
1895
- readonly md: string;
1896
- };
1897
- };
1898
- 64: {
1899
- defaultClass: string;
1900
- conditions: {
1901
- readonly base: string;
1902
- readonly sm: string;
1903
- readonly md: string;
1904
- };
1905
- };
1906
- 80: {
1907
- defaultClass: string;
1908
- conditions: {
1909
- readonly base: string;
1910
- readonly sm: string;
1911
- readonly md: string;
1912
- };
1913
- };
1914
- };
1915
- };
1916
- gridAutoRows: {
1917
- responsiveArray: ("sm" | "md" | "base")[] & {
1918
- length: 3;
1919
- };
1920
- values: {
1921
- fr: {
1922
- defaultClass: string;
1923
- conditions: {
1924
- readonly base: string;
1925
- readonly sm: string;
1926
- readonly md: string;
1927
- };
1928
- };
1929
- };
1930
- };
1931
- gridColumn: {
1932
- responsiveArray: ("sm" | "md" | "base")[] & {
1933
- length: 3;
1934
- };
1935
- values: {
1936
- 1: {
1937
- defaultClass: string;
1938
- conditions: {
1939
- readonly base: string;
1940
- readonly sm: string;
1941
- readonly md: string;
1942
- };
1943
- };
1944
- 2: {
1945
- defaultClass: string;
1946
- conditions: {
1947
- readonly base: string;
1948
- readonly sm: string;
1949
- readonly md: string;
1950
- };
1951
- };
1952
- 3: {
1953
- defaultClass: string;
1954
- conditions: {
1955
- readonly base: string;
1956
- readonly sm: string;
1957
- readonly md: string;
1958
- };
1959
- };
1960
- 4: {
1961
- defaultClass: string;
1962
- conditions: {
1963
- readonly base: string;
1964
- readonly sm: string;
1965
- readonly md: string;
1966
- };
1967
- };
1968
- };
1969
- };
1970
- gridTemplateColumns: {
1971
- responsiveArray: ("sm" | "md" | "base")[] & {
1972
- length: 3;
1973
- };
1974
- values: {
1975
- 1: {
1976
- defaultClass: string;
1977
- conditions: {
1978
- readonly base: string;
1979
- readonly sm: string;
1980
- readonly md: string;
1981
- };
1982
- };
1983
- 2: {
1984
- defaultClass: string;
1985
- conditions: {
1986
- readonly base: string;
1987
- readonly sm: string;
1988
- readonly md: string;
1989
- };
1990
- };
1991
- 3: {
1992
- defaultClass: string;
1993
- conditions: {
1994
- readonly base: string;
1995
- readonly sm: string;
1996
- readonly md: string;
1997
- };
1998
- };
1999
- 4: {
2000
- defaultClass: string;
2001
- conditions: {
2002
- readonly base: string;
2003
- readonly sm: string;
2004
- readonly md: string;
2005
- };
2006
- };
2007
- };
2008
- };
2009
- height: {
2010
- responsiveArray: ("sm" | "md" | "base")[] & {
2011
- length: 3;
2012
- };
2013
- values: {
2014
- 0: {
2015
- defaultClass: string;
2016
- conditions: {
2017
- readonly base: string;
2018
- readonly sm: string;
2019
- readonly md: string;
2020
- };
2021
- };
2022
- xs: {
2023
- defaultClass: string;
2024
- conditions: {
2025
- readonly base: string;
2026
- readonly sm: string;
2027
- readonly md: string;
2028
- };
2029
- };
2030
- sm: {
2031
- defaultClass: string;
2032
- conditions: {
2033
- readonly base: string;
2034
- readonly sm: string;
2035
- readonly md: string;
2036
- };
2037
- };
2038
- md: {
2039
- defaultClass: string;
2040
- conditions: {
2041
- readonly base: string;
2042
- readonly sm: string;
2043
- readonly md: string;
2044
- };
2045
- };
2046
- lg: {
2047
- defaultClass: string;
2048
- conditions: {
2049
- readonly base: string;
2050
- readonly sm: string;
2051
- readonly md: string;
2052
- };
2053
- };
2054
- xl: {
2055
- defaultClass: string;
2056
- conditions: {
2057
- readonly base: string;
2058
- readonly sm: string;
2059
- readonly md: string;
2060
- };
2061
- };
2062
- full: {
2063
- defaultClass: string;
2064
- conditions: {
2065
- readonly base: string;
2066
- readonly sm: string;
2067
- readonly md: string;
2068
- };
2069
- };
2070
- "3xl": {
2071
- defaultClass: string;
2072
- conditions: {
2073
- readonly base: string;
2074
- readonly sm: string;
2075
- readonly md: string;
2076
- };
2077
- };
2078
- 10: {
2079
- defaultClass: string;
2080
- conditions: {
2081
- readonly base: string;
2082
- readonly sm: string;
2083
- readonly md: string;
2084
- };
2085
- };
2086
- 12: {
2087
- defaultClass: string;
2088
- conditions: {
2089
- readonly base: string;
2090
- readonly sm: string;
2091
- readonly md: string;
2092
- };
2093
- };
2094
- 16: {
2095
- defaultClass: string;
2096
- conditions: {
2097
- readonly base: string;
2098
- readonly sm: string;
2099
- readonly md: string;
2100
- };
2101
- };
2102
- 20: {
2103
- defaultClass: string;
2104
- conditions: {
2105
- readonly base: string;
2106
- readonly sm: string;
2107
- readonly md: string;
2108
- };
2109
- };
2110
- 24: {
2111
- defaultClass: string;
2112
- conditions: {
2113
- readonly base: string;
2114
- readonly sm: string;
2115
- readonly md: string;
2116
- };
2117
- };
2118
- 32: {
2119
- defaultClass: string;
2120
- conditions: {
2121
- readonly base: string;
2122
- readonly sm: string;
2123
- readonly md: string;
2124
- };
2125
- };
2126
- 40: {
2127
- defaultClass: string;
2128
- conditions: {
2129
- readonly base: string;
2130
- readonly sm: string;
2131
- readonly md: string;
2132
- };
2133
- };
2134
- 48: {
2135
- defaultClass: string;
2136
- conditions: {
2137
- readonly base: string;
2138
- readonly sm: string;
2139
- readonly md: string;
2140
- };
2141
- };
2142
- 64: {
2143
- defaultClass: string;
2144
- conditions: {
2145
- readonly base: string;
2146
- readonly sm: string;
2147
- readonly md: string;
2148
- };
2149
- };
2150
- 80: {
2151
- defaultClass: string;
2152
- conditions: {
2153
- readonly base: string;
2154
- readonly sm: string;
2155
- readonly md: string;
2156
- };
2157
- };
2158
- auto: {
2159
- defaultClass: string;
2160
- conditions: {
2161
- readonly base: string;
2162
- readonly sm: string;
2163
- readonly md: string;
2164
- };
2165
- };
2166
- "2xs": {
2167
- defaultClass: string;
2168
- conditions: {
2169
- readonly base: string;
2170
- readonly sm: string;
2171
- readonly md: string;
2172
- };
2173
- };
2174
- 56: {
2175
- defaultClass: string;
2176
- conditions: {
2177
- readonly base: string;
2178
- readonly sm: string;
2179
- readonly md: string;
2180
- };
2181
- };
2182
- 224: {
2183
- defaultClass: string;
2184
- conditions: {
2185
- readonly base: string;
2186
- readonly sm: string;
2187
- readonly md: string;
2188
- };
2189
- };
2190
- 384: {
2191
- defaultClass: string;
2192
- conditions: {
2193
- readonly base: string;
2194
- readonly sm: string;
2195
- readonly md: string;
2196
- };
2197
- };
2198
- "1/2": {
2199
- defaultClass: string;
2200
- conditions: {
2201
- readonly base: string;
2202
- readonly sm: string;
2203
- readonly md: string;
2204
- };
2205
- };
2206
- "1/3": {
2207
- defaultClass: string;
2208
- conditions: {
2209
- readonly base: string;
2210
- readonly sm: string;
2211
- readonly md: string;
2212
- };
2213
- };
2214
- "2/3": {
2215
- defaultClass: string;
2216
- conditions: {
2217
- readonly base: string;
2218
- readonly sm: string;
2219
- readonly md: string;
2220
- };
2221
- };
2222
- "1/4": {
2223
- defaultClass: string;
2224
- conditions: {
2225
- readonly base: string;
2226
- readonly sm: string;
2227
- readonly md: string;
2228
- };
2229
- };
2230
- "3/4": {
2231
- defaultClass: string;
2232
- conditions: {
2233
- readonly base: string;
2234
- readonly sm: string;
2235
- readonly md: string;
2236
- };
2237
- };
2238
- fit: {
2239
- defaultClass: string;
2240
- conditions: {
2241
- readonly base: string;
2242
- readonly sm: string;
2243
- readonly md: string;
2244
- };
2245
- };
2246
- max: {
2247
- defaultClass: string;
2248
- conditions: {
2249
- readonly base: string;
2250
- readonly sm: string;
2251
- readonly md: string;
2252
- };
2253
- };
2254
- min: {
2255
- defaultClass: string;
2256
- conditions: {
2257
- readonly base: string;
2258
- readonly sm: string;
2259
- readonly md: string;
2260
- };
2261
- };
2262
- };
2263
- };
2264
- justifyContent: {
2265
- responsiveArray: ("sm" | "md" | "base")[] & {
2266
- length: 3;
2267
- };
2268
- values: {
2269
- end: {
2270
- defaultClass: string;
2271
- conditions: {
2272
- readonly base: string;
2273
- readonly sm: string;
2274
- readonly md: string;
2275
- };
2276
- };
2277
- start: {
2278
- defaultClass: string;
2279
- conditions: {
2280
- readonly base: string;
2281
- readonly sm: string;
2282
- readonly md: string;
2283
- };
2284
- };
2285
- center: {
2286
- defaultClass: string;
2287
- conditions: {
2288
- readonly base: string;
2289
- readonly sm: string;
2290
- readonly md: string;
2291
- };
2292
- };
2293
- normal: {
2294
- defaultClass: string;
2295
- conditions: {
2296
- readonly base: string;
2297
- readonly sm: string;
2298
- readonly md: string;
2299
- };
2300
- };
2301
- stretch: {
2302
- defaultClass: string;
2303
- conditions: {
2304
- readonly base: string;
2305
- readonly sm: string;
2306
- readonly md: string;
2307
- };
2308
- };
2309
- "flex-end": {
2310
- defaultClass: string;
2311
- conditions: {
2312
- readonly base: string;
2313
- readonly sm: string;
2314
- readonly md: string;
2315
- };
2316
- };
2317
- "flex-start": {
2318
- defaultClass: string;
2319
- conditions: {
2320
- readonly base: string;
2321
- readonly sm: string;
2322
- readonly md: string;
2323
- };
2324
- };
2325
- "space-around": {
2326
- defaultClass: string;
2327
- conditions: {
2328
- readonly base: string;
2329
- readonly sm: string;
2330
- readonly md: string;
2331
- };
2332
- };
2333
- "space-between": {
2334
- defaultClass: string;
2335
- conditions: {
2336
- readonly base: string;
2337
- readonly sm: string;
2338
- readonly md: string;
2339
- };
2340
- };
2341
- "space-evenly": {
2342
- defaultClass: string;
2343
- conditions: {
2344
- readonly base: string;
2345
- readonly sm: string;
2346
- readonly md: string;
2347
- };
2348
- };
2349
- };
2350
- };
2351
- justifyItems: {
2352
- responsiveArray: ("sm" | "md" | "base")[] & {
2353
- length: 3;
2354
- };
2355
- values: {
2356
- end: {
2357
- defaultClass: string;
2358
- conditions: {
2359
- readonly base: string;
2360
- readonly sm: string;
2361
- readonly md: string;
2362
- };
2363
- };
2364
- start: {
2365
- defaultClass: string;
2366
- conditions: {
2367
- readonly base: string;
2368
- readonly sm: string;
2369
- readonly md: string;
2370
- };
2371
- };
2372
- center: {
2373
- defaultClass: string;
2374
- conditions: {
2375
- readonly base: string;
2376
- readonly sm: string;
2377
- readonly md: string;
2378
- };
2379
- };
2380
- normal: {
2381
- defaultClass: string;
2382
- conditions: {
2383
- readonly base: string;
2384
- readonly sm: string;
2385
- readonly md: string;
2386
- };
2387
- };
2388
- stretch: {
2389
- defaultClass: string;
2390
- conditions: {
2391
- readonly base: string;
2392
- readonly sm: string;
2393
- readonly md: string;
2394
- };
2395
- };
2396
- };
2397
- };
2398
- maxHeight: {
2399
- responsiveArray: ("sm" | "md" | "base")[] & {
2400
- length: 3;
2401
- };
2402
- values: {
2403
- xs: {
2404
- defaultClass: string;
2405
- conditions: {
2406
- readonly base: string;
2407
- readonly sm: string;
2408
- readonly md: string;
2409
- };
2410
- };
2411
- sm: {
2412
- defaultClass: string;
2413
- conditions: {
2414
- readonly base: string;
2415
- readonly sm: string;
2416
- readonly md: string;
2417
- };
2418
- };
2419
- md: {
2420
- defaultClass: string;
2421
- conditions: {
2422
- readonly base: string;
2423
- readonly sm: string;
2424
- readonly md: string;
2425
- };
2426
- };
2427
- lg: {
2428
- defaultClass: string;
2429
- conditions: {
2430
- readonly base: string;
2431
- readonly sm: string;
2432
- readonly md: string;
2433
- };
2434
- };
2435
- full: {
2436
- defaultClass: string;
2437
- conditions: {
2438
- readonly base: string;
2439
- readonly sm: string;
2440
- readonly md: string;
2441
- };
2442
- };
2443
- };
2444
- };
2445
- maxWidth: {
2446
- responsiveArray: ("sm" | "md" | "base")[] & {
2447
- length: 3;
2448
- };
2449
- values: {
2450
- xs: {
2451
- defaultClass: string;
2452
- conditions: {
2453
- readonly base: string;
2454
- readonly sm: string;
2455
- readonly md: string;
2456
- };
2457
- };
2458
- sm: {
2459
- defaultClass: string;
2460
- conditions: {
2461
- readonly base: string;
2462
- readonly sm: string;
2463
- readonly md: string;
2464
- };
2465
- };
2466
- md: {
2467
- defaultClass: string;
2468
- conditions: {
2469
- readonly base: string;
2470
- readonly sm: string;
2471
- readonly md: string;
2472
- };
2473
- };
2474
- lg: {
2475
- defaultClass: string;
2476
- conditions: {
2477
- readonly base: string;
2478
- readonly sm: string;
2479
- readonly md: string;
2480
- };
2481
- };
2482
- full: {
2483
- defaultClass: string;
2484
- conditions: {
2485
- readonly base: string;
2486
- readonly sm: string;
2487
- readonly md: string;
2488
- };
2489
- };
2490
- };
2491
- };
2492
- placeItems: {
2493
- responsiveArray: ("sm" | "md" | "base")[] & {
2494
- length: 3;
2495
- };
2496
- values: {
2497
- center: {
2498
- defaultClass: string;
2499
- conditions: {
2500
- readonly base: string;
2501
- readonly sm: string;
2502
- readonly md: string;
2503
- };
2504
- };
2505
- };
2506
- };
2507
- width: {
2508
- responsiveArray: ("sm" | "md" | "base")[] & {
2509
- length: 3;
2510
- };
2511
- values: {
2512
- 0: {
2513
- defaultClass: string;
2514
- conditions: {
2515
- readonly base: string;
2516
- readonly sm: string;
2517
- readonly md: string;
2518
- };
2519
- };
2520
- xs: {
2521
- defaultClass: string;
2522
- conditions: {
2523
- readonly base: string;
2524
- readonly sm: string;
2525
- readonly md: string;
2526
- };
2527
- };
2528
- sm: {
2529
- defaultClass: string;
2530
- conditions: {
2531
- readonly base: string;
2532
- readonly sm: string;
2533
- readonly md: string;
2534
- };
2535
- };
2536
- md: {
2537
- defaultClass: string;
2538
- conditions: {
2539
- readonly base: string;
2540
- readonly sm: string;
2541
- readonly md: string;
2542
- };
2543
- };
2544
- lg: {
2545
- defaultClass: string;
2546
- conditions: {
2547
- readonly base: string;
2548
- readonly sm: string;
2549
- readonly md: string;
2550
- };
2551
- };
2552
- xl: {
2553
- defaultClass: string;
2554
- conditions: {
2555
- readonly base: string;
2556
- readonly sm: string;
2557
- readonly md: string;
2558
- };
2559
- };
2560
- full: {
2561
- defaultClass: string;
2562
- conditions: {
2563
- readonly base: string;
2564
- readonly sm: string;
2565
- readonly md: string;
2566
- };
2567
- };
2568
- "3xl": {
2569
- defaultClass: string;
2570
- conditions: {
2571
- readonly base: string;
2572
- readonly sm: string;
2573
- readonly md: string;
2574
- };
2575
- };
2576
- 10: {
2577
- defaultClass: string;
2578
- conditions: {
2579
- readonly base: string;
2580
- readonly sm: string;
2581
- readonly md: string;
2582
- };
2583
- };
2584
- 12: {
2585
- defaultClass: string;
2586
- conditions: {
2587
- readonly base: string;
2588
- readonly sm: string;
2589
- readonly md: string;
2590
- };
2591
- };
2592
- 16: {
2593
- defaultClass: string;
2594
- conditions: {
2595
- readonly base: string;
2596
- readonly sm: string;
2597
- readonly md: string;
2598
- };
2599
- };
2600
- 20: {
2601
- defaultClass: string;
2602
- conditions: {
2603
- readonly base: string;
2604
- readonly sm: string;
2605
- readonly md: string;
2606
- };
2607
- };
2608
- 24: {
2609
- defaultClass: string;
2610
- conditions: {
2611
- readonly base: string;
2612
- readonly sm: string;
2613
- readonly md: string;
2614
- };
2615
- };
2616
- 32: {
2617
- defaultClass: string;
2618
- conditions: {
2619
- readonly base: string;
2620
- readonly sm: string;
2621
- readonly md: string;
2622
- };
2623
- };
2624
- 40: {
2625
- defaultClass: string;
2626
- conditions: {
2627
- readonly base: string;
2628
- readonly sm: string;
2629
- readonly md: string;
2630
- };
2631
- };
2632
- 48: {
2633
- defaultClass: string;
2634
- conditions: {
2635
- readonly base: string;
2636
- readonly sm: string;
2637
- readonly md: string;
2638
- };
2639
- };
2640
- 64: {
2641
- defaultClass: string;
2642
- conditions: {
2643
- readonly base: string;
2644
- readonly sm: string;
2645
- readonly md: string;
2646
- };
2647
- };
2648
- 80: {
2649
- defaultClass: string;
2650
- conditions: {
2651
- readonly base: string;
2652
- readonly sm: string;
2653
- readonly md: string;
2654
- };
2655
- };
2656
- auto: {
2657
- defaultClass: string;
2658
- conditions: {
2659
- readonly base: string;
2660
- readonly sm: string;
2661
- readonly md: string;
2662
- };
2663
- };
2664
- "2xs": {
2665
- defaultClass: string;
2666
- conditions: {
2667
- readonly base: string;
2668
- readonly sm: string;
2669
- readonly md: string;
2670
- };
2671
- };
2672
- 56: {
2673
- defaultClass: string;
2674
- conditions: {
2675
- readonly base: string;
2676
- readonly sm: string;
2677
- readonly md: string;
2678
- };
2679
- };
2680
- 224: {
2681
- defaultClass: string;
2682
- conditions: {
2683
- readonly base: string;
2684
- readonly sm: string;
2685
- readonly md: string;
2686
- };
2687
- };
2688
- 384: {
2689
- defaultClass: string;
2690
- conditions: {
2691
- readonly base: string;
2692
- readonly sm: string;
2693
- readonly md: string;
2694
- };
2695
- };
2696
- "1/2": {
2697
- defaultClass: string;
2698
- conditions: {
2699
- readonly base: string;
2700
- readonly sm: string;
2701
- readonly md: string;
2702
- };
2703
- };
2704
- "1/3": {
2705
- defaultClass: string;
2706
- conditions: {
2707
- readonly base: string;
2708
- readonly sm: string;
2709
- readonly md: string;
2710
- };
2711
- };
2712
- "2/3": {
2713
- defaultClass: string;
2714
- conditions: {
2715
- readonly base: string;
2716
- readonly sm: string;
2717
- readonly md: string;
2718
- };
2719
- };
2720
- "1/4": {
2721
- defaultClass: string;
2722
- conditions: {
2723
- readonly base: string;
2724
- readonly sm: string;
2725
- readonly md: string;
2726
- };
2727
- };
2728
- "3/4": {
2729
- defaultClass: string;
2730
- conditions: {
2731
- readonly base: string;
2732
- readonly sm: string;
2733
- readonly md: string;
2734
- };
2735
- };
2736
- fit: {
2737
- defaultClass: string;
2738
- conditions: {
2739
- readonly base: string;
2740
- readonly sm: string;
2741
- readonly md: string;
2742
- };
2743
- };
2744
- max: {
2745
- defaultClass: string;
2746
- conditions: {
2747
- readonly base: string;
2748
- readonly sm: string;
2749
- readonly md: string;
2750
- };
2751
- };
2752
- min: {
2753
- defaultClass: string;
2754
- conditions: {
2755
- readonly base: string;
2756
- readonly sm: string;
2757
- readonly md: string;
2758
- };
2759
- };
2760
- };
2761
- };
2762
- };
2763
- } & {
2764
- styles: {
2765
- maxH: {
2766
- mappings: "maxHeight"[];
2767
- };
2768
- maxW: {
2769
- mappings: "maxWidth"[];
2770
- };
2771
- size: {
2772
- mappings: ("height" | "width")[];
2773
- };
2774
- h: {
2775
- mappings: "height"[];
2776
- };
2777
- w: {
2778
- mappings: "width"[];
2779
- };
2780
- };
2781
- }, Value>) => Partial<Record<"sm" | "md" | "base", Value>>;
2782
- type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
2783
- type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
2784
-
2785
- type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<Sprinkles & {
2786
- /**
2787
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
2788
- *
2789
- * Read the {@link https://optimizely-axiom.github.io/optiaxiom/components/#composition Composition guide} for more details.
2790
- */
2791
- asChild?: boolean;
2792
- className?: string;
2793
- }, P>>;
2794
- /**
2795
- * A primitive layout component that provides access to design tokens and
2796
- * styling without custom CSS.
2797
- *
2798
- * Use Box for simple styling (padding, margin, colors, borders) when you
2799
- * don't need flexbox layout features. For flexbox layouts with
2800
- * direction/alignment/gap, use Group instead.
2801
- *
2802
- * Use `extractBoxProps` to separate sprinkle props from the rest when
2803
- * rendering non-div elements with `asChild`.
2804
- *
2805
- * @category layout
2806
- */
2807
- declare const Box: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
2808
- /**
2809
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
2810
- *
2811
- * Read the {@link https://optimizely-axiom.github.io/optiaxiom/components/#composition Composition guide} for more details.
2812
- */
2813
- asChild?: boolean;
2814
- className?: string;
2815
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
2816
-
2817
- type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
2818
-
2819
- declare const alert: (props?: {
2820
- intent?: "information" | "success" | "warning" | "danger" | "neutral" | "opal" | undefined;
2821
- } | undefined, className?: string) => {
2822
- className: string;
2823
- };
2824
- type AlertVariants = RecipeVariants<typeof alert>;
2825
-
2826
- type AlertProps = BoxProps<"div", AlertVariants & {
2827
- /**
2828
- * Show a close button inside the alert and invoke this callback when the close button is clicked.
2829
- */
2830
- onDismiss?: () => void;
2831
- }>;
2832
- /**
2833
- * Keeps users informed of important and sometimes time-sensitive changes.
2834
- *
2835
- * Important Notes:
2836
- * - The `intent` prop uses "information" (not "info") for the blue
2837
- * informational style
2838
- * - Default intent is "neutral" - only set intent when you need a specific
2839
- * color/emphasis
2840
- *
2841
- * @category feedback
2842
- * @since 0.1.0
2843
- */
2844
- declare const Alert: react.ForwardRefExoticComponent<{
2845
- intent?: "information" | "success" | "warning" | "danger" | "neutral" | "opal" | undefined;
2846
- } & {
2847
- /**
2848
- * Show a close button inside the alert and invoke this callback when the close button is clicked.
2849
- */
2850
- onDismiss?: () => void;
2851
- } & Omit<NonNullable<Sprinkles & {
2852
- asChild?: boolean;
2853
- className?: string;
2854
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
2855
-
2856
- declare const buttonBase: (props?: {
2857
- intent?: "danger" | "neutral" | "primary" | undefined;
2858
- size?: "sm" | "md" | "lg" | undefined;
2859
- square?: boolean | undefined;
2860
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
2861
- } | undefined, className?: string) => {
2862
- className: string;
2863
- };
2864
- type ButtonVariants = RecipeVariants<typeof buttonBase>;
2865
-
2866
- declare const appearances: {
2867
- danger: {
2868
- intent: "danger";
2869
- variant: "strong";
2870
- };
2871
- "danger-outline": {
2872
- intent: "danger";
2873
- variant: "outline";
2874
- };
2875
- default: {
2876
- intent: "neutral";
2877
- variant: "outline";
2878
- };
2879
- "default-opal": {
2880
- intent: "neutral";
2881
- variant: "outline-opal";
2882
- };
2883
- inverse: {
2884
- intent: "neutral";
2885
- variant: "strong";
2886
- };
2887
- primary: {
2888
- intent: "primary";
2889
- variant: "strong";
2890
- };
2891
- "primary-opal": {
2892
- intent: "primary";
2893
- variant: "strong-opal";
2894
- };
2895
- subtle: {
2896
- intent: "neutral";
2897
- variant: "subtle";
2898
- };
2899
- };
2900
- type ButtonRootProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<Omit<NonNullable<ButtonVariants>, "intent" | "variant"> & {
2901
- /**
2902
- * Control the appearance by selecting between the different button types.
2903
- */
2904
- appearance?: keyof typeof appearances;
2905
- /**
2906
- * Whether the button is disabled.
2907
- */
2908
- disabled?: boolean;
2909
- /**
2910
- * Whether to show loading spinner inside the button.
2911
- */
2912
- loading?: boolean;
2913
- /**
2914
- * The default behavior of the button.
2915
- */
2916
- type?: "button" | "reset" | "submit" | undefined;
2917
- }, P>>;
2918
- declare const ButtonRoot: react.ForwardRefExoticComponent<Omit<NonNullable<Omit<{
2919
- intent?: "danger" | "neutral" | "primary" | undefined;
2920
- size?: "sm" | "md" | "lg" | undefined;
2921
- square?: boolean | undefined;
2922
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
2923
- }, "intent" | "variant"> & {
2924
- /**
2925
- * Control the appearance by selecting between the different button types.
2926
- */
2927
- appearance?: keyof typeof appearances;
2928
- /**
2929
- * Whether the button is disabled.
2930
- */
2931
- disabled?: boolean;
2932
- /**
2933
- * Whether to show loading spinner inside the button.
2934
- */
2935
- loading?: boolean;
2936
- /**
2937
- * The default behavior of the button.
2938
- */
2939
- type?: "button" | "reset" | "submit" | undefined;
2940
- }>, never> & Omit<NonNullable<Sprinkles & {
2941
- asChild?: boolean;
2942
- className?: string;
2943
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
2944
-
2945
- type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonRootProps<T, ExtendProps<{
2946
- /**
2947
- * Display content inside the button after `children`.
2948
- */
2949
- addonAfter?: ReactNode;
2950
- /**
2951
- * Display content inside the button before `children`.
2952
- */
2953
- addonBefore?: ReactNode;
2954
- /**
2955
- * Display an icon before or after the button content or omit `children` to only show the icon.
2956
- */
2957
- icon?: ReactNode;
2958
- /**
2959
- * Control whether to show the icon before or after the button content.
2960
- */
2961
- iconPosition?: "end" | "start";
2962
- }, P>>;
2963
- /**
2964
- * Button component for triggering actions, with support for icons, addons, and
2965
- * loading states.
2966
- *
2967
- * Use this for standard action buttons. The component supports icon-only
2968
- * buttons, buttons with leading/trailing icons, and custom addon content before
2969
- * or after the main label.
2970
- *
2971
- * When not to use:
2972
- * - For menu and select buttons with a chevron use AngleMenuButton instead.
2973
- * - For ellipsis menus use EllipsisMenuButton instead.
2974
- * - For buttons that include label use LabelMenuButton instead.
2975
- * - For expand/collapse triggers use Disclosure instead of Button with chevron
2976
- * icon and manual state.
2977
- * - Don't use Button to build tab navigation - use Tabs instead.
2978
- *
2979
- * @category actions
2980
- * @since 0.1.0
2981
- */
2982
- declare const Button: react.ForwardRefExoticComponent<Omit<{
2983
- /**
2984
- * Display content inside the button after `children`.
2985
- */
2986
- addonAfter?: ReactNode;
2987
- /**
2988
- * Display content inside the button before `children`.
2989
- */
2990
- addonBefore?: ReactNode;
2991
- /**
2992
- * Display an icon before or after the button content or omit `children` to only show the icon.
2993
- */
2994
- icon?: ReactNode;
2995
- /**
2996
- * Control whether to show the icon before or after the button content.
2997
- */
2998
- iconPosition?: "end" | "start";
2999
- }, never> & Omit<NonNullable<Omit<{
3000
- intent?: "danger" | "neutral" | "primary" | undefined;
3001
- size?: "sm" | "md" | "lg" | undefined;
3002
- square?: boolean | undefined;
3003
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
3004
- }, "intent" | "variant"> & {
3005
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
3006
- disabled?: boolean;
3007
- loading?: boolean;
3008
- type?: "button" | "reset" | "submit" | undefined;
3009
- }>, never> & Omit<NonNullable<Sprinkles & {
3010
- asChild?: boolean;
3011
- className?: string;
3012
- }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
3013
-
3014
- type GroupProps = BoxProps<"div", {
3015
- /**
3016
- * Set the element's `align-items` CSS property. Defaults to `center` when
3017
- * `flexDirection='row'`, and `stretch` when `flexDirection='column'`.
3018
- */
3019
- alignItems?: BoxProps["alignItems"];
3020
- /**
3021
- * Set the element's `flex-direction` CSS property.
3022
- *
3023
- * Default: 'row' (CSS standard)
3024
- */
3025
- flexDirection?: BoxProps["flexDirection"];
3026
- }>;
3027
- /**
3028
- * A flexbox layout component for grouping items horizontally or vertically.
3029
- *
3030
- * Default Props:
3031
- * - flexDirection: 'row' (CSS standard - horizontal layout)
3032
- * - alignItems: 'center' (when row) or 'stretch' (when column)
3033
- *
3034
- * Common Usage:
3035
- * - Horizontal button groups: <Group gap="8"><Button /><Button /></Group>
3036
- * - Vertical forms: <Group flexDirection="column" gap="16"><Input /><Input /></Group>
3037
- * - Icon + text combos: <Group gap="4" alignItems="center"><Icon /><Text /></Group>
3038
- *
3039
- * @category layout
3040
- */
3041
- declare const Group: react.ForwardRefExoticComponent<{
3042
- /**
3043
- * Set the element's `align-items` CSS property. Defaults to `center` when
3044
- * `flexDirection='row'`, and `stretch` when `flexDirection='column'`.
3045
- */
3046
- alignItems?: BoxProps["alignItems"];
3047
- /**
3048
- * Set the element's `flex-direction` CSS property.
3049
- *
3050
- * Default: 'row' (CSS standard)
3051
- */
3052
- flexDirection?: BoxProps["flexDirection"];
3053
- } & Omit<NonNullable<Sprinkles & {
3054
- asChild?: boolean;
3055
- className?: string;
3056
- }>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
3057
-
3058
- declare const DialogKitContext: react.Context<{
3059
- id: string;
3060
- onClose: () => void;
3061
- onDismiss?: (event: KeyboardEvent | MouseEvent<HTMLButtonElement> | PointerDownOutsideEvent, reason: "action" | "cancel") => void;
3062
- } | undefined>;
3063
- type PointerDownOutsideEvent = CustomEvent<{
3064
- originalEvent: PointerEvent;
3065
- }>;
3066
-
3067
- type DialogItem = ContextType<typeof DialogKitContext> & {
3068
- element: ReactNode;
3069
- open: boolean;
3070
- };
3071
- type DialogOptions = Pick<DialogItem, "onDismiss">;
3072
- type DialogKit = {
3073
- clear: () => void;
3074
- confirm: (element: ReactElement | {
3075
- action: string;
3076
- body: string;
3077
- header: string;
3078
- }) => Promise<boolean>;
3079
- create: (element: ReactNode, options?: DialogOptions) => string;
3080
- remove: (id: string) => void;
3081
- store: [
3082
- subscribe: (onStoreChange: () => void) => () => void,
3083
- getSnapshot: () => DialogItem[],
3084
- getServerSnapshot?: () => DialogItem[]
3085
- ];
3086
- };
3087
- /**
3088
- * Create a dialog kit instance for managing dialogs programmatically.
3089
- *
3090
- * @experimental
3091
- */
3092
- declare const createDialogKit: () => DialogKit;
3093
- declare const dialogkit: DialogKit;
3094
-
3095
- declare const cell: (props?: {
3096
- pinned?: boolean | undefined;
3097
- } | undefined, className?: string) => {
3098
- className: string;
3099
- };
3100
- type CellVariants = RecipeVariants<typeof cell>;
3101
-
3102
- type TableHeaderCellProps = BoxProps<"th", NonNullable<CellVariants>>;
3103
- /**
3104
- * @group Table
3105
- */
3106
- declare const TableHeaderCell: react.ForwardRefExoticComponent<{
3107
- pinned?: boolean | undefined;
3108
- } & Omit<NonNullable<Sprinkles & {
3109
- asChild?: boolean;
3110
- className?: string;
3111
- }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
3112
-
3113
- type CalendarProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof DayPicker>, "today"> & {
3114
- /**
3115
- * Apply the `holiday` modifier to the matching days.
3116
- */
3117
- holiday?: Matcher | Matcher[];
3118
- /**
3119
- * The latest date that is allowed.
3120
- */
3121
- max?: Date;
3122
- /**
3123
- * The earliest date that is allowed.
3124
- */
3125
- min?: Date;
3126
- /**
3127
- * Handler that is called when a date is selected regardless of mode.
3128
- */
3129
- onDateSelect?: (date: Date) => void;
3130
- /**
3131
- * The placeholder date and time to use when no value has yet been selected.
3132
- *
3133
- * The value format must an Instant, PlainDate, PlainDateTime, or PlainTime.
3134
- */
3135
- placeholder?: string;
3136
- /**
3137
- * Specify the stepping value in days (date) or seconds (datetime-local) for the allowed values.
3138
- */
3139
- step?: number | string;
3140
- /**
3141
- * Control whether the calendar shows only date or both date and time pickers.
3142
- */
3143
- type?: "date" | "datetime-local";
3144
- /**
3145
- * Apply the `weekend` modifier to the matching days.
3146
- */
3147
- weekend?: Matcher | Matcher[];
3148
- } & ({
3149
- /**
3150
- * The initial selected value in uncontrolled mode.
3151
- */
3152
- defaultValue?: DateRange | null;
3153
- /**
3154
- * Enable the selection of a single day or a range of days.
3155
- */
3156
- mode: "range";
3157
- /**
3158
- * Handler that is called when the selected value changes.
3159
- */
3160
- onValueChange?: (value: DateRange | null) => void;
3161
- /**
3162
- * The selected value in controlled mode.
3163
- */
3164
- value?: DateRange | null;
3165
- } | {
3166
- /**
3167
- * The initial selected value in uncontrolled mode.
3168
- */
3169
- defaultValue?: Date | null;
3170
- /**
3171
- * Enable the selection of a single day or a range of days.
3172
- */
3173
- mode?: "single";
3174
- /**
3175
- * Handler that is called when the selected value changes.
3176
- */
3177
- onValueChange?: (value: Date | null) => void;
3178
- /**
3179
- * The selected value in controlled mode.
3180
- */
3181
- value?: Date | null;
3182
- })>;
3183
- type DateRange = {
3184
- from: Date;
3185
- to: Date;
3186
- };
3187
- /**
3188
- * Base date picker component.
3189
- *
3190
- * @category date
3191
- * @since 0.12.1
3192
- * @experimental
3193
- */
3194
- declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
3195
-
3196
- declare const ModalListbox: react.ForwardRefExoticComponent<{
3197
- maxH?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
3198
- minW?: "0" | "trigger" | undefined;
3199
- } & Omit<NonNullable<Sprinkles & {
3200
- asChild?: boolean;
3201
- className?: string;
3202
- }>, "maxH"> & Omit<Omit<Omit<NonNullable<Sprinkles & {
3203
- asChild?: boolean;
3204
- className?: string;
3205
- }>, 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>>;
3206
-
3207
- type PopoverContentProps = ExcludeProps<BoxProps<typeof _radix_ui_react_popover.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW">>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
3208
- /**
3209
- * @group Popover
3210
- */
3211
- declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
3212
-
3213
- type PopoverTriggerProps = ButtonProps<typeof _radix_ui_react_popover.Trigger>;
3214
- /**
3215
- * @extends Button
3216
- * @group Popover
3217
- */
3218
- declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
3219
- addonAfter?: react.ReactNode;
3220
- addonBefore?: react.ReactNode;
3221
- icon?: react.ReactNode;
3222
- iconPosition?: "end" | "start";
3223
- }, never> & Omit<NonNullable<Omit<{
3224
- intent?: "danger" | "neutral" | "primary" | undefined;
3225
- size?: "sm" | "md" | "lg" | undefined;
3226
- square?: boolean | undefined;
3227
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
3228
- }, "intent" | "variant"> & {
3229
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
3230
- disabled?: boolean;
3231
- loading?: boolean;
3232
- type?: "button" | "reset" | "submit" | undefined;
3233
- }>, never> & Omit<NonNullable<Sprinkles & {
3234
- asChild?: boolean;
3235
- className?: string;
3236
- }>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>>;
3237
-
3238
- declare const content: (props?: {
3239
- size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
3240
- } | undefined, className?: string) => {
3241
- className: string;
3242
- };
3243
- type DialogVariants = RecipeVariants<typeof content>;
3244
-
3245
- type DialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content, DialogVariants>, "forceMount">;
3246
- /**
3247
- * @group Dialog
3248
- */
3249
- declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
3250
-
3251
- type CommandOption = {
3252
- /**
3253
- * Images, icons, or avatars to be displayed before the item label.
3254
- */
3255
- addon?: ((context: {
3256
- inputValue: string | undefined;
3257
- }) => ReactNode) | ReactNode;
3258
- /**
3259
- * Add secondary text after the label.
3260
- */
3261
- description?: ((context: {
3262
- inputValue: string | undefined;
3263
- }) => ReactNode) | ReactNode;
3264
- /**
3265
- * Secondary text displayed next to the label.
3266
- */
3267
- detail?: ((context: {
3268
- inputValue: string | undefined;
3269
- }) => ReactNode) | ReactNode;
3270
- /**
3271
- * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
3272
- */
3273
- disabledReason?: (() => string) | string;
3274
- /**
3275
- * Handler that is called when an item is selected either via keyboard or mouse.
3276
- */
3277
- execute?: (context: {
3278
- dismiss: boolean;
3279
- inputValue: string | undefined;
3280
- }) => void;
3281
- /**
3282
- * Shows an external link icon and sets the correct rel/target attributes if `href` is also passed.
3283
- */
3284
- external?: boolean;
3285
- /**
3286
- * Group item belongs to.
3287
- */
3288
- group?: CommandOptionGroup;
3289
- hiddenInSearchContext?: boolean;
3290
- /**
3291
- * Render a link with the given value as the `href` attribute.
3292
- */
3293
- href?: string;
3294
- /**
3295
- * Control the appearance by selecting between the different item types.
3296
- */
3297
- intent?: "danger" | "neutral";
3298
- /**
3299
- * Return a unique key for each item (otherwise label is used).
3300
- */
3301
- key?: string;
3302
- /**
3303
- * Additional text to use for filtering items based on input value.
3304
- */
3305
- keywords?: string;
3306
- /**
3307
- * Return a string representation of item.
3308
- */
3309
- label: ((context: {
3310
- inputValue: string | undefined;
3311
- }) => string) | string;
3312
- /**
3313
- * Whether item is multi-selectable.
3314
- */
3315
- multi?: boolean;
3316
- /**
3317
- * @private
3318
- */
3319
- parentOption?: CommandOption;
3320
- /**
3321
- * Return true if item needs to be marked as selected.
3322
- */
3323
- selected?: (() => boolean) | boolean;
3324
- /**
3325
- * Whether to skip scoring when filtering and sorting by the score.
3326
- */
3327
- skipFilterScoring?: boolean;
3328
- /**
3329
- * Nested menu items (same shape as the top-level options) displayed
3330
- * as a sub-menu when this item is selected.
3331
- */
3332
- subOptions?: ((context: {
3333
- inputValue: string | undefined;
3334
- }) => CommandOption[]) | CommandOption[];
3335
- /**
3336
- * Allow filtering through sub-options independent of the parent menu.
3337
- */
3338
- subOptionsInputVisible?: boolean;
3339
- /**
3340
- * Optional Surface tracking configuration for App Companion integration.
3341
- * When provided, this menu item becomes a trackable surface that emits
3342
- * interaction events based on the item's behavior.
3343
- */
3344
- surface?: {
3345
- /** Optional metadata about this interaction */
3346
- data?: Record<string, unknown>;
3347
- /**
3348
- * Surface name used in the surface path.
3349
- * For properties: the property name (e.g., "status", "priority", "assignee")
3350
- * For interactions: the action name (e.g., "archived", "deleted", "pinned")
3351
- */
3352
- name: string;
3353
- } & ({
3354
- /** Surface type for custom interactions on parent surface */
3355
- type: "action";
3356
- } | {
3357
- /** Surface type for state changes (selections, toggles) */
3358
- type: "property";
3359
- /**
3360
- * The value this menu item represents.
3361
- * For radio/select items: The value that gets tracked when this item is selected
3362
- * For toggles: The value is still required but only used for suggestion matching
3363
- */
3364
- value: unknown;
3365
- });
3366
- /**
3367
- * Whether to show a switch toggle instead of a check mark.
3368
- */
3369
- switch?: boolean;
3370
- /**
3371
- * Override the default filtering logic and fully control when an item is
3372
- * visible based on the current inputValue.
3373
- */
3374
- visible?: ((context: {
3375
- inputValue: string | undefined;
3376
- }) => boolean | undefined) | boolean;
3377
- };
3378
- type CommandOptionGroup = {
3379
- /**
3380
- * Whether to hide the group label.
3381
- */
3382
- hidden?: boolean;
3383
- /**
3384
- * Return a string representation of the group.
3385
- */
3386
- label: string;
3387
- /**
3388
- * The sorting priority of the group (default: 0).
3389
- * Groups with higher priority are sorted first.
3390
- */
3391
- priority?: number;
3392
- /**
3393
- * Whether to show separators around the whole group.
3394
- */
3395
- separator?: boolean;
3396
- };
3397
-
3398
- type CommandProps = {
3399
- children?: ReactNode;
3400
- /**
3401
- * Custom empty state content.
3402
- */
3403
- empty?: ReactNode;
3404
- /**
3405
- * Whether combobox should be active or not.
3406
- */
3407
- enabled?: boolean | number;
3408
- /**
3409
- * The input value in controlled mode.
3410
- */
3411
- inputValue?: string;
3412
- /**
3413
- * Whether to show loading spinner or skeleton items inside the menu.
3414
- */
3415
- loading?: "both" | "skeleton" | "spinner" | boolean;
3416
- /**
3417
- * Handler that is called when an item is hovered via mouse.
3418
- */
3419
- onHover?: (item: CommandOption, pointer: boolean) => void;
3420
- /**
3421
- * Handler that is called when input value changes.
3422
- */
3423
- onInputValueChange?: (inputValue: string) => void;
3424
- /**
3425
- * Handler that is called when an item is selected either via keyboard or mouse.
3426
- */
3427
- onSelect?: (item: CommandOption, context: {
3428
- /**
3429
- * Whether to dismiss the associated popover or keep it open.
3430
- */
3431
- dismiss: boolean;
3432
- }) => void;
3433
- /**
3434
- * The items we want to render.
3435
- */
3436
- options: CommandOption[] | readonly CommandOption[];
3437
- };
3438
- declare function Command({ children, empty, enabled, inputValue: inputValueProp, loading, onHover, onInputValueChange, onSelect: onItemSelect, options, }: CommandProps): react_jsx_runtime.JSX.Element;
3439
- declare namespace Command {
3440
- var displayName: string;
3441
- }
3442
-
3443
- type MenuOption = CommandOption;
3444
- type MenuProps = ExcludeProps<ExtendProps<ComponentPropsWithoutRef<typeof Command>, {
3445
- children: ReactNode;
3446
- /**
3447
- * The initial open state in uncontrolled mode.
3448
- */
3449
- defaultOpen?: boolean;
3450
- /**
3451
- * Whether to always show the input or only if there are selectable options and/or when user starts to type.
3452
- */
3453
- inputVisible?: "always" | "if-needed";
3454
- /**
3455
- * Handler that is called when the open state changes.
3456
- */
3457
- onOpenChange?: (open: boolean) => void;
3458
- /**
3459
- * The open state in controlled mode.
3460
- */
3461
- open?: boolean;
3462
- /**
3463
- * The placeholder for the search input.
3464
- */
3465
- placeholder?: string;
3466
- /**
3467
- * Whether to show a small popover or a dialog. Defaults to popover on large screens and dialog on mobile screens.
3468
- */
3469
- size?: "lg" | "sm";
3470
- }>, "enabled" | "onHover" | "onSelect">;
3471
- /**
3472
- * Dropdown menu for actions, multi-select, and complex interactions.
3473
- * Supports filtering/search, checkbox/radio items, nested sub-menus,
3474
- * links, and action handlers via `execute`.
3475
- *
3476
- * Must be used with MenuTrigger and MenuContent sub-components. MenuTrigger
3477
- * automatically renders a button with chevron icon, or use MenuTrigger asChild
3478
- * with custom buttons like EllipsisMenuButton for overflow menus.
3479
- *
3480
- * Use Menu when: action menus (edit/delete/archive), multi-select dropdowns,
3481
- * filterable lists, nested menus, or items with links/navigation.
3482
- *
3483
- * Use Select instead when: you need a simple single-select form input
3484
- * with `value`/`onChange` and form submission support.
3485
- *
3486
- * @category overlay
3487
- * @group Menu
3488
- * @since 1.6.0
3489
- */
3490
- declare function Menu({ children, defaultOpen, inputValue: inputValueProp, inputVisible: inputVisibleProp, onInputValueChange, onOpenChange, open: openProp, options: optionsProp, placeholder, size: sizeProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
3491
- declare namespace Menu {
3492
- var displayName: string;
3493
- }
3494
-
3495
- type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & ComponentPropsWithoutRef<typeof PopoverContent>, "size">;
3496
- /**
3497
- * Menu content rendered in a portal with absolute positioning.
3498
- *
3499
- * Rendered as a popover in larger screens and in a dialog in smaller screens by
3500
- * default.
3501
- *
3502
- * @group Menu
3503
- */
3504
- declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
3505
-
3506
- type MenuTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger>;
3507
- /**
3508
- * Trigger button for Menu component with automatic chevron icon.
3509
- *
3510
- * Use this as the trigger for Menu dropdowns. By default, renders an
3511
- * AngleMenuButton (button with trailing chevron). Use asChild to customize the
3512
- * trigger button.
3513
- *
3514
- * @example
3515
- * <MenuTrigger asChild><EllipsisMenuButton /></MenuTrigger>
3516
- *
3517
- * @extends Button
3518
- * @group Menu
3519
- */
3520
- declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3521
- addonAfter?: react.ReactNode;
3522
- addonBefore?: react.ReactNode;
3523
- icon?: react.ReactNode;
3524
- iconPosition?: "end" | "start";
3525
- }, never> & Omit<NonNullable<Omit<{
3526
- intent?: "danger" | "neutral" | "primary" | undefined;
3527
- size?: "sm" | "md" | "lg" | undefined;
3528
- square?: boolean | undefined;
3529
- variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
3530
- }, "intent" | "variant"> & {
3531
- appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
3532
- disabled?: boolean;
3533
- loading?: boolean;
3534
- type?: "button" | "reset" | "submit" | undefined;
3535
- }>, never> & Omit<NonNullable<Sprinkles & {
3536
- asChild?: boolean;
3537
- className?: string;
3538
- }>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
3539
-
3540
- export { Alert as A, DialogContent as D, createDialogKit as F, Group as G, ModalListbox as M, TableHeaderCell as T, Button as b, dialogkit as d, Calendar as e, Box as f, PopoverContent as h, PopoverTrigger as i, ButtonRoot as j, Menu as n, MenuContent as o, MenuTrigger as s, mapResponsiveValue as w, normalizeResponsiveValue as x, sprinkles as y, vars as z };
3541
- export type { BoxProps as B, CalendarProps as C, ExcludeProps as E, LonghandProps as L, PopoverContentProps as P, RecipeVariants as R, Sprinkles as S, ButtonProps as a, ExtendProps as c, ResponsiveArray as g, AlertProps as k, DialogContentProps as l, GroupProps as m, MenuContentProps as p, MenuOption as q, MenuProps as r, MenuTriggerProps as t, PopoverTriggerProps as u, TableHeaderCellProps as v };