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