@keboola/design 13.2.0 → 15.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +16 -24
- package/CHANGELOG.md +194 -0
- package/COMPONENT-API.md +109 -105
- package/dist/{AIKit-C5FbKjwa.js → AIKit-CaAW4GLx.js} +2216 -307
- package/dist/AIKit-CaAW4GLx.js.map +1 -0
- package/dist/{Alert-DuAGeYyM.js → Alert-Chz6KZ7e.js} +11 -20
- package/dist/Alert-Chz6KZ7e.js.map +1 -0
- package/dist/{AlertModal-BDle9ZVQ.js → AlertModal-D4AtpvLS.js} +15 -35
- package/dist/AlertModal-D4AtpvLS.js.map +1 -0
- package/dist/{AppShell-B03fj1j7.js → AppShell-C8V1KRr_.js} +2 -2
- package/dist/{AppShell-B03fj1j7.js.map → AppShell-C8V1KRr_.js.map} +1 -1
- package/dist/{AutoSaveTextarea-jiqNeeE4.js → AutoSaveTextarea-BbMhC5Aq.js} +3 -3
- package/dist/AutoSaveTextarea-BbMhC5Aq.js.map +1 -0
- package/dist/{Badge-Ba3epgcI.js → Badge-5GHIsgRS.js} +14 -3
- package/dist/Badge-5GHIsgRS.js.map +1 -0
- package/dist/{BrandEditor-Dq168RJc.js → BrandEditor-CTGtQUFZ.js} +8 -10
- package/dist/BrandEditor-CTGtQUFZ.js.map +1 -0
- package/dist/{BrandLogo-BfITD0im.js → BrandLogo-DkESE19K.js} +2 -2
- package/dist/{BrandLogo-BfITD0im.js.map → BrandLogo-DkESE19K.js.map} +1 -1
- package/dist/{Breadcrumb-CUyYu5Bi.js → Breadcrumb-B2YSNON4.js} +55 -13
- package/dist/Breadcrumb-B2YSNON4.js.map +1 -0
- package/dist/{Button-D2JqBAq7.js → Button-BNkyYU8u.js} +9 -185
- package/dist/Button-BNkyYU8u.js.map +1 -0
- package/dist/{Card-Bpc_ZlL4.js → Card-DxjGiqH8.js} +11 -18
- package/dist/Card-DxjGiqH8.js.map +1 -0
- package/dist/{Checkbox-D9rafoKh.js → Checkbox-CHDDJyAA.js} +20 -45
- package/dist/Checkbox-CHDDJyAA.js.map +1 -0
- package/dist/{Clipboard-BHWUodAx.js → Clipboard-DlwVZS1P.js} +2 -2
- package/dist/{Clipboard-BHWUodAx.js.map → Clipboard-DlwVZS1P.js.map} +1 -1
- package/dist/{ClipboardButton-Urg-kZbh.js → ClipboardButton-B1Hr_n_Z.js} +3 -3
- package/dist/{ClipboardButton-Urg-kZbh.js.map → ClipboardButton-B1Hr_n_Z.js.map} +1 -1
- package/dist/{CodeEditor-Y0iE-SwV.js → CodeEditor-DVSPdfdo.js} +24 -31
- package/dist/CodeEditor-DVSPdfdo.js.map +1 -0
- package/dist/{ColorInput-D1nC0X6i.js → ColorInput-B_eZIu39.js} +5 -7
- package/dist/ColorInput-B_eZIu39.js.map +1 -0
- package/dist/{ColorModeSwitch-Cxee8jnB.js → ColorModeSwitch-B6UEzG0H.js} +3 -3
- package/dist/{ColorModeSwitch-Cxee8jnB.js.map → ColorModeSwitch-B6UEzG0H.js.map} +1 -1
- package/dist/{Combobox-B1Kjoy5J.js → Combobox-CaKqgstG.js} +250 -56
- package/dist/Combobox-CaKqgstG.js.map +1 -0
- package/dist/{Command-BuOA3V18.js → Command-DhXmqFLT.js} +51 -33
- package/dist/Command-DhXmqFLT.js.map +1 -0
- package/dist/{CopyField-DsOVtV2Q.js → CopyField-D0Pg4Z0R.js} +2 -2
- package/dist/{CopyField-DsOVtV2Q.js.map → CopyField-D0Pg4Z0R.js.map} +1 -1
- package/dist/{DateInput-BlKkequE.js → DateInput-BgbMDJkm.js} +5 -7
- package/dist/DateInput-BgbMDJkm.js.map +1 -0
- package/dist/{DatePicker-CgHAu9KX.js → DatePicker-BXpDRo-R.js} +2 -2
- package/dist/{DatePicker-CgHAu9KX.js.map → DatePicker-BXpDRo-R.js.map} +1 -1
- package/dist/{DateRangeInput-DOxJHw8V.js → DateRangeInput-BW0-_jV0.js} +5 -7
- package/dist/DateRangeInput-BW0-_jV0.js.map +1 -0
- package/dist/{DateRangePicker-CXpXPMoh.js → DateRangePicker-C4-DoWac.js} +7 -12
- package/dist/DateRangePicker-C4-DoWac.js.map +1 -0
- package/dist/{DropdownMenu-DtRYcKEx.js → DropdownMenu-CcVbZ_5u.js} +35 -64
- package/dist/DropdownMenu-CcVbZ_5u.js.map +1 -0
- package/dist/{FieldItem-Cf1E3rfQ.js → FieldItem-BHUqgSO1.js} +3 -3
- package/dist/{FieldItem-Cf1E3rfQ.js.map → FieldItem-BHUqgSO1.js.map} +1 -1
- package/dist/{FileUpload-D6vPG3WB.js → FileUpload-BYFONpEl.js} +3 -3
- package/dist/FileUpload-BYFONpEl.js.map +1 -0
- package/dist/{Form-CuaAn-lR.js → Form-CAofWyMI.js} +8 -8
- package/dist/{Form-CuaAn-lR.js.map → Form-CAofWyMI.js.map} +1 -1
- package/dist/{FormGroup-D4O96YPm.js → FormGroup-V5kIgQRN.js} +3 -3
- package/dist/{FormGroup-D4O96YPm.js.map → FormGroup-V5kIgQRN.js.map} +1 -1
- package/dist/{FullScreenModal-CUuAakh3.js → FullScreenModal-DAvvlGOz.js} +2 -5
- package/dist/FullScreenModal-DAvvlGOz.js.map +1 -0
- package/dist/HoverCard-Cv5rmvJq.js +26 -0
- package/dist/HoverCard-Cv5rmvJq.js.map +1 -0
- package/dist/{InlineEdit-DSMIEUUa.js → InlineEdit-D4P0SvCB.js} +5 -9
- package/dist/InlineEdit-D4P0SvCB.js.map +1 -0
- package/dist/{InputGroup-Dm014ruw.js → InputGroup-CZv_7QlM.js} +39 -146
- package/dist/InputGroup-CZv_7QlM.js.map +1 -0
- package/dist/{Kbd-Du93F3o4.js → Kbd-CflKthfu.js} +5 -14
- package/dist/Kbd-CflKthfu.js.map +1 -0
- package/dist/MermaidDiagram-Te-5gOCU.js +199 -0
- package/dist/MermaidDiagram-Te-5gOCU.js.map +1 -0
- package/dist/{Modal-DQIauzar.js → Modal-CbUz-5YH.js} +19 -37
- package/dist/Modal-CbUz-5YH.js.map +1 -0
- package/dist/{ModalTitle-CTECVgL8.js → ModalTitle-cy0Ht9VY.js} +2 -2
- package/dist/{ModalTitle-CTECVgL8.js.map → ModalTitle-cy0Ht9VY.js.map} +1 -1
- package/dist/{MultiActionButtonGroup-xKqiucAN.js → MultiActionButtonGroup-Dzig87s1.js} +3 -3
- package/dist/{MultiActionButtonGroup-xKqiucAN.js.map → MultiActionButtonGroup-Dzig87s1.js.map} +1 -1
- package/dist/{Navbar-CtVYcRFn.js → Navbar-DHUS7XiU.js} +2 -2
- package/dist/{Navbar-CtVYcRFn.js.map → Navbar-DHUS7XiU.js.map} +1 -1
- package/dist/OtpInput-CY8yCaJk.js.map +1 -1
- package/dist/{PageToolbar-B_e7HGva.js → PageToolbar-DJ5tdYla.js} +4 -4
- package/dist/{PageToolbar-B_e7HGva.js.map → PageToolbar-DJ5tdYla.js.map} +1 -1
- package/dist/{Pagination-DDp6PRqf.js → Pagination-D27x5KmH.js} +2 -2
- package/dist/{Pagination-DDp6PRqf.js.map → Pagination-D27x5KmH.js.map} +1 -1
- package/dist/{Popconfirm-BgV6a0sl.js → Popconfirm-DwLCYNaF.js} +3 -3
- package/dist/{Popconfirm-BgV6a0sl.js.map → Popconfirm-DwLCYNaF.js.map} +1 -1
- package/dist/{Popover-BU7nGOv-.js → Popover-DtUDwUVO.js} +24 -37
- package/dist/Popover-DtUDwUVO.js.map +1 -0
- package/dist/{RadioGroup-C2vk5acr.js → RadioGroup-B0TwHjBb.js} +9 -13
- package/dist/RadioGroup-B0TwHjBb.js.map +1 -0
- package/dist/{Search-CVrv3hqf.js → Search-vyZwGKMU.js} +3 -3
- package/dist/{Search-CVrv3hqf.js.map → Search-vyZwGKMU.js.map} +1 -1
- package/dist/{SearchInput-BnU6YHgT.js → SearchInput-DyYXyw3u.js} +4 -6
- package/dist/SearchInput-DyYXyw3u.js.map +1 -0
- package/dist/{SectionNav-XlhvXXdF.js → SectionNav-tLK3iF6c.js} +5 -5
- package/dist/{SectionNav-XlhvXXdF.js.map → SectionNav-tLK3iF6c.js.map} +1 -1
- package/dist/{Select-CjQgU_6K.js → Select-B22hB_-w.js} +11 -25
- package/dist/Select-B22hB_-w.js.map +1 -0
- package/dist/{Sheet-utw4_rUa.js → Sheet-0TWKTqid.js} +12 -15
- package/dist/Sheet-0TWKTqid.js.map +1 -0
- package/dist/{Sidebar-CKaxOPwY.js → Sidebar-C5hdANBU.js} +11 -11
- package/dist/Sidebar-C5hdANBU.js.map +1 -0
- package/dist/{Slider-Rcc2qVct.js → Slider-DrcsM8_G.js} +4 -4
- package/dist/Slider-DrcsM8_G.js.map +1 -0
- package/dist/{Stepper-BBPembeK.js → Stepper-CQrUPVFL.js} +2 -2
- package/dist/Stepper-CQrUPVFL.js.map +1 -0
- package/dist/Switch-DccpSpzC.js +66 -0
- package/dist/Switch-DccpSpzC.js.map +1 -0
- package/dist/{Table-CgSC-fSo.js → Table-CilEvpMq.js} +62 -3
- package/dist/Table-CilEvpMq.js.map +1 -0
- package/dist/{Tabs-C0uvkPHc.js → Tabs-Ck4uWf8U.js} +2 -2
- package/dist/{Tabs-C0uvkPHc.js.map → Tabs-Ck4uWf8U.js.map} +1 -1
- package/dist/{TextInput-B5TDDOty.js → TextInput-CR0_USaY.js} +4 -7
- package/dist/TextInput-CR0_USaY.js.map +1 -0
- package/dist/{ThemeProvider-Dt9b67sW.js → ThemeProvider-BTK7AL-T.js} +21 -8
- package/dist/ThemeProvider-BTK7AL-T.js.map +1 -0
- package/dist/{TimePicker-DyyV3nw8.js → TimePicker-CoRpiEM3.js} +2 -2
- package/dist/{TimePicker-DyyV3nw8.js.map → TimePicker-CoRpiEM3.js.map} +1 -1
- package/dist/{Toast-BGnUL4jV.js → Toast-937n7n8i.js} +2 -2
- package/dist/{Toast-BGnUL4jV.js.map → Toast-937n7n8i.js.map} +1 -1
- package/dist/ToggleAllTooltip-DEjbWFoj.js +37 -0
- package/dist/ToggleAllTooltip-DEjbWFoj.js.map +1 -0
- package/dist/{ZoomableSvg-D8sXKpoV.js → ZoomableSvg-DnFXo2L4.js} +85 -81
- package/dist/ZoomableSvg-DnFXo2L4.js.map +1 -0
- package/dist/editors.js +4 -4
- package/dist/flint.js +10 -45
- package/dist/flint.js.map +1 -1
- package/dist/highlightCode-D354tCXO.js +81 -0
- package/dist/highlightCode-D354tCXO.js.map +1 -0
- package/dist/index.d.ts +843 -443
- package/dist/index.js +62 -63
- package/dist/internal/blocks/AIKit.js +2 -2
- package/dist/internal/blocks/AppShell.js +1 -1
- package/dist/internal/blocks/AuthLayout.js +1 -1
- package/dist/internal/blocks/AutoSaveTextarea.js +1 -1
- package/dist/internal/blocks/BrandEditor.js +1 -1
- package/dist/internal/blocks/ChartPanel.js +1 -1
- package/dist/internal/blocks/ChipEditor.js +5 -9
- package/dist/internal/blocks/ChipEditor.js.map +1 -1
- package/dist/internal/blocks/ClipboardButton.js +1 -1
- package/dist/internal/blocks/ColorInput.js +1 -1
- package/dist/internal/blocks/ColorModeSwitch.js +1 -1
- package/dist/internal/blocks/Command.js +1 -1
- package/dist/internal/blocks/CopyField.js +1 -1
- package/dist/internal/blocks/DateInput.js +1 -1
- package/dist/internal/blocks/DateRangeInput.js +1 -1
- package/dist/internal/blocks/DiagramShared/DiagramSkeleton.js.map +1 -1
- package/dist/internal/blocks/EmptyConfigurationActionCard.js +1 -1
- package/dist/internal/blocks/ErrorState.js +18 -29
- package/dist/internal/blocks/ErrorState.js.map +1 -1
- package/dist/internal/blocks/ExportMenu.js +3 -3
- package/dist/internal/blocks/ExportMenu.js.map +1 -1
- package/dist/internal/blocks/Form/connectors/ComboboxField.js +2 -2
- package/dist/internal/blocks/Form/connectors/MultiComboboxField.js +1 -1
- package/dist/internal/blocks/Form.js +1 -1
- package/dist/internal/blocks/FormGroup.js +1 -1
- package/dist/internal/blocks/InlineEdit.js +1 -1
- package/dist/internal/blocks/MultiActionButtonGroup.js +1 -1
- package/dist/internal/blocks/MultiCombobox.js +202 -70
- package/dist/internal/blocks/MultiCombobox.js.map +1 -1
- package/dist/internal/blocks/NumberInput.js +2 -4
- package/dist/internal/blocks/NumberInput.js.map +1 -1
- package/dist/internal/blocks/PageToolbar.js +1 -1
- package/dist/internal/blocks/PasswordInput.js +3 -5
- package/dist/internal/blocks/PasswordInput.js.map +1 -1
- package/dist/internal/blocks/SearchInput.js +1 -1
- package/dist/internal/blocks/SearchInputWithNavigation.js +6 -7
- package/dist/internal/blocks/SearchInputWithNavigation.js.map +1 -1
- package/dist/internal/blocks/SectionNav.js +1 -1
- package/dist/internal/blocks/SplitButton.js +2 -2
- package/dist/internal/blocks/StatCard.js +1 -1
- package/dist/internal/blocks/TextInput.js +1 -1
- package/dist/internal/blocks/Textarea.js +3 -8
- package/dist/internal/blocks/Textarea.js.map +1 -1
- package/dist/internal/blocks/TimeInput.js +4 -6
- package/dist/internal/blocks/TimeInput.js.map +1 -1
- package/dist/internal/components/Alert.js +1 -1
- package/dist/internal/components/AlertModal.js +1 -1
- package/dist/internal/components/Avatar.js +1 -1
- package/dist/internal/components/Badge.js +1 -1
- package/dist/internal/components/BrandLogo.js +1 -1
- package/dist/internal/components/Breadcrumb.js +1 -1
- package/dist/internal/components/Button.js +2 -2
- package/dist/internal/components/ButtonGroup.js +1 -1
- package/dist/internal/components/ButtonGroup.js.map +1 -1
- package/dist/internal/components/Card.js +1 -1
- package/dist/internal/components/Checkbox.js +1 -1
- package/dist/internal/components/Clipboard.js +1 -1
- package/dist/internal/components/CollapsiblePanel.js +1 -1
- package/dist/internal/components/Combobox.js +1 -1
- package/dist/internal/components/DatePicker.js +1 -1
- package/dist/internal/components/DateRangePicker.js +1 -1
- package/dist/internal/components/DropdownMenu.js +1 -1
- package/dist/internal/components/FileUpload.js +1 -1
- package/dist/internal/components/FullScreenModal.js +1 -1
- package/dist/internal/components/HoverCard.js +1 -1
- package/dist/internal/components/InputGroup.js +1 -1
- package/dist/internal/components/Kbd.js +1 -1
- package/dist/internal/components/Modal.js +1 -1
- package/dist/internal/components/Navbar.js +1 -1
- package/dist/internal/components/Pagination.js +1 -1
- package/dist/internal/components/Popconfirm.js +1 -1
- package/dist/internal/components/Popover.js +1 -1
- package/dist/internal/components/RadioGroup.js +1 -1
- package/dist/internal/components/Search.js +1 -1
- package/dist/internal/components/Select.js +1 -1
- package/dist/internal/components/Sheet.js +1 -1
- package/dist/internal/components/Sidebar.js +1 -1
- package/dist/internal/components/Skeleton/Skeleton.js +2 -2
- package/dist/internal/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/internal/components/Slider.js +1 -1
- package/dist/internal/components/Stepper.js +1 -1
- package/dist/internal/components/Switch.js +1 -1
- package/dist/internal/components/Table.js +1 -1
- package/dist/internal/components/Tabs.js +1 -1
- package/dist/internal/components/ThemeProvider.js +3 -4
- package/dist/internal/components/TimePicker.js +1 -1
- package/dist/internal/components/Toast.js +2 -2
- package/dist/internal/components/Toggle.js +13 -3
- package/dist/internal/components/Toggle.js.map +1 -1
- package/dist/internal/components/Tooltip.js +1 -1
- package/dist/internal/components/Truncated.js +1 -1
- package/dist/internal/components/ZoomableSvg.js +1 -1
- package/dist/internal/utils.js +1 -1
- package/dist/markdown-editor.js +16 -18
- package/dist/markdown-editor.js.map +1 -1
- package/dist/mermaid.d.ts +1 -2
- package/dist/mermaid.js +1 -1
- package/dist/rjsf.js +121 -43
- package/dist/rjsf.js.map +1 -1
- package/dist/styles-DxazJ8Mz.js +81 -0
- package/dist/styles-DxazJ8Mz.js.map +1 -0
- package/dist/styles-T8xwr0sR.js +73 -0
- package/dist/styles-T8xwr0sR.js.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/svgCache-Dhmbe-7i.js +26 -0
- package/dist/svgCache-Dhmbe-7i.js.map +1 -0
- package/dist/svgTransforms-Hnvev3Vs.js +38 -0
- package/dist/svgTransforms-Hnvev3Vs.js.map +1 -0
- package/dist/testing.d.ts +0 -2
- package/dist/testing.js +3 -10
- package/dist/testing.js.map +1 -1
- package/dist/{useColorSchemeState-Cw4MCXUs.js → themeScopeContext-CEVXbYvZ.js} +43 -15
- package/dist/themeScopeContext-CEVXbYvZ.js.map +1 -0
- package/dist/{useThemeAttributes-B199Regy.js → themeTokens-DCeb62ap.js} +22 -4
- package/dist/themeTokens-DCeb62ap.js.map +1 -0
- package/dist/{toast-D6Z6MOB5.js → toast-Y3cTMBW8.js} +7 -10
- package/dist/toast-Y3cTMBW8.js.map +1 -0
- package/dist/{utils-p6tjltbX.js → utils-DwC9u0tM.js} +39 -49
- package/dist/utils-DwC9u0tM.js.map +1 -0
- package/dist/vega.js +2 -2
- package/dist/vegaTheme-ISwGXvof.js +49 -0
- package/dist/vegaTheme-ISwGXvof.js.map +1 -0
- package/dist/{vegaTheme-VQMWTlBw.js → vegaTokens-DCkvpIVE.js} +36 -44
- package/dist/vegaTokens-DCkvpIVE.js.map +1 -0
- package/package.json +3 -4
- package/src/styles.css +4 -39
- package/src/theme.css +42 -0
- package/dist/AIKit-C5FbKjwa.js.map +0 -1
- package/dist/Alert-DuAGeYyM.js.map +0 -1
- package/dist/AlertModal-BDle9ZVQ.js.map +0 -1
- package/dist/AutoSaveTextarea-jiqNeeE4.js.map +0 -1
- package/dist/Badge-Ba3epgcI.js.map +0 -1
- package/dist/BrandEditor-Dq168RJc.js.map +0 -1
- package/dist/Breadcrumb-CUyYu5Bi.js.map +0 -1
- package/dist/Button-D2JqBAq7.js.map +0 -1
- package/dist/Card-Bpc_ZlL4.js.map +0 -1
- package/dist/Checkbox-D9rafoKh.js.map +0 -1
- package/dist/CodeEditor-Y0iE-SwV.js.map +0 -1
- package/dist/ColorInput-D1nC0X6i.js.map +0 -1
- package/dist/Combobox-B1Kjoy5J.js.map +0 -1
- package/dist/Command-BuOA3V18.js.map +0 -1
- package/dist/DateInput-BlKkequE.js.map +0 -1
- package/dist/DateRangeInput-DOxJHw8V.js.map +0 -1
- package/dist/DateRangePicker-CXpXPMoh.js.map +0 -1
- package/dist/DiagramSource-jTwmmi9g.js +0 -11
- package/dist/DiagramSource-jTwmmi9g.js.map +0 -1
- package/dist/DropdownMenu-DtRYcKEx.js.map +0 -1
- package/dist/FileUpload-D6vPG3WB.js.map +0 -1
- package/dist/FullScreenModal-CUuAakh3.js.map +0 -1
- package/dist/HoverCard-Cy6nhg4u.js +0 -31
- package/dist/HoverCard-Cy6nhg4u.js.map +0 -1
- package/dist/InlineEdit-DSMIEUUa.js.map +0 -1
- package/dist/InputGroup-Dm014ruw.js.map +0 -1
- package/dist/Kbd-Du93F3o4.js.map +0 -1
- package/dist/MermaidDiagram-D2ThT8Q-.js +0 -302
- package/dist/MermaidDiagram-D2ThT8Q-.js.map +0 -1
- package/dist/Modal-DQIauzar.js.map +0 -1
- package/dist/Popover-BU7nGOv-.js.map +0 -1
- package/dist/RadioGroup-C2vk5acr.js.map +0 -1
- package/dist/SearchInput-BnU6YHgT.js.map +0 -1
- package/dist/Select-CjQgU_6K.js.map +0 -1
- package/dist/Sheet-utw4_rUa.js.map +0 -1
- package/dist/Sidebar-CKaxOPwY.js.map +0 -1
- package/dist/Slider-Rcc2qVct.js.map +0 -1
- package/dist/Stepper-BBPembeK.js.map +0 -1
- package/dist/Switch-Dw4tvQls.js +0 -201
- package/dist/Switch-Dw4tvQls.js.map +0 -1
- package/dist/Table-CgSC-fSo.js.map +0 -1
- package/dist/TextInput-B5TDDOty.js.map +0 -1
- package/dist/ThemeProvider-Dt9b67sW.js.map +0 -1
- package/dist/ZoomableSvg-D8sXKpoV.js.map +0 -1
- package/dist/context-U293r3v-.js +0 -29
- package/dist/context-U293r3v-.js.map +0 -1
- package/dist/defaults-i_xG2F_1.js +0 -32
- package/dist/defaults-i_xG2F_1.js.map +0 -1
- package/dist/styles-BDA5rQz3.js +0 -127
- package/dist/styles-BDA5rQz3.js.map +0 -1
- package/dist/styles-YQdM7G8c.js +0 -159
- package/dist/styles-YQdM7G8c.js.map +0 -1
- package/dist/svgTransforms-Dw2hRA-i.js +0 -51
- package/dist/svgTransforms-Dw2hRA-i.js.map +0 -1
- package/dist/themeTokens-7DEab0kp.js +0 -31
- package/dist/themeTokens-7DEab0kp.js.map +0 -1
- package/dist/toast-D6Z6MOB5.js.map +0 -1
- package/dist/useColorSchemeState-Cw4MCXUs.js.map +0 -1
- package/dist/useThemeAttributes-B199Regy.js.map +0 -1
- package/dist/utils-p6tjltbX.js.map +0 -1
- package/dist/vegaTheme-VQMWTlBw.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { BrandId, ColorScheme, ResolvedColorScheme, Theme, Tokens } from "./type
|
|
|
2
2
|
import { ChangeClassification, DiffChunk, FieldItemProps, MergeConflict } from "./FieldItem-CPN1xjN5.js";
|
|
3
3
|
import { LucideIcon } from "./index-D-itZ3VP.js";
|
|
4
4
|
import * as React$2 from "react";
|
|
5
|
-
import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentRef, Dispatch, FocusEvent, HTMLAttributes, KeyboardEvent, MouseEvent, MouseEventHandler, OptionHTMLAttributes, PropsWithChildren, ReactNode, Ref, RefCallback, RefObject, SelectHTMLAttributes, SetStateAction, TableHTMLAttributes, ThHTMLAttributes } from "react";
|
|
5
|
+
import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentRef, Dispatch, FocusEvent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, OptionHTMLAttributes, PropsWithChildren, ReactNode, Ref, RefCallback, RefObject, SelectHTMLAttributes, SetStateAction, TableHTMLAttributes, ThHTMLAttributes } from "react";
|
|
6
6
|
import { Slot, Slot as Slot$1 } from "@radix-ui/react-slot";
|
|
7
7
|
import { ClassValue } from "clsx";
|
|
8
8
|
import { Content, Root as Root$1, Trigger as Trigger$1 } from "@radix-ui/react-tooltip";
|
|
@@ -15,7 +15,6 @@ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
|
|
|
15
15
|
import { LabelProps } from "@radix-ui/react-label";
|
|
16
16
|
import { Content as Content$1, Portal as Portal$1, Root as Root$4, Trigger as Trigger$3 } from "@radix-ui/react-alert-dialog";
|
|
17
17
|
import { Close, Content as Content$2, Overlay as Overlay$1, Portal as Portal$2, Root as Root$5, Title as Title$1, Trigger as Trigger$4 } from "@radix-ui/react-dialog";
|
|
18
|
-
import * as RSeparator from "@radix-ui/react-separator";
|
|
19
18
|
import { Anchor, Close as Close$1, Content as Content$3, PopoverContentProps, PopoverProps, Portal as Portal$3, Root as Root$6, Trigger as Trigger$5 } from "@radix-ui/react-popover";
|
|
20
19
|
import { Content as Content$4, Root as Root$7, Trigger as Trigger$6 } from "@radix-ui/react-hover-card";
|
|
21
20
|
import { Command as Command$1, defaultFilter, useCommandState } from "cmdk";
|
|
@@ -23,26 +22,22 @@ import TextareaAutosize from "react-textarea-autosize";
|
|
|
23
22
|
import { Root as Root$8 } from "@radix-ui/react-switch";
|
|
24
23
|
import * as RRadioGroup from "@radix-ui/react-radio-group";
|
|
25
24
|
import { Item } from "@radix-ui/react-radio-group";
|
|
25
|
+
import * as RSeparator from "@radix-ui/react-separator";
|
|
26
26
|
import { Root as Root$9, Thumb as Thumb$1 } from "@radix-ui/react-slider";
|
|
27
27
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
28
28
|
import { CheckedState, Root as Root$11 } from "@radix-ui/react-checkbox";
|
|
29
29
|
import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
|
|
30
30
|
import { OTPInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, SlotProps as OtpInputRenderSlotProps } from "input-otp";
|
|
31
|
+
import { CollapsibleTrigger, Content as Content$5, Root as Root$12 } from "@radix-ui/react-collapsible";
|
|
31
32
|
import { Components, Options } from "react-markdown";
|
|
32
|
-
import { Root as Root$
|
|
33
|
-
import { CollapsibleTrigger, Content as Content$5, Root as Root$13 } from "@radix-ui/react-collapsible";
|
|
33
|
+
import { Root as Root$13 } from "@radix-ui/react-progress";
|
|
34
34
|
import { Action as Action$1, ExternalToast, Toaster as Toaster$1 } from "sonner";
|
|
35
|
-
import { Brand, Brand as Brand$1, agnes, brandSchema, exampleCustomer, harbor,
|
|
35
|
+
import { Brand, Brand as Brand$1, agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola } from "@keboola/brand-registry";
|
|
36
36
|
import { Group as Group$1, Panel as ResizablePanel, PanelImperativeHandle, Separator as Separator$1, useDefaultLayout } from "react-resizable-panels";
|
|
37
37
|
import * as RadixTabs from "@radix-ui/react-tabs";
|
|
38
38
|
import { AnyFormApi } from "@tanstack/form-core";
|
|
39
39
|
//#region src/components/Button/styles.d.ts
|
|
40
|
-
declare const
|
|
41
|
-
block?: boolean | null | undefined;
|
|
42
|
-
variant?: "danger" | "inline" | "invisible" | "kai" | "outline" | "primary" | "secondary" | null | undefined;
|
|
43
|
-
size?: "icon" | "icon-2xs" | "icon-3xs" | "icon-lg" | "icon-sm" | "icon-xs" | "large" | "medium" | "small" | null | undefined;
|
|
44
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
45
|
-
declare const argoVariants: (props?: ({
|
|
40
|
+
declare const buttonVariants: (props?: ({
|
|
46
41
|
block?: boolean | null | undefined;
|
|
47
42
|
variant?: "danger" | "inline" | "invisible" | "kai" | "outline" | "primary" | "secondary" | null | undefined;
|
|
48
43
|
size?: "icon" | "icon-2xs" | "icon-3xs" | "icon-lg" | "icon-sm" | "icon-xs" | "large" | "medium" | "small" | null | undefined;
|
|
@@ -50,12 +45,12 @@ declare const argoVariants: (props?: ({
|
|
|
50
45
|
//#endregion
|
|
51
46
|
//#region src/components/Button/Button.d.ts
|
|
52
47
|
/** Props for `Button`; icons are composed as children. */
|
|
53
|
-
type Props$
|
|
48
|
+
type Props$279 = {
|
|
54
49
|
/** Shows a spinner in place of the leading icon, or before the label when there is none. The caller still controls `disabled`. */
|
|
55
50
|
isLoading?: boolean;
|
|
56
51
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
57
52
|
asChild?: boolean;
|
|
58
|
-
} & ComponentProps<'button'> & VariantProps<typeof
|
|
53
|
+
} & ComponentProps<'button'> & VariantProps<typeof buttonVariants>;
|
|
59
54
|
/**
|
|
60
55
|
* Any user-initiated action; `size="icon-*"` with no children is the icon-only button.
|
|
61
56
|
*
|
|
@@ -65,31 +60,31 @@ type Props$272 = {
|
|
|
65
60
|
* @see RECIPES.md#disabled-button-tooltip
|
|
66
61
|
* @see RECIPES.md#confirm-dialog
|
|
67
62
|
*/
|
|
68
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$
|
|
63
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$279) => import("react").JSX.Element;
|
|
69
64
|
//#endregion
|
|
70
65
|
//#region src/components/Button/ButtonInline.d.ts
|
|
71
66
|
declare const buttonInlineVariants: (props?: ({
|
|
72
67
|
color?: "custom" | "danger" | "dark" | "link" | "muted" | null | undefined;
|
|
73
68
|
variant?: "custom" | "link" | "link-reverse" | null | undefined;
|
|
74
69
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
75
|
-
type Props$
|
|
70
|
+
type Props$278 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
76
71
|
asChild?: boolean;
|
|
77
72
|
};
|
|
78
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
73
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$278) => import("react").JSX.Element;
|
|
79
74
|
//#endregion
|
|
80
75
|
//#region src/components/ButtonGroup/ButtonGroup.d.ts
|
|
81
76
|
declare const buttonGroupVariant: (props?: ({
|
|
82
77
|
variant?: "block" | "inline" | null | undefined;
|
|
83
78
|
space?: "compact" | "extra-small" | "large" | "little-small" | "medium" | "small" | null | undefined;
|
|
84
79
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
85
|
-
type Props$
|
|
80
|
+
type Props$277 = {
|
|
86
81
|
children: ReactNode;
|
|
87
82
|
className?: string;
|
|
88
83
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
89
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
84
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$277) => import("react").JSX.Element;
|
|
90
85
|
//#endregion
|
|
91
86
|
//#region src/components/DropdownMenu/DropdownMenuItem.d.ts
|
|
92
|
-
type Props$
|
|
87
|
+
type Props$276 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
93
88
|
/**
|
|
94
89
|
* Stops the closing item stealing focus from the modal it opens (breaks `autoFocus`).
|
|
95
90
|
* https://github.com/radix-ui/primitives/issues/2193#issuecomment-2758461323
|
|
@@ -100,10 +95,10 @@ type Props$269 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
|
100
95
|
isLoading?: boolean;
|
|
101
96
|
iconClassName?: string;
|
|
102
97
|
};
|
|
103
|
-
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$
|
|
98
|
+
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$276) => import("react").JSX.Element;
|
|
104
99
|
//#endregion
|
|
105
100
|
//#region src/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts
|
|
106
|
-
type Props$
|
|
101
|
+
type Props$275 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
107
102
|
closeOnSelect?: boolean;
|
|
108
103
|
indicator?: 'switch' | 'checkbox' | 'check';
|
|
109
104
|
indicatorAlign?: 'start' | 'end';
|
|
@@ -111,38 +106,38 @@ type Props$268 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
|
111
106
|
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so mixed menus line up. */
|
|
112
107
|
icon?: ReactNode;
|
|
113
108
|
};
|
|
114
|
-
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$
|
|
109
|
+
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$275) => import("react").JSX.Element;
|
|
115
110
|
//#endregion
|
|
116
111
|
//#region src/components/DropdownMenu/DropdownMenuContent.d.ts
|
|
117
|
-
type Props$
|
|
112
|
+
type Props$274 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
|
|
118
113
|
forceMount?: boolean;
|
|
119
114
|
/** Classes for the inner scroll area, not the popup. Set a width, not a `max-width` (clips rows). */
|
|
120
115
|
className?: string;
|
|
121
116
|
viewPortClassName?: string;
|
|
122
117
|
container?: HTMLElement | null;
|
|
123
118
|
};
|
|
124
|
-
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$
|
|
119
|
+
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$274) => import("react").JSX.Element;
|
|
125
120
|
//#endregion
|
|
126
121
|
//#region src/components/DropdownMenu/DropdownMenuItemDescription.d.ts
|
|
127
|
-
type Props$
|
|
122
|
+
type Props$273 = ComponentProps<'span'> & {
|
|
128
123
|
hideOnHover?: boolean;
|
|
129
124
|
};
|
|
130
|
-
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$
|
|
125
|
+
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$273) => import("react").JSX.Element;
|
|
131
126
|
//#endregion
|
|
132
127
|
//#region src/components/DropdownMenu/DropdownMenuLabel.d.ts
|
|
133
|
-
type Props$
|
|
134
|
-
declare const DropdownMenuLabel: ({ className, ...props }: Props$
|
|
128
|
+
type Props$272 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
|
|
129
|
+
declare const DropdownMenuLabel: ({ className, ...props }: Props$272) => import("react").JSX.Element;
|
|
135
130
|
//#endregion
|
|
136
131
|
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.d.ts
|
|
137
|
-
type Props$
|
|
132
|
+
type Props$271<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
|
|
138
133
|
value?: Value;
|
|
139
134
|
defaultValue?: Value;
|
|
140
135
|
onValueChange?: (value: Value) => void;
|
|
141
136
|
};
|
|
142
|
-
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$
|
|
137
|
+
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$271<Value>) => import("react").JSX.Element;
|
|
143
138
|
//#endregion
|
|
144
139
|
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.d.ts
|
|
145
|
-
type Props$
|
|
140
|
+
type Props$270 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
146
141
|
closeOnSelect?: boolean;
|
|
147
142
|
indicatorAlign?: 'start' | 'end';
|
|
148
143
|
indicator?: 'radio' | 'check' | 'none';
|
|
@@ -150,33 +145,33 @@ type Props$263 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
|
150
145
|
iconClassName?: string;
|
|
151
146
|
isLoading?: boolean;
|
|
152
147
|
};
|
|
153
|
-
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$
|
|
148
|
+
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$270) => import("react").JSX.Element;
|
|
154
149
|
//#endregion
|
|
155
150
|
//#region src/components/DropdownMenu/DropdownMenuSeparator.d.ts
|
|
156
|
-
type Props$
|
|
157
|
-
declare const DropdownMenuSeparator: ({ className, ...props }: Props$
|
|
151
|
+
type Props$269 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
152
|
+
declare const DropdownMenuSeparator: ({ className, ...props }: Props$269) => import("react").JSX.Element;
|
|
158
153
|
//#endregion
|
|
159
154
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.d.ts
|
|
160
155
|
declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
161
156
|
//#endregion
|
|
162
157
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.d.ts
|
|
163
|
-
type Props$
|
|
164
|
-
declare const DropdownMenuSubContent: ({ className, ...props }: Props$
|
|
158
|
+
type Props$268 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
|
|
159
|
+
declare const DropdownMenuSubContent: ({ className, ...props }: Props$268) => import("react").JSX.Element;
|
|
165
160
|
//#endregion
|
|
166
161
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.d.ts
|
|
167
|
-
type Props$
|
|
162
|
+
type Props$267 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
168
163
|
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so the trigger lines up with items. */
|
|
169
164
|
icon?: ReactNode;
|
|
170
165
|
};
|
|
171
|
-
declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$
|
|
166
|
+
declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$267) => import("react").JSX.Element;
|
|
172
167
|
//#endregion
|
|
173
168
|
//#region src/components/DropdownMenu/DropdownMenuTrigger.d.ts
|
|
174
|
-
type Props$
|
|
175
|
-
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$
|
|
169
|
+
type Props$266 = ComponentProps<typeof Trigger$2>;
|
|
170
|
+
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$266) => import("react").JSX.Element;
|
|
176
171
|
//#endregion
|
|
177
172
|
//#region src/components/DropdownMenu/DropdownMenu.d.ts
|
|
178
|
-
type Props$
|
|
179
|
-
declare function DropdownMenu({ modal, ...props }: Props$
|
|
173
|
+
type Props$265 = ComponentProps<typeof Root$2>;
|
|
174
|
+
declare function DropdownMenu({ modal, ...props }: Props$265): import("react").JSX.Element;
|
|
180
175
|
declare namespace DropdownMenu {
|
|
181
176
|
export { DropdownMenuTrigger as Trigger };
|
|
182
177
|
export { DropdownMenuContent as Content };
|
|
@@ -194,10 +189,10 @@ declare namespace DropdownMenu {
|
|
|
194
189
|
}
|
|
195
190
|
//#endregion
|
|
196
191
|
//#region src/blocks/SplitButton/SplitButton.d.ts
|
|
197
|
-
type Variant$
|
|
192
|
+
type Variant$8 = ComponentProps<typeof Button>['variant'];
|
|
198
193
|
type Size$1 = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
199
194
|
type SpitButtonSize = Exclude<Size$1, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
200
|
-
type Props$
|
|
195
|
+
type Props$264 = {
|
|
201
196
|
actions?: ReactNode;
|
|
202
197
|
isActionsOpen?: boolean;
|
|
203
198
|
onActionsOpenChange?: (open: boolean) => void;
|
|
@@ -205,10 +200,10 @@ type Props$257 = {
|
|
|
205
200
|
onActionsCloseAutoFocus?: ComponentProps<typeof DropdownMenu.Content>['onCloseAutoFocus'];
|
|
206
201
|
/** Optional leading-icon slot — pass a Lucide icon node. */
|
|
207
202
|
icon?: ReactNode;
|
|
208
|
-
variant?: Exclude<Variant$
|
|
203
|
+
variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
|
|
209
204
|
size?: SpitButtonSize;
|
|
210
205
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
211
|
-
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$
|
|
206
|
+
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$264) => import("react").JSX.Element;
|
|
212
207
|
declare const SplitButton: typeof SplitButtonBase & {
|
|
213
208
|
Action: typeof DropdownMenuItem;
|
|
214
209
|
Actions: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -218,26 +213,30 @@ declare const SplitButton: typeof SplitButtonBase & {
|
|
|
218
213
|
declare const tooltipVariants: (props?: ({
|
|
219
214
|
variant?: "action" | "explanatory" | null | undefined;
|
|
220
215
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
221
|
-
type Props$
|
|
216
|
+
type Props$263 = {
|
|
222
217
|
keepOpenOnPointerDownOutside?: boolean;
|
|
223
|
-
/** Force argo (`true`) or legacy (`false`) chrome; `undefined` follows the brand. */
|
|
224
|
-
argo?: boolean;
|
|
225
218
|
placement?: ComponentProps<typeof Content>['side'];
|
|
226
219
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
227
|
-
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside,
|
|
220
|
+
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$263) => import("react").JSX.Element;
|
|
228
221
|
//#endregion
|
|
229
222
|
//#region src/components/Tooltip/TooltipRoot.d.ts
|
|
230
|
-
type Props$
|
|
231
|
-
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$
|
|
223
|
+
type Props$262 = ComponentProps<typeof Root$1>;
|
|
224
|
+
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$262) => import("react").JSX.Element;
|
|
225
|
+
//#endregion
|
|
226
|
+
//#region src/components/Tooltip/TooltipTitle.d.ts
|
|
227
|
+
/**
|
|
228
|
+
* Small uppercase heading above a rich tooltip's body copy, in the tooltip's text colour.
|
|
229
|
+
*/
|
|
230
|
+
declare const TooltipTitle: ({ className, ...rest }: ComponentProps<'div'>) => import("react").JSX.Element;
|
|
232
231
|
//#endregion
|
|
233
232
|
//#region src/components/Tooltip/TooltipTrigger.d.ts
|
|
234
|
-
type Props$
|
|
233
|
+
type Props$261 = {
|
|
235
234
|
keepOpenOnClick?: boolean;
|
|
236
235
|
} & ComponentProps<typeof Trigger$1>;
|
|
237
|
-
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$
|
|
236
|
+
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$261) => import("react").JSX.Element;
|
|
238
237
|
//#endregion
|
|
239
238
|
//#region src/components/Tooltip/Tooltip.d.ts
|
|
240
|
-
declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-
|
|
239
|
+
declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-muted-foreground/50 tw:underline-offset-2";
|
|
241
240
|
type TriggerProps$1 = {
|
|
242
241
|
triggerAsChild?: boolean;
|
|
243
242
|
};
|
|
@@ -256,21 +255,20 @@ type Props$10 = {
|
|
|
256
255
|
delayDuration?: number;
|
|
257
256
|
/** Dashed-underline hover hint on the trigger. */
|
|
258
257
|
hintUnderline?: boolean;
|
|
259
|
-
/** Force one chrome. Default: argo inside `Navbar` / `Sidebar` DOM, else the brand's. */
|
|
260
|
-
chrome?: 'argo' | 'legacy';
|
|
261
258
|
className?: string;
|
|
262
259
|
} & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;
|
|
263
260
|
/** Mount once at the app root so tooltips share delay state. */
|
|
264
261
|
declare const TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
|
|
265
|
-
declare function Tooltip({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration,
|
|
262
|
+
declare function Tooltip({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, triggerAsChild, hintUnderline }: Props$10): import("react").JSX.Element;
|
|
266
263
|
declare namespace Tooltip {
|
|
267
264
|
export { TooltipRoot as Root };
|
|
268
265
|
export { TooltipContent as Content };
|
|
269
266
|
export { TooltipTrigger as Trigger };
|
|
267
|
+
export { TooltipTitle as Title };
|
|
270
268
|
}
|
|
271
269
|
//#endregion
|
|
272
270
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButton.d.ts
|
|
273
|
-
type Props$
|
|
271
|
+
type Props$260 = {
|
|
274
272
|
disabled?: boolean;
|
|
275
273
|
icon: ReactNode;
|
|
276
274
|
isLoading?: boolean;
|
|
@@ -280,13 +278,13 @@ type Props$253 = {
|
|
|
280
278
|
tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];
|
|
281
279
|
'data-testid'?: string;
|
|
282
280
|
};
|
|
283
|
-
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$
|
|
281
|
+
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$260) => import("react").JSX.Element;
|
|
284
282
|
//#endregion
|
|
285
283
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButtonGroup.d.ts
|
|
286
|
-
type Props$
|
|
284
|
+
type Props$259 = {
|
|
287
285
|
className?: string;
|
|
288
286
|
} & PropsWithChildren;
|
|
289
|
-
declare function MultiActionButtonGroup({ children, className }: Props$
|
|
287
|
+
declare function MultiActionButtonGroup({ children, className }: Props$259): import("react").JSX.Element;
|
|
290
288
|
declare namespace MultiActionButtonGroup {
|
|
291
289
|
export { MultiActionButton as Button };
|
|
292
290
|
}
|
|
@@ -298,12 +296,12 @@ declare const toggleVariants: (props?: ({
|
|
|
298
296
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
299
297
|
iconOnly?: boolean | null | undefined;
|
|
300
298
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
301
|
-
type Props$
|
|
299
|
+
type Props$258 = {
|
|
302
300
|
icon?: ReactNode;
|
|
303
301
|
badge?: ReactNode;
|
|
304
302
|
orientation?: 'horizontal' | 'vertical';
|
|
305
303
|
} & ComponentProps<typeof Root$3> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
|
|
306
|
-
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$
|
|
304
|
+
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$258) => import("react").JSX.Element;
|
|
307
305
|
//#endregion
|
|
308
306
|
//#region src/components/ToggleGroup/ToggleGroup.d.ts
|
|
309
307
|
declare const rootVariants: (props?: ({
|
|
@@ -323,30 +321,30 @@ declare const ToggleGroup: typeof Root$20 & {
|
|
|
323
321
|
};
|
|
324
322
|
//#endregion
|
|
325
323
|
//#region src/components/Clipboard/Clipboard.d.ts
|
|
326
|
-
type Props$
|
|
324
|
+
type Props$257 = {
|
|
327
325
|
tooltip?: Props$10['tooltip'];
|
|
328
326
|
tooltipPlacement?: Props$10['placement'];
|
|
329
327
|
tooltipVariant?: Props$10['variant'];
|
|
330
328
|
asChild?: Props$10['triggerAsChild'];
|
|
331
329
|
text?: string | (() => string);
|
|
332
330
|
} & ComponentProps<'button'>;
|
|
333
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
331
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$257) => import("react").JSX.Element;
|
|
334
332
|
//#endregion
|
|
335
333
|
//#region src/blocks/ClipboardButton/ClipboardButton.d.ts
|
|
336
334
|
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
337
335
|
type ButtonProps$4 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
338
|
-
type Props$
|
|
336
|
+
type Props$256 = ClipboardProps$1 & ButtonProps$4 & {
|
|
339
337
|
icon?: ReactNode;
|
|
340
338
|
};
|
|
341
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
339
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$256) => import("react").JSX.Element;
|
|
342
340
|
//#endregion
|
|
343
341
|
//#region src/blocks/ClipboardButton/ClipboardInline.d.ts
|
|
344
342
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
345
343
|
type ButtonProps$3 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
346
|
-
type Props$
|
|
344
|
+
type Props$255 = {
|
|
347
345
|
hideIcon?: boolean;
|
|
348
346
|
} & ClipboardProps & ButtonProps$3;
|
|
349
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
347
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$255) => import("react").JSX.Element;
|
|
350
348
|
//#endregion
|
|
351
349
|
//#region src/blocks/ExportMenu/ExportMenu.d.ts
|
|
352
350
|
type ExportMenuItem = {
|
|
@@ -354,7 +352,7 @@ type ExportMenuItem = {
|
|
|
354
352
|
label: string;
|
|
355
353
|
onSelect: () => void;
|
|
356
354
|
};
|
|
357
|
-
type Props$
|
|
355
|
+
type Props$254 = {
|
|
358
356
|
items: ExportMenuItem[];
|
|
359
357
|
/** Accessible name + tooltip for the trigger, e.g. "Export table". */
|
|
360
358
|
label: string;
|
|
@@ -368,7 +366,7 @@ type Props$247 = {
|
|
|
368
366
|
* - Callers inject it into `ZoomableSvg`; importing it there would pull ~11 kB of
|
|
369
367
|
* `DropdownMenu` chunk-mates behind the lazy `@keboola/design/mermaid` boundary.
|
|
370
368
|
*/
|
|
371
|
-
declare const ExportMenu: ({ items, label, size, variant }: Props$
|
|
369
|
+
declare const ExportMenu: ({ items, label, size, variant }: Props$254) => import("react").JSX.Element;
|
|
372
370
|
//#endregion
|
|
373
371
|
//#region src/blocks/CopyField/CopyBox.d.ts
|
|
374
372
|
type CopyBoxProps = {
|
|
@@ -531,11 +529,11 @@ declare const LABELS$2: {
|
|
|
531
529
|
readonly signup: 'Sign up with Microsoft';
|
|
532
530
|
readonly continue: 'Continue with Microsoft';
|
|
533
531
|
};
|
|
534
|
-
type Props$
|
|
532
|
+
type Props$253 = ComponentPropsWithRef<'button'> & {
|
|
535
533
|
label?: keyof typeof LABELS$2;
|
|
536
534
|
isLoading?: boolean;
|
|
537
535
|
};
|
|
538
|
-
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
536
|
+
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$253) => import("react").JSX.Element;
|
|
539
537
|
//#endregion
|
|
540
538
|
//#region src/blocks/FacebookButton/FacebookButton.d.ts
|
|
541
539
|
/** The call-to-action wordings Meta's Facebook Login guidelines prefer. */
|
|
@@ -543,7 +541,7 @@ declare const LABELS$1: {
|
|
|
543
541
|
readonly login: 'Log in with Facebook';
|
|
544
542
|
readonly continue: 'Continue with Facebook';
|
|
545
543
|
};
|
|
546
|
-
type Props$
|
|
544
|
+
type Props$252 = ComponentPropsWithRef<'button'> & {
|
|
547
545
|
label?: keyof typeof LABELS$1;
|
|
548
546
|
isLoading?: boolean;
|
|
549
547
|
};
|
|
@@ -552,7 +550,7 @@ type Props$245 = ComponentPropsWithRef<'button'> & {
|
|
|
552
550
|
*
|
|
553
551
|
* - The fill is the logo pack's Facebook Blue; the mark is the secondary logo (white disc).
|
|
554
552
|
*/
|
|
555
|
-
declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
553
|
+
declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$252) => import("react").JSX.Element;
|
|
556
554
|
//#endregion
|
|
557
555
|
//#region src/blocks/GoogleButton/GoogleButton.d.ts
|
|
558
556
|
declare const LABELS: {
|
|
@@ -566,15 +564,15 @@ declare const variants$6: (props?: ({
|
|
|
566
564
|
shape?: "circle" | "rectangular" | null | undefined;
|
|
567
565
|
size?: "default" | "icon" | null | undefined;
|
|
568
566
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
569
|
-
type Props$
|
|
567
|
+
type Props$251 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
|
|
570
568
|
label?: keyof typeof LABELS;
|
|
571
569
|
isLoading?: boolean;
|
|
572
570
|
};
|
|
573
|
-
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
571
|
+
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$251) => import("react").JSX.Element;
|
|
574
572
|
//#endregion
|
|
575
573
|
//#region src/components/Link.d.ts
|
|
576
|
-
type Props$
|
|
577
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
574
|
+
type Props$250 = ComponentProps<'a'>;
|
|
575
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$250) => import("react").JSX.Element;
|
|
578
576
|
//#endregion
|
|
579
577
|
//#region src/components/AlertModal/variant.d.ts
|
|
580
578
|
/**
|
|
@@ -584,7 +582,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
|
|
|
584
582
|
type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
585
583
|
//#endregion
|
|
586
584
|
//#region src/components/AlertModal/AlertModalContent.d.ts
|
|
587
|
-
type Props$
|
|
585
|
+
type Props$249 = {
|
|
588
586
|
variant?: AlertModalVariant;
|
|
589
587
|
/** `false` draws no icon at all, and gives the title and body its column. */
|
|
590
588
|
icon?: ReactNode | false;
|
|
@@ -595,23 +593,23 @@ type Props$242 = {
|
|
|
595
593
|
confirmDisabled?: boolean;
|
|
596
594
|
container?: ComponentProps<typeof Portal$1>['container'];
|
|
597
595
|
} & Omit<ComponentProps<typeof Content$1>, 'title'>;
|
|
598
|
-
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$
|
|
596
|
+
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$249) => import("react").JSX.Element;
|
|
599
597
|
//#endregion
|
|
600
598
|
//#region src/components/AlertModal/AlertModalTrigger.d.ts
|
|
601
|
-
type Props$
|
|
602
|
-
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$
|
|
599
|
+
type Props$248 = ComponentPropsWithRef<typeof Trigger$3>;
|
|
600
|
+
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$248) => import("react").JSX.Element;
|
|
603
601
|
//#endregion
|
|
604
602
|
//#region src/components/AlertModal/AlertModal.d.ts
|
|
605
603
|
type ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
|
|
606
604
|
type CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;
|
|
607
|
-
type Props$
|
|
605
|
+
type Props$247 = {
|
|
608
606
|
onConfirm?: ConfirmHandler;
|
|
609
607
|
onCancel?: CancelHandler;
|
|
610
608
|
skipAsyncWait?: boolean;
|
|
611
609
|
/** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
|
|
612
610
|
isLoading?: boolean;
|
|
613
611
|
} & ComponentProps<typeof Root$4>;
|
|
614
|
-
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$
|
|
612
|
+
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$247): import("react").JSX.Element;
|
|
615
613
|
declare namespace AlertModal {
|
|
616
614
|
export { AlertModalTrigger as Trigger };
|
|
617
615
|
export { AlertModalContent as Content };
|
|
@@ -619,33 +617,35 @@ declare namespace AlertModal {
|
|
|
619
617
|
//#endregion
|
|
620
618
|
//#region src/components/Modal/ModalBody.d.ts
|
|
621
619
|
/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as="form"` is reserved for future use. */
|
|
622
|
-
type Props$
|
|
620
|
+
type Props$246 = ComponentProps<'div'> & {
|
|
623
621
|
as?: 'form';
|
|
624
622
|
};
|
|
625
623
|
/**
|
|
626
624
|
* Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.
|
|
627
625
|
* Takes available height inside `Modal.Content` and scrolls when content overflows.
|
|
628
626
|
*/
|
|
629
|
-
declare const ModalBody: ({ className, ...props }: Props$
|
|
627
|
+
declare const ModalBody: ({ className, ...props }: Props$246) => import("react").JSX.Element;
|
|
630
628
|
//#endregion
|
|
631
629
|
//#region src/components/Modal/ModalContent.d.ts
|
|
632
|
-
type Props$
|
|
630
|
+
type Props$245 = ComponentProps<typeof Content$2> & {
|
|
633
631
|
size?: 'small' | 'medium' | 'large';
|
|
632
|
+
/** `top` keeps a form that changes height in place; ignored by the legacy brand (always top-anchored). */
|
|
633
|
+
align?: 'center' | 'top';
|
|
634
634
|
};
|
|
635
|
-
declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$
|
|
635
|
+
declare const ModalContent: ({ size, align, className, children, onEscapeKeyDown, ...props }: Props$245) => import("react").JSX.Element;
|
|
636
636
|
//#endregion
|
|
637
637
|
//#region src/components/Modal/ModalFooter.d.ts
|
|
638
|
-
type Props$
|
|
638
|
+
type Props$244 = ComponentPropsWithRef<'div'>;
|
|
639
639
|
/**
|
|
640
640
|
* The modal's action row.
|
|
641
641
|
*
|
|
642
642
|
* - A child that should fill the row carries `tw:w-full` itself; the footer is already full width.
|
|
643
643
|
* - tailwind-merge replaces only within a group: `tw:flex-col` keeps `items-center`, so add `tw:items-stretch`.
|
|
644
644
|
*/
|
|
645
|
-
declare const ModalFooter: ({ className, ...props }: Props$
|
|
645
|
+
declare const ModalFooter: ({ className, ...props }: Props$244) => import("react").JSX.Element;
|
|
646
646
|
//#endregion
|
|
647
647
|
//#region src/components/Modal/ModalHeader.d.ts
|
|
648
|
-
type Props$
|
|
648
|
+
type Props$243 = {
|
|
649
649
|
/** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */
|
|
650
650
|
icon?: ReactNode;
|
|
651
651
|
/** Visible subtitle below the title (also fills `aria-describedby`). */
|
|
@@ -658,41 +658,39 @@ type Props$236 = {
|
|
|
658
658
|
hideCloseIcon?: boolean;
|
|
659
659
|
} & ComponentProps<'div'>;
|
|
660
660
|
/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */
|
|
661
|
-
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$
|
|
661
|
+
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$243) => import("react").JSX.Element;
|
|
662
662
|
//#endregion
|
|
663
663
|
//#region src/components/Modal/ModalIcon.d.ts
|
|
664
664
|
type NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';
|
|
665
|
-
type Props$
|
|
665
|
+
type Props$242 = {
|
|
666
666
|
color: NamedColor | (string & {});
|
|
667
667
|
icon: ReactNode;
|
|
668
668
|
};
|
|
669
669
|
/**
|
|
670
670
|
* Status-coloured icon for `Modal`, authored inside `Modal.Header`; remote images use `Modal.Image`.
|
|
671
671
|
*
|
|
672
|
-
* -
|
|
673
|
-
* - Argo (`data-argo` on `Modal.Content`): soft-tinted inline badge next to the title.
|
|
674
|
-
* - CSS (`group-data-[argo=true]/modal:`) toggles the two, no context.
|
|
672
|
+
* - Soft-tinted inline badge in the header grid's first column, next to the title.
|
|
675
673
|
* - `color` is categorical (`red` destructive … `violet` agent), fixed across brand themes.
|
|
676
674
|
*/
|
|
677
|
-
declare const ModalIcon: ({ color, icon }: Props$
|
|
675
|
+
declare const ModalIcon: ({ color, icon }: Props$242) => import("react").JSX.Element;
|
|
678
676
|
//#endregion
|
|
679
677
|
//#region src/components/Modal/ModalImage.d.ts
|
|
680
|
-
type Props$
|
|
678
|
+
type Props$241 = {
|
|
681
679
|
src: string;
|
|
682
680
|
/** Accessible alt text. Defaults to `""` (decorative) — provide it when the image carries meaning. */
|
|
683
681
|
alt?: string;
|
|
684
682
|
};
|
|
685
|
-
declare const ModalImage: ({ src, alt }: Props$
|
|
683
|
+
declare const ModalImage: ({ src, alt }: Props$241) => import("react").JSX.Element | null;
|
|
686
684
|
//#endregion
|
|
687
685
|
//#region src/components/Modal/ModalOverlay.d.ts
|
|
688
|
-
type Props$
|
|
686
|
+
type Props$240 = ComponentProps<typeof Overlay$1> & {
|
|
689
687
|
disableTransition?: boolean;
|
|
690
688
|
};
|
|
691
|
-
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$
|
|
689
|
+
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$240) => import("react").JSX.Element;
|
|
692
690
|
//#endregion
|
|
693
691
|
//#region src/components/Modal/Modal.d.ts
|
|
694
|
-
type Props$
|
|
695
|
-
declare function Modal(props: Props$
|
|
692
|
+
type Props$239 = ComponentProps<typeof Root$5>;
|
|
693
|
+
declare function Modal(props: Props$239): import("react").JSX.Element;
|
|
696
694
|
declare namespace Modal {
|
|
697
695
|
export { Close };
|
|
698
696
|
export { Trigger$4 as Trigger };
|
|
@@ -706,13 +704,13 @@ declare namespace Modal {
|
|
|
706
704
|
}
|
|
707
705
|
//#endregion
|
|
708
706
|
//#region src/components/FullScreenModal/FullScreenModalBody.d.ts
|
|
709
|
-
type Props$
|
|
710
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
707
|
+
type Props$238 = HTMLAttributes<HTMLDivElement>;
|
|
708
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$238 & {
|
|
711
709
|
ref?: Ref<HTMLDivElement>;
|
|
712
710
|
}) => import("react").JSX.Element;
|
|
713
711
|
//#endregion
|
|
714
712
|
//#region src/components/FullScreenModal/FullScreenModalHeader.d.ts
|
|
715
|
-
type Props$
|
|
713
|
+
type Props$237 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
716
714
|
title: ReactNode;
|
|
717
715
|
titleClassName?: string;
|
|
718
716
|
titleWrapperClassName?: string;
|
|
@@ -721,17 +719,17 @@ type Props$230 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
721
719
|
onClose?: () => void;
|
|
722
720
|
showPreviousTitle?: boolean;
|
|
723
721
|
}>;
|
|
724
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
722
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$237) => import("react").JSX.Element;
|
|
725
723
|
//#endregion
|
|
726
724
|
//#region src/components/FullScreenModal/FullScreenModalRoot.d.ts
|
|
727
|
-
type Props$
|
|
725
|
+
type Props$236 = HTMLAttributes<HTMLDivElement> & {
|
|
728
726
|
children: ReactNode;
|
|
729
727
|
/** Lock body scroll when modal is open. Default: true */
|
|
730
728
|
lockBodyScroll?: boolean;
|
|
731
729
|
/** Callback when ESC key is pressed */
|
|
732
730
|
onEscapeKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
733
731
|
};
|
|
734
|
-
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$
|
|
732
|
+
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$236) => import("react").ReactPortal;
|
|
735
733
|
//#endregion
|
|
736
734
|
//#region src/components/FullScreenModal/FullScreenModal.d.ts
|
|
737
735
|
declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
@@ -740,42 +738,42 @@ declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
|
740
738
|
};
|
|
741
739
|
//#endregion
|
|
742
740
|
//#region src/components/Sheet/SheetBody.d.ts
|
|
743
|
-
type Props$
|
|
744
|
-
declare const SheetBody: ({ className, ...rest }: Props$
|
|
741
|
+
type Props$235 = ComponentProps<'div'>;
|
|
742
|
+
declare const SheetBody: ({ className, ...rest }: Props$235) => import("react").JSX.Element;
|
|
745
743
|
//#endregion
|
|
746
744
|
//#region src/components/Sheet/SheetContent.d.ts
|
|
747
745
|
declare const sheetContentVariants: (props?: ({
|
|
748
746
|
disableTransition?: boolean | null | undefined;
|
|
749
747
|
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
750
748
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
751
|
-
type Props$
|
|
749
|
+
type Props$234 = ComponentProps<typeof Content$2> & {
|
|
752
750
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
753
751
|
hideOverlay?: boolean;
|
|
754
752
|
keepOpenOnPointerDownOutside?: boolean;
|
|
755
753
|
} & VariantProps<typeof sheetContentVariants> & Pick<ComponentProps<typeof Portal$2>, 'container'>;
|
|
756
|
-
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$
|
|
754
|
+
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$234) => import("react").JSX.Element;
|
|
757
755
|
//#endregion
|
|
758
756
|
//#region src/components/Sheet/SheetFooter.d.ts
|
|
759
|
-
type Props$
|
|
760
|
-
declare const SheetFooter: ({ className, ...props }: Props$
|
|
757
|
+
type Props$233 = ComponentProps<'div'>;
|
|
758
|
+
declare const SheetFooter: ({ className, ...props }: Props$233) => import("react").JSX.Element;
|
|
761
759
|
//#endregion
|
|
762
760
|
//#region src/components/Sheet/SheetHeader.d.ts
|
|
763
|
-
type Props$
|
|
761
|
+
type Props$232 = {
|
|
764
762
|
title?: ReactNode;
|
|
765
763
|
description?: ReactNode;
|
|
766
764
|
hideCloseIcon?: boolean;
|
|
767
765
|
} & ComponentProps<'div'>;
|
|
768
|
-
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$
|
|
766
|
+
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$232) => import("react").JSX.Element;
|
|
769
767
|
//#endregion
|
|
770
768
|
//#region src/components/Sheet/SheetTitle.d.ts
|
|
771
|
-
type Props$
|
|
769
|
+
type Props$231 = ComponentProps<typeof Title$1> & {
|
|
772
770
|
visuallyHidden?: boolean;
|
|
773
771
|
};
|
|
774
|
-
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$
|
|
772
|
+
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$231) => import("react").JSX.Element;
|
|
775
773
|
//#endregion
|
|
776
774
|
//#region src/components/Sheet/Sheet.d.ts
|
|
777
|
-
type Props$
|
|
778
|
-
declare function Sheet(props: Props$
|
|
775
|
+
type Props$230 = ComponentProps<typeof Root$5>;
|
|
776
|
+
declare function Sheet(props: Props$230): import("react").JSX.Element;
|
|
779
777
|
declare namespace Sheet {
|
|
780
778
|
export { Close };
|
|
781
779
|
export { Trigger$4 as Trigger };
|
|
@@ -788,20 +786,19 @@ declare namespace Sheet {
|
|
|
788
786
|
//#endregion
|
|
789
787
|
//#region src/components/Popover/PopoverContent.d.ts
|
|
790
788
|
declare const variants$5: (props?: ({
|
|
791
|
-
variant?: "argo" | "default" | null | undefined;
|
|
792
789
|
matchTriggerWidth?: boolean | null | undefined;
|
|
793
790
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
794
|
-
type Props$
|
|
791
|
+
type Props$229 = ComponentProps<typeof Content$3> & VariantProps<typeof variants$5> & {
|
|
795
792
|
/**
|
|
796
793
|
* Portal target, default `document.body`; pass a theme-scoped host so the panel takes its theme.
|
|
797
794
|
*/
|
|
798
795
|
container?: ComponentProps<typeof Portal$3>['container'];
|
|
799
796
|
};
|
|
800
|
-
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$
|
|
797
|
+
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$229) => import("react").JSX.Element;
|
|
801
798
|
//#endregion
|
|
802
799
|
//#region src/components/Popover/Popover.d.ts
|
|
803
|
-
type Props$
|
|
804
|
-
declare function Popover(props: Props$
|
|
800
|
+
type Props$228 = ComponentProps<typeof Root$6>;
|
|
801
|
+
declare function Popover(props: Props$228): import("react").JSX.Element;
|
|
805
802
|
declare namespace Popover {
|
|
806
803
|
export { PopoverContent as Content };
|
|
807
804
|
export { Trigger$5 as Trigger };
|
|
@@ -819,8 +816,8 @@ type PopconfirmContextType = {
|
|
|
819
816
|
};
|
|
820
817
|
//#endregion
|
|
821
818
|
//#region src/components/Popconfirm/PopconfirmBody.d.ts
|
|
822
|
-
type Props$
|
|
823
|
-
declare const PopconfirmBody: (props: Props$
|
|
819
|
+
type Props$227 = ComponentProps<'div'>;
|
|
820
|
+
declare const PopconfirmBody: (props: Props$227) => import("react").JSX.Element;
|
|
824
821
|
//#endregion
|
|
825
822
|
//#region src/components/Popconfirm/PopconfirmCancel.d.ts
|
|
826
823
|
type SlotProps$5 = {
|
|
@@ -830,8 +827,8 @@ type ButtonProps$2 = {
|
|
|
830
827
|
asChild?: false;
|
|
831
828
|
children?: ReactNode;
|
|
832
829
|
} & Omit<ComponentProps<typeof Button>, 'children'>;
|
|
833
|
-
type Props$
|
|
834
|
-
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
830
|
+
type Props$226 = SlotProps$5 | ButtonProps$2;
|
|
831
|
+
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$226) => import("react").JSX.Element;
|
|
835
832
|
//#endregion
|
|
836
833
|
//#region src/components/Popconfirm/PopconfirmConfirm.d.ts
|
|
837
834
|
type SlotProps$4 = {
|
|
@@ -841,27 +838,27 @@ type ButtonProps$1 = {
|
|
|
841
838
|
asChild?: false;
|
|
842
839
|
children?: ReactNode;
|
|
843
840
|
} & Omit<ComponentProps<typeof Button>, 'children' | 'isLoading'>;
|
|
844
|
-
type Props$
|
|
845
|
-
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
841
|
+
type Props$225 = SlotProps$4 | ButtonProps$1;
|
|
842
|
+
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$225) => import("react").JSX.Element;
|
|
846
843
|
//#endregion
|
|
847
844
|
//#region src/components/Popconfirm/PopconfirmContent.d.ts
|
|
848
|
-
type Props$
|
|
849
|
-
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$
|
|
845
|
+
type Props$224 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
|
|
846
|
+
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$224) => import("react").JSX.Element;
|
|
850
847
|
//#endregion
|
|
851
848
|
//#region src/components/Popconfirm/PopconfirmFooter.d.ts
|
|
852
|
-
type Props$
|
|
853
|
-
declare const PopconfirmFooter: ({ className, ...props }: Props$
|
|
849
|
+
type Props$223 = ComponentProps<'div'>;
|
|
850
|
+
declare const PopconfirmFooter: ({ className, ...props }: Props$223) => import("react").JSX.Element;
|
|
854
851
|
//#endregion
|
|
855
852
|
//#region src/components/Popconfirm/PopconfirmTrigger.d.ts
|
|
856
|
-
type Props$
|
|
857
|
-
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$
|
|
853
|
+
type Props$222 = ComponentProps<typeof Popover.Trigger>;
|
|
854
|
+
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$222) => import("react").JSX.Element;
|
|
858
855
|
//#endregion
|
|
859
856
|
//#region src/components/Popconfirm/Popconfirm.d.ts
|
|
860
|
-
type Props$
|
|
857
|
+
type Props$221 = {
|
|
861
858
|
children: ReactNode;
|
|
862
859
|
skipAsyncWait?: boolean;
|
|
863
860
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
864
|
-
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
861
|
+
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$221): import("react").JSX.Element;
|
|
865
862
|
declare namespace Popconfirm {
|
|
866
863
|
export { PopconfirmConfirm as Confirm };
|
|
867
864
|
export { PopconfirmCancel as Cancel };
|
|
@@ -872,52 +869,52 @@ declare namespace Popconfirm {
|
|
|
872
869
|
}
|
|
873
870
|
//#endregion
|
|
874
871
|
//#region src/components/HoverCard/HoverCardContent.d.ts
|
|
875
|
-
type Props$
|
|
876
|
-
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$
|
|
872
|
+
type Props$220 = ComponentProps<typeof Content$4>;
|
|
873
|
+
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$220) => import("react").JSX.Element;
|
|
877
874
|
//#endregion
|
|
878
875
|
//#region src/components/HoverCard/HoverCard.d.ts
|
|
879
|
-
type Props$
|
|
880
|
-
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$
|
|
876
|
+
type Props$219 = ComponentProps<typeof Root$7>;
|
|
877
|
+
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$219): import("react").JSX.Element;
|
|
881
878
|
declare namespace HoverCard {
|
|
882
879
|
export { HoverCardContent as Content };
|
|
883
880
|
export { Trigger$6 as Trigger };
|
|
884
881
|
}
|
|
885
882
|
//#endregion
|
|
886
883
|
//#region src/blocks/Command/CommandContent.d.ts
|
|
887
|
-
type Props$
|
|
888
|
-
declare const CommandContent: ({ className, ...rest }: Props$
|
|
884
|
+
type Props$218 = ComponentProps<'div'>;
|
|
885
|
+
declare const CommandContent: ({ className, ...rest }: Props$218) => import("react").JSX.Element;
|
|
889
886
|
//#endregion
|
|
890
887
|
//#region src/blocks/Command/CommandEmpty.d.ts
|
|
891
|
-
type Props$
|
|
892
|
-
declare const CommandEmpty: ({ ...props }: Props$
|
|
888
|
+
type Props$217 = ComponentProps<typeof Command$1.Empty>;
|
|
889
|
+
declare const CommandEmpty: ({ ...props }: Props$217) => import("react").JSX.Element;
|
|
893
890
|
//#endregion
|
|
894
891
|
//#region src/blocks/Command/CommandGroup.d.ts
|
|
895
|
-
type Props$
|
|
896
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
892
|
+
type Props$216 = ComponentProps<typeof Command$1.Group>;
|
|
893
|
+
declare const CommandGroup: ({ className, ...props }: Props$216) => import("react").JSX.Element;
|
|
897
894
|
//#endregion
|
|
898
895
|
//#region src/components/InputGroup/InputGroupAddon.d.ts
|
|
899
896
|
declare const addonVariants$1: (props?: ({
|
|
900
897
|
align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
|
|
901
898
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
902
|
-
type Props$
|
|
903
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
899
|
+
type Props$215 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
900
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$215) => import("react").JSX.Element;
|
|
904
901
|
//#endregion
|
|
905
902
|
//#region src/components/InputGroup/InputGroupButton.d.ts
|
|
906
903
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
907
|
-
type Props$
|
|
908
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
904
|
+
type Props$214 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
905
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$214) => import("react").JSX.Element;
|
|
909
906
|
//#endregion
|
|
910
907
|
//#region src/components/InputGroup/InputGroupInput.d.ts
|
|
911
|
-
type Props$
|
|
912
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
908
|
+
type Props$213 = ComponentProps<'input'>;
|
|
909
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$213) => import("react").JSX.Element;
|
|
913
910
|
//#endregion
|
|
914
911
|
//#region src/components/InputGroup/InputGroupText.d.ts
|
|
915
|
-
type Props$
|
|
916
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
912
|
+
type Props$212 = ComponentProps<'span'>;
|
|
913
|
+
declare const InputGroupText: ({ className, ...props }: Props$212) => import("react").JSX.Element;
|
|
917
914
|
//#endregion
|
|
918
915
|
//#region src/components/InputGroup/InputGroupTextArea.d.ts
|
|
919
916
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof TextareaAutosize>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
920
|
-
type Props$
|
|
917
|
+
type Props$211 = TextareaNativeProps$1 & {
|
|
921
918
|
value?: string | null;
|
|
922
919
|
defaultValue?: string | null;
|
|
923
920
|
onValueChange?: (value: string) => void;
|
|
@@ -925,19 +922,15 @@ type Props$204 = TextareaNativeProps$1 & {
|
|
|
925
922
|
maxRows?: number | 'unlimited';
|
|
926
923
|
disableResize?: boolean;
|
|
927
924
|
};
|
|
928
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
925
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$211) => import("react").JSX.Element;
|
|
929
926
|
//#endregion
|
|
930
927
|
//#region src/components/InputGroup/InputGroup.d.ts
|
|
931
928
|
declare const inputGroupVariants: (props?: ({
|
|
932
929
|
focusVariant?: "default" | "off" | "on" | null | undefined;
|
|
933
|
-
variant?: "argo" | "primary" | "secondary" | null | undefined;
|
|
934
|
-
sizing?: "default" | "medium" | "small" | null | undefined;
|
|
935
930
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
936
931
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
937
|
-
type Props$
|
|
938
|
-
|
|
939
|
-
};
|
|
940
|
-
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$203) => import("react").JSX.Element;
|
|
932
|
+
type Props$210 = ComponentPropsWithRef<'div'> & VariantProps<typeof inputGroupVariants>;
|
|
933
|
+
declare const InputGroupRoot: ({ ref, children, state, focusVariant, className, ...props }: Props$210) => import("react").JSX.Element;
|
|
941
934
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
942
935
|
Input: typeof InputGroupInput;
|
|
943
936
|
Addon: typeof InputGroupAddon;
|
|
@@ -947,7 +940,7 @@ declare const InputGroup: typeof InputGroupRoot & {
|
|
|
947
940
|
};
|
|
948
941
|
//#endregion
|
|
949
942
|
//#region src/blocks/TextInput/TextInput.d.ts
|
|
950
|
-
type InputGroupProps$10 = Pick<ComponentProps<typeof InputGroup>, '
|
|
943
|
+
type InputGroupProps$10 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
951
944
|
type OwnProps$1 = {
|
|
952
945
|
prefix?: ReactNode;
|
|
953
946
|
/** `rightSuffixVariant="addon"` truncates it; the ellipsis needs inline content (text or `<span>`). */
|
|
@@ -973,57 +966,55 @@ type Props$5 = InputGroupProps$10 & OwnProps$1 & Omit<ComponentProps<'input'>, '
|
|
|
973
966
|
* **When to use:** plain text / email / password / date fields outside `useAppForm`.
|
|
974
967
|
* **When NOT to use:** `FormGroup.TextInput` (labelled group), `field.TextField` (validated
|
|
975
968
|
* form), `SearchInput` (search).
|
|
976
|
-
* **Brand:** a modern brand always renders argo and ignores `variant`.
|
|
977
969
|
*/
|
|
978
|
-
declare const TextInput: ({ ref: forwardedRef, state,
|
|
970
|
+
declare const TextInput: ({ ref: forwardedRef, state, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$5) => import("react").JSX.Element;
|
|
979
971
|
//#endregion
|
|
980
972
|
//#region src/blocks/Command/CommandInput.d.ts
|
|
981
|
-
type Props$
|
|
982
|
-
|
|
973
|
+
type Props$209 = ComponentProps<typeof TextInput>;
|
|
974
|
+
/** The search field; a bare full-width row unless the `Command` is `compact`. */
|
|
975
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$209) => import("react").JSX.Element;
|
|
983
976
|
//#endregion
|
|
984
977
|
//#region src/blocks/Command/CommandItem/CheckIndicator.d.ts
|
|
985
|
-
type Props$
|
|
978
|
+
type Props$208 = {
|
|
986
979
|
variant?: 'checkbox' | 'radio' | 'default';
|
|
987
980
|
};
|
|
988
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
981
|
+
declare const CheckIndicator: ({ variant }: Props$208) => import("react").JSX.Element | null;
|
|
989
982
|
//#endregion
|
|
990
983
|
//#region src/blocks/Command/CommandItem/CommandItem.d.ts
|
|
991
|
-
type Props$
|
|
984
|
+
type Props$207 = ComponentProps<typeof Command$1.Item> & {
|
|
992
985
|
icon?: ReactNode;
|
|
993
986
|
checked?: boolean;
|
|
994
987
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
995
988
|
actions?: ReactNode;
|
|
996
989
|
};
|
|
997
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
990
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$207) => import("react").JSX.Element;
|
|
998
991
|
//#endregion
|
|
999
992
|
//#region src/components/ScrollArea/ScrollArea.d.ts
|
|
1000
|
-
type Props$
|
|
993
|
+
type Props$206 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1001
994
|
viewPortClassName?: string;
|
|
1002
995
|
scrollBarClassName?: string;
|
|
1003
996
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1004
997
|
};
|
|
1005
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
998
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$206) => import("react").JSX.Element;
|
|
1006
999
|
//#endregion
|
|
1007
1000
|
//#region src/components/ScrollArea/ScrollBar.d.ts
|
|
1008
|
-
type Props$
|
|
1009
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1001
|
+
type Props$205 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1002
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$205) => import("react").JSX.Element;
|
|
1010
1003
|
//#endregion
|
|
1011
1004
|
//#region src/blocks/Command/CommandList.d.ts
|
|
1012
|
-
type Props$
|
|
1013
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1005
|
+
type Props$204 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1006
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$204) => import("react").JSX.Element;
|
|
1014
1007
|
//#endregion
|
|
1015
1008
|
//#region src/blocks/Command/CommandSeparator.d.ts
|
|
1016
|
-
type Props$
|
|
1017
|
-
declare const CommandSeparator: ({ className, ...props }: Props$
|
|
1009
|
+
type Props$203 = ComponentProps<typeof Command$1.Separator>;
|
|
1010
|
+
declare const CommandSeparator: ({ className, ...props }: Props$203) => import("react").JSX.Element;
|
|
1018
1011
|
//#endregion
|
|
1019
1012
|
//#region src/blocks/Command/Command.d.ts
|
|
1020
|
-
type
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
* surfaces like popovers, as `argo` is sized for the full-screen palette. */
|
|
1024
|
-
variant?: Variant$8;
|
|
1013
|
+
type Props$202 = ComponentProps<typeof Command$1> & {
|
|
1014
|
+
/** Drops the palette padding and the bare search row; suits small surfaces like popovers. */
|
|
1015
|
+
compact?: boolean;
|
|
1025
1016
|
};
|
|
1026
|
-
declare function Command({ className,
|
|
1017
|
+
declare function Command({ className, compact, ...rest }: Props$202): import("react").JSX.Element;
|
|
1027
1018
|
declare namespace Command {
|
|
1028
1019
|
export { CommandContent as Content };
|
|
1029
1020
|
export { CommandSeparator as Separator };
|
|
@@ -1054,7 +1045,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
|
|
|
1054
1045
|
declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
|
|
1055
1046
|
//#endregion
|
|
1056
1047
|
//#region src/components/SpotlightBackdrop/SpotlightBackdrop.d.ts
|
|
1057
|
-
type Props$
|
|
1048
|
+
type Props$201 = {
|
|
1058
1049
|
/** Box to cut out, or `null` to dim everything. */
|
|
1059
1050
|
rect: TargetRect | null;
|
|
1060
1051
|
/** In px. */
|
|
@@ -1071,7 +1062,7 @@ type Props$194 = {
|
|
|
1071
1062
|
* - Presentational: `rect` from `useTargetRect`, callout via `Popover`.
|
|
1072
1063
|
* - Tour steps and "seen" persistence are app-owned — see the "Guided tour (recipe)" story.
|
|
1073
1064
|
*/
|
|
1074
|
-
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$
|
|
1065
|
+
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$201) => import("react").JSX.Element;
|
|
1075
1066
|
//#endregion
|
|
1076
1067
|
//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/types.d.ts
|
|
1077
1068
|
/**
|
|
@@ -3403,18 +3394,6 @@ declare namespace DatePicker {
|
|
|
3403
3394
|
var displayName: string;
|
|
3404
3395
|
}
|
|
3405
3396
|
//#endregion
|
|
3406
|
-
//#region src/components/OverlayTrigger/styles.d.ts
|
|
3407
|
-
/**
|
|
3408
|
-
* Chrome for a control that looks like an input but opens an overlay on click. Shared by
|
|
3409
|
-
* `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when
|
|
3410
|
-
* they stand next to each other in a filter row.
|
|
3411
|
-
*/
|
|
3412
|
-
declare const overlayTriggerVariants: (props?: ({
|
|
3413
|
-
variant?: "argo" | "primary" | "secondary" | null | undefined;
|
|
3414
|
-
sizing?: "default" | "medium" | "small" | null | undefined;
|
|
3415
|
-
state?: "default" | "error" | "warning" | null | undefined;
|
|
3416
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3417
|
-
//#endregion
|
|
3418
3397
|
//#region src/components/DateRangePicker/DateRangePicker.d.ts
|
|
3419
3398
|
type DateRange = {
|
|
3420
3399
|
from: Date;
|
|
@@ -3444,26 +3423,25 @@ type DateRangePickerProps = {
|
|
|
3444
3423
|
requireApply?: boolean;
|
|
3445
3424
|
/** Days that cannot be picked, as a react-day-picker matcher — e.g. `{ after: new Date() }`. */
|
|
3446
3425
|
disabledDays?: Matcher | Matcher[];
|
|
3447
|
-
variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'>;
|
|
3448
3426
|
disabled?: boolean;
|
|
3449
3427
|
className?: string;
|
|
3450
3428
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
3451
|
-
declare function DateRangePicker({ align, alignOffset, className, defaultOpen, disabled, disabledDays, formatDate, label, onChange, onOpenChange, onPresetSelect, open, placeholder, presets, requireApply, sideOffset, value,
|
|
3429
|
+
declare function DateRangePicker({ align, alignOffset, className, defaultOpen, disabled, disabledDays, formatDate, label, onChange, onOpenChange, onPresetSelect, open, placeholder, presets, requireApply, sideOffset, value, withTime }: DateRangePickerProps): import("react").JSX.Element;
|
|
3452
3430
|
declare namespace DateRangePicker {
|
|
3453
3431
|
var displayName: string;
|
|
3454
3432
|
}
|
|
3455
3433
|
//#endregion
|
|
3456
3434
|
//#region src/components/TimePicker/TimePicker.d.ts
|
|
3457
|
-
type Props$
|
|
3435
|
+
type Props$200 = {
|
|
3458
3436
|
children?: ReactNode;
|
|
3459
3437
|
defaultSelected?: string | null;
|
|
3460
3438
|
selected?: string | null;
|
|
3461
3439
|
onSelect?: (time: string) => void;
|
|
3462
3440
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
3463
|
-
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$
|
|
3441
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$200) => import("react").JSX.Element;
|
|
3464
3442
|
//#endregion
|
|
3465
3443
|
//#region src/components/Label/Label.d.ts
|
|
3466
|
-
type Props$
|
|
3444
|
+
type Props$199 = {
|
|
3467
3445
|
id?: string | number;
|
|
3468
3446
|
htmlFor?: string | number;
|
|
3469
3447
|
} & Omit<LabelProps, 'id' | 'htmlFor'>;
|
|
@@ -3479,7 +3457,7 @@ declare const Optional: ({ className, ...props }: ComponentPropsWithRef<'span'>)
|
|
|
3479
3457
|
* `aria-required` (or `required`) on the associated control.
|
|
3480
3458
|
*/
|
|
3481
3459
|
declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
|
|
3482
|
-
declare function Label({ className, children, id, htmlFor, ...rest }: Props$
|
|
3460
|
+
declare function Label({ className, children, id, htmlFor, ...rest }: Props$199): import("react").JSX.Element;
|
|
3483
3461
|
declare namespace Label {
|
|
3484
3462
|
export { Optional };
|
|
3485
3463
|
export { Required$1 as Required };
|
|
@@ -3490,21 +3468,15 @@ declare const fieldBoxVariants: (props?: ({
|
|
|
3490
3468
|
variant?: "boxed" | "default" | null | undefined;
|
|
3491
3469
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3492
3470
|
//#endregion
|
|
3493
|
-
//#region src/components/Switch/styles.d.ts
|
|
3494
|
-
declare const switchVariants: (props?: ({
|
|
3495
|
-
variant?: "argo" | "default" | null | undefined;
|
|
3496
|
-
size?: "large" | "medium" | "small" | null | undefined;
|
|
3497
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3498
|
-
//#endregion
|
|
3499
3471
|
//#region src/components/Switch/Switch.d.ts
|
|
3500
|
-
type Props$
|
|
3472
|
+
type Props$198 = {
|
|
3501
3473
|
id?: string | number;
|
|
3502
3474
|
children?: ReactNode;
|
|
3503
3475
|
description?: ReactNode;
|
|
3504
3476
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
3505
3477
|
position?: 'start' | 'end';
|
|
3506
|
-
} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'
|
|
3507
|
-
declare const Switch: ({ ref, className,
|
|
3478
|
+
} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'>;
|
|
3479
|
+
declare const Switch: ({ ref, className, disabled, id: idProp, children, description, variant, position, ...props }: Props$198) => import("react").JSX.Element;
|
|
3508
3480
|
//#endregion
|
|
3509
3481
|
//#region src/components/RadioGroup/context.d.ts
|
|
3510
3482
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
@@ -3512,52 +3484,52 @@ type Orientation = 'vertical' | 'horizontal';
|
|
|
3512
3484
|
//#endregion
|
|
3513
3485
|
//#region src/components/RadioGroup/RadioGroupItem.d.ts
|
|
3514
3486
|
type ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;
|
|
3515
|
-
type Props$
|
|
3487
|
+
type Props$197<T extends string = string> = ItemProps & {
|
|
3516
3488
|
value: T;
|
|
3517
3489
|
tooltip?: ReactNode;
|
|
3518
3490
|
tooltipVariant?: Props$10['variant'];
|
|
3519
3491
|
tooltipPlacement?: Props$10['placement'];
|
|
3520
3492
|
description?: ReactNode;
|
|
3521
3493
|
};
|
|
3522
|
-
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$
|
|
3494
|
+
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$197<T>) => import("react").JSX.Element;
|
|
3523
3495
|
//#endregion
|
|
3524
3496
|
//#region src/components/RadioGroup/RadioGroupSeparator.d.ts
|
|
3525
3497
|
declare const RadioGroupSeparator: () => import("react").JSX.Element;
|
|
3526
3498
|
//#endregion
|
|
3527
3499
|
//#region src/components/RadioGroup/RadioGroup.d.ts
|
|
3528
|
-
type Props$
|
|
3500
|
+
type Props$196<Value> = {
|
|
3529
3501
|
variant?: Variant$7;
|
|
3530
3502
|
orientation?: Orientation;
|
|
3531
3503
|
onValueChange?: (value: Value) => void;
|
|
3532
3504
|
value?: Value | null;
|
|
3533
3505
|
defaultValue?: Value | null;
|
|
3534
3506
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
3535
|
-
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
3507
|
+
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$196<Value>): import("react").JSX.Element;
|
|
3536
3508
|
declare namespace RadioGroup {
|
|
3537
3509
|
export { RadioGroupItem as Item };
|
|
3538
3510
|
export { RadioGroupSeparator as Separator };
|
|
3539
3511
|
}
|
|
3540
3512
|
//#endregion
|
|
3541
3513
|
//#region src/components/Slider/SliderThumb.d.ts
|
|
3542
|
-
type Props$
|
|
3514
|
+
type Props$195 = ComponentProps<typeof Thumb$1> & {
|
|
3543
3515
|
tooltip?: ReactNode;
|
|
3544
3516
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
3545
3517
|
};
|
|
3546
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
3518
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$195) => import("react").JSX.Element;
|
|
3547
3519
|
//#endregion
|
|
3548
3520
|
//#region src/components/Slider/Slider.d.ts
|
|
3549
3521
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
3550
|
-
type Props$
|
|
3522
|
+
type Props$194 = ComponentProps<typeof Root$9> & {
|
|
3551
3523
|
thumbTooltip?: ThumbTooltipFn;
|
|
3552
3524
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
3553
3525
|
rangeClassName?: string;
|
|
3554
3526
|
};
|
|
3555
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
3527
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$194) => import("react").JSX.Element;
|
|
3556
3528
|
//#endregion
|
|
3557
3529
|
//#region src/components/Search/Search.d.ts
|
|
3558
3530
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
|
|
3559
3531
|
type SearchBlurEventHandler = (value: string, event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
3560
|
-
type Props$
|
|
3532
|
+
type Props$193 = {
|
|
3561
3533
|
suffix?: ReactNode;
|
|
3562
3534
|
disableDebounce?: boolean;
|
|
3563
3535
|
debounceDelay?: number;
|
|
@@ -3572,13 +3544,13 @@ type Props$186 = {
|
|
|
3572
3544
|
/**
|
|
3573
3545
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
3574
3546
|
*/
|
|
3575
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
3547
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$193) => import("react").JSX.Element;
|
|
3576
3548
|
//#endregion
|
|
3577
3549
|
//#region src/components/Search/SearchForm.d.ts
|
|
3578
|
-
type Props$
|
|
3550
|
+
type Props$192 = {
|
|
3579
3551
|
onSubmit: (value: string) => void;
|
|
3580
3552
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
3581
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
3553
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$192) => import("react").JSX.Element;
|
|
3582
3554
|
//#endregion
|
|
3583
3555
|
//#region src/utils/accessibleName.d.ts
|
|
3584
3556
|
type AccessibleNameProps = {
|
|
@@ -3606,7 +3578,7 @@ declare const forwardAccessibleName: <Rest>(rest: Rest & AccessibleNameRest<Rest
|
|
|
3606
3578
|
/**
|
|
3607
3579
|
* Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).
|
|
3608
3580
|
*/
|
|
3609
|
-
type Props$
|
|
3581
|
+
type Props$191 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
3610
3582
|
container?: HTMLElement | null;
|
|
3611
3583
|
};
|
|
3612
3584
|
/**
|
|
@@ -3614,22 +3586,22 @@ type Props$184 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
|
3614
3586
|
* Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via
|
|
3615
3587
|
* the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.
|
|
3616
3588
|
*/
|
|
3617
|
-
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$
|
|
3589
|
+
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$191) => import("react").JSX.Element;
|
|
3618
3590
|
//#endregion
|
|
3619
3591
|
//#region src/components/Select/SelectGroup.d.ts
|
|
3620
|
-
type Props$
|
|
3621
|
-
declare const SelectGroup: ({ className, ...props }: Props$
|
|
3592
|
+
type Props$190 = ComponentProps<typeof SelectPrimitive.Group>;
|
|
3593
|
+
declare const SelectGroup: ({ className, ...props }: Props$190) => import("react").JSX.Element;
|
|
3622
3594
|
//#endregion
|
|
3623
3595
|
//#region src/components/Select/SelectItem.d.ts
|
|
3624
|
-
type Props$
|
|
3596
|
+
type Props$189 = ComponentProps<typeof SelectPrimitive.Item> & {
|
|
3625
3597
|
icon?: ReactNode;
|
|
3626
3598
|
hint?: ReactNode;
|
|
3627
3599
|
};
|
|
3628
|
-
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$
|
|
3600
|
+
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$189) => import("react").JSX.Element;
|
|
3629
3601
|
//#endregion
|
|
3630
3602
|
//#region src/components/Select/SelectLabel.d.ts
|
|
3631
|
-
type Props$
|
|
3632
|
-
declare const SelectLabel: ({ className, ...props }: Props$
|
|
3603
|
+
type Props$188 = ComponentProps<typeof SelectPrimitive.Label>;
|
|
3604
|
+
declare const SelectLabel: ({ className, ...props }: Props$188) => import("react").JSX.Element;
|
|
3633
3605
|
//#endregion
|
|
3634
3606
|
//#region src/components/Select/SelectRoot.d.ts
|
|
3635
3607
|
type SelectRootProps = {
|
|
@@ -3650,16 +3622,27 @@ type SelectRootProps = {
|
|
|
3650
3622
|
declare const SelectRoot: (props: SelectRootProps) => import("react").JSX.Element;
|
|
3651
3623
|
//#endregion
|
|
3652
3624
|
//#region src/components/Select/SelectSeparator.d.ts
|
|
3653
|
-
type Props$
|
|
3654
|
-
declare const SelectSeparator: ({ className, ...props }: Props$
|
|
3625
|
+
type Props$187 = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
3626
|
+
declare const SelectSeparator: ({ className, ...props }: Props$187) => import("react").JSX.Element;
|
|
3627
|
+
//#endregion
|
|
3628
|
+
//#region src/components/OverlayTrigger/styles.d.ts
|
|
3629
|
+
/**
|
|
3630
|
+
* Chrome for a control that looks like an input but opens an overlay on click. Shared by
|
|
3631
|
+
* `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when
|
|
3632
|
+
* they stand next to each other in a filter row.
|
|
3633
|
+
*/
|
|
3634
|
+
declare const overlayTriggerVariants: (props?: ({
|
|
3635
|
+
state?: "default" | "error" | "warning" | null | undefined;
|
|
3636
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3655
3637
|
//#endregion
|
|
3656
3638
|
//#region src/components/Select/SelectTrigger.d.ts
|
|
3657
|
-
type BaseProps$3 = ComponentProps<typeof SelectPrimitive.Trigger> &
|
|
3658
|
-
|
|
3639
|
+
type BaseProps$3 = ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof overlayTriggerVariants> & {
|
|
3640
|
+
/** Text-like trigger with no field chrome, for a select inside a sentence or toolbar; ignores `state`. */
|
|
3641
|
+
inline?: boolean;
|
|
3659
3642
|
} & Pick<ComponentProps<typeof SelectPrimitive.Value>, 'placeholder'>;
|
|
3660
3643
|
/** `role="combobox"` is not named from content: neither the item label nor `placeholder` names it. */
|
|
3661
3644
|
type SelectTriggerProps = WithAccessibleName<BaseProps$3>;
|
|
3662
|
-
declare const SelectTrigger: ({ ref, className,
|
|
3645
|
+
declare const SelectTrigger: ({ ref, className, inline, state, placeholder, ...props }: SelectTriggerProps) => import("react").JSX.Element;
|
|
3663
3646
|
//#endregion
|
|
3664
3647
|
//#region src/components/Select/Select.d.ts
|
|
3665
3648
|
type SelectItem = {
|
|
@@ -3675,12 +3658,12 @@ type SelectItemGroup = {
|
|
|
3675
3658
|
items: readonly SelectItem[];
|
|
3676
3659
|
};
|
|
3677
3660
|
type TriggerProps = ComponentProps<typeof SelectTrigger>;
|
|
3678
|
-
type BaseProps$2 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange' | 'dir' | 'autoComplete' | 'form'> & Pick<TriggerProps, '
|
|
3661
|
+
type BaseProps$2 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange' | 'dir' | 'autoComplete' | 'form'> & Pick<TriggerProps, 'inline' | 'state' | 'placeholder' | 'id' | 'className' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & {
|
|
3679
3662
|
items?: readonly (SelectItem | SelectItemGroup)[];
|
|
3680
3663
|
};
|
|
3681
3664
|
/** `role="combobox"` is not named from content: neither the item label nor `placeholder` names it. */
|
|
3682
3665
|
type SelectProps = WithAccessibleName<BaseProps$2>;
|
|
3683
|
-
declare function Select({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, dir, autoComplete, form,
|
|
3666
|
+
declare function Select({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, dir, autoComplete, form, inline, state, placeholder, className, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, items, ...accessibleName }: SelectProps): import("react").JSX.Element;
|
|
3684
3667
|
declare namespace Select {
|
|
3685
3668
|
export { SelectRoot as Root };
|
|
3686
3669
|
export { SelectTrigger as Trigger };
|
|
@@ -3692,7 +3675,7 @@ declare namespace Select {
|
|
|
3692
3675
|
}
|
|
3693
3676
|
//#endregion
|
|
3694
3677
|
//#region src/components/Checkbox/Checkbox.d.ts
|
|
3695
|
-
type Props$
|
|
3678
|
+
type Props$186 = {
|
|
3696
3679
|
id?: string | number;
|
|
3697
3680
|
description?: ReactNode;
|
|
3698
3681
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
@@ -3700,11 +3683,11 @@ type Props$179 = {
|
|
|
3700
3683
|
tooltip?: Props$10['tooltip'];
|
|
3701
3684
|
tooltipPlacement?: Props$10['placement'];
|
|
3702
3685
|
} & Omit<ComponentProps<typeof Root$11>, 'id'>;
|
|
3703
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3686
|
+
declare function Checkbox(prop: Omit<Props$186, 'checked' | 'onCheckedChange'> & {
|
|
3704
3687
|
checked?: boolean;
|
|
3705
3688
|
onCheckedChange?: (checked: boolean) => void;
|
|
3706
3689
|
}): ReactNode;
|
|
3707
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3690
|
+
declare function Checkbox(prop: Omit<Props$186, 'checked' | 'onCheckedChange'> & {
|
|
3708
3691
|
checked?: CheckedState;
|
|
3709
3692
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
3710
3693
|
}): ReactNode;
|
|
@@ -3742,38 +3725,38 @@ declare const addonVariants: (props?: ({
|
|
|
3742
3725
|
align?: "inline-end" | "inline-start" | null | undefined;
|
|
3743
3726
|
variant?: "floating" | "inline" | null | undefined;
|
|
3744
3727
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3745
|
-
type Props$
|
|
3746
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
3728
|
+
type Props$185 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
3729
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$185) => import("react").JSX.Element;
|
|
3747
3730
|
//#endregion
|
|
3748
3731
|
//#region src/components/Badge/BadgeButton.d.ts
|
|
3749
|
-
type Props$
|
|
3750
|
-
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$
|
|
3732
|
+
type Props$184 = ComponentProps<'button'>;
|
|
3733
|
+
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$184) => import("react").JSX.Element;
|
|
3751
3734
|
//#endregion
|
|
3752
3735
|
//#region src/components/Badge/BadgeLabel.d.ts
|
|
3753
|
-
type Props$
|
|
3736
|
+
type Props$183 = ComponentProps<'span'> & {
|
|
3754
3737
|
asChild?: boolean;
|
|
3755
3738
|
};
|
|
3756
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
3739
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$183) => import("react").JSX.Element;
|
|
3757
3740
|
//#endregion
|
|
3758
3741
|
//#region src/components/Badge/styles.d.ts
|
|
3759
3742
|
declare const badgeRootVariants: (props?: ({
|
|
3760
3743
|
variant?: "default" | "pill" | "tag" | null | undefined;
|
|
3761
|
-
color?: "amber" | "amber-inverse" | "blue" | "blue-inverse" | "cyan" | "cyan-inverse" | "gray" | "gray-darker" | "gray-inverse" | "green" | "green-darker" | "green-inverse" | "orange" | "orange-inverse" | "purple" | "purple-inverse" | "red" | "sidebar-primary" | "teal" | "teal-inverse" | "white" | null | undefined;
|
|
3744
|
+
color?: "amber" | "amber-inverse" | "blue" | "blue-inverse" | "cyan" | "cyan-inverse" | "destructive" | "destructive-subtle" | "gray" | "gray-darker" | "gray-inverse" | "green" | "green-darker" | "green-inverse" | "info" | "info-subtle" | "neutral" | "neutral-subtle" | "orange" | "orange-inverse" | "purple" | "purple-inverse" | "red" | "red-inverse" | "sidebar-primary" | "success" | "success-subtle" | "teal" | "teal-inverse" | "warning" | "warning-subtle" | "white" | null | undefined;
|
|
3762
3745
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3763
3746
|
//#endregion
|
|
3764
3747
|
//#region src/components/Badge/BadgeRoot.d.ts
|
|
3765
|
-
type Props$
|
|
3766
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
3748
|
+
type Props$182 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
3749
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$182) => import("react").JSX.Element;
|
|
3767
3750
|
//#endregion
|
|
3768
3751
|
//#region src/components/Badge/Badge.d.ts
|
|
3769
3752
|
type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
|
|
3770
3753
|
type BadgeRootProps = ComponentProps<typeof BadgeRoot>;
|
|
3771
3754
|
type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
3772
3755
|
/**
|
|
3773
|
-
* - `color`
|
|
3774
|
-
* -
|
|
3756
|
+
* - `color` status values (`success`, `warning-subtle`, …) follow the brand; use them for a state.
|
|
3757
|
+
* - `color` hues (`green`, `purple`, …) stay fixed; use them for categorical labels.
|
|
3775
3758
|
*/
|
|
3776
|
-
type Props$
|
|
3759
|
+
type Props$181 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
3777
3760
|
prefix?: ReactNode;
|
|
3778
3761
|
prefixVariant?: AddonVariant;
|
|
3779
3762
|
suffix?: ReactNode;
|
|
@@ -3786,7 +3769,7 @@ type Props$174 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProp
|
|
|
3786
3769
|
* - Not for actions (`Button` / `ButtonInline`) or banners (`Alert`).
|
|
3787
3770
|
* - `Badge.Button` for a clickable badge.
|
|
3788
3771
|
*/
|
|
3789
|
-
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
3772
|
+
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$181) => import("react").JSX.Element;
|
|
3790
3773
|
declare const Badge: typeof BadgeInner & {
|
|
3791
3774
|
Root: typeof BadgeRoot;
|
|
3792
3775
|
Button: typeof BadgeButton;
|
|
@@ -3797,7 +3780,7 @@ declare const Badge: typeof BadgeInner & {
|
|
|
3797
3780
|
//#region src/components/Combobox/ComboboxChip.d.ts
|
|
3798
3781
|
type BadgeColor$1 = ComponentProps<typeof Badge>['color'];
|
|
3799
3782
|
type BadgeVariant = ComponentProps<typeof Badge>['variant'];
|
|
3800
|
-
type Props$
|
|
3783
|
+
type Props$180 = {
|
|
3801
3784
|
children: ReactNode;
|
|
3802
3785
|
color?: BadgeColor$1;
|
|
3803
3786
|
variant?: BadgeVariant;
|
|
@@ -3809,10 +3792,10 @@ type Props$173 = {
|
|
|
3809
3792
|
* - A non-removable chip is a plain `Badge`: a chip would shift the removal index.
|
|
3810
3793
|
* - A label cut off by the chip's width shows in full in a tooltip on hover.
|
|
3811
3794
|
*/
|
|
3812
|
-
declare const ComboboxChip: ({ children, color, variant }: Props$
|
|
3795
|
+
declare const ComboboxChip: ({ children, color, variant }: Props$180) => import("react").JSX.Element;
|
|
3813
3796
|
//#endregion
|
|
3814
3797
|
//#region src/components/Combobox/ComboboxChips.d.ts
|
|
3815
|
-
type Props$
|
|
3798
|
+
type Props$179<Value> = {
|
|
3816
3799
|
maxVisible?: number;
|
|
3817
3800
|
itemToChipLabel?: (item: Value) => ReactNode;
|
|
3818
3801
|
itemToChipColor?: (item: Value) => BadgeColor$1;
|
|
@@ -3826,7 +3809,7 @@ type Props$172<Value> = {
|
|
|
3826
3809
|
*/
|
|
3827
3810
|
children?: (values: Value[]) => ReactNode;
|
|
3828
3811
|
};
|
|
3829
|
-
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$
|
|
3812
|
+
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$179<Value>) => import("react").JSX.Element;
|
|
3830
3813
|
//#endregion
|
|
3831
3814
|
//#region src/components/Combobox/ComboboxContent.d.ts
|
|
3832
3815
|
type PortalProps = ComponentProps<typeof Combobox$1.Portal>;
|
|
@@ -3834,74 +3817,76 @@ type PositionerProps = ComponentProps<typeof Combobox$1.Positioner>;
|
|
|
3834
3817
|
type PopupProps = Omit<ComponentProps<typeof Combobox$1.Popup>, 'className'> & {
|
|
3835
3818
|
className?: string;
|
|
3836
3819
|
};
|
|
3837
|
-
type Props$
|
|
3838
|
-
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$
|
|
3820
|
+
type Props$178 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
|
|
3821
|
+
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$178) => import("react").JSX.Element;
|
|
3839
3822
|
//#endregion
|
|
3840
3823
|
//#region src/components/Combobox/ComboboxEmpty.d.ts
|
|
3841
|
-
type Props$
|
|
3824
|
+
type Props$177 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
|
|
3842
3825
|
className?: string;
|
|
3843
3826
|
};
|
|
3844
|
-
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$
|
|
3827
|
+
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$177) => import("react").JSX.Element;
|
|
3845
3828
|
//#endregion
|
|
3846
3829
|
//#region src/components/Combobox/ComboboxInput.d.ts
|
|
3847
3830
|
/** The input carries the `combobox` role, so the name is required here, not on the group. */
|
|
3848
|
-
type Props$
|
|
3849
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
3831
|
+
type Props$176 = WithAccessibleName<Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>>;
|
|
3832
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$176) => import("react").JSX.Element;
|
|
3850
3833
|
//#endregion
|
|
3851
3834
|
//#region src/components/Combobox/ComboboxInputGroup.d.ts
|
|
3852
|
-
type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, '
|
|
3853
|
-
type Props$
|
|
3835
|
+
type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3836
|
+
type Props$175 = InputGroupProps$9 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
3854
3837
|
className?: string;
|
|
3855
3838
|
};
|
|
3856
|
-
declare const ComboboxInputGroup: ({ ref, state,
|
|
3839
|
+
declare const ComboboxInputGroup: ({ ref, state, focusVariant, className, ...props }: Props$175) => import("react").JSX.Element;
|
|
3857
3840
|
//#endregion
|
|
3858
3841
|
//#region src/components/Combobox/ComboboxItemIndicator.d.ts
|
|
3859
3842
|
type Variant$6 = 'check' | 'checkbox';
|
|
3860
|
-
type Props$
|
|
3843
|
+
type Props$174 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
3861
3844
|
className?: string;
|
|
3862
3845
|
variant?: Variant$6;
|
|
3863
3846
|
};
|
|
3864
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
3847
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$174) => import("react").JSX.Element;
|
|
3865
3848
|
//#endregion
|
|
3866
3849
|
//#region src/components/Combobox/ComboboxItem.d.ts
|
|
3867
|
-
type Props$
|
|
3850
|
+
type Props$173 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
3868
3851
|
className?: string;
|
|
3869
3852
|
icon?: ReactNode;
|
|
3870
3853
|
/** `'none'` leaves the row without one — a row that draws its own state in `icon`. */
|
|
3871
3854
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'] | 'none';
|
|
3855
|
+
/** Looks disabled but still takes the highlight; the owning control ignores its presses. */
|
|
3856
|
+
locked?: boolean;
|
|
3872
3857
|
};
|
|
3873
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$
|
|
3858
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, locked, ...props }: Props$173) => import("react").JSX.Element;
|
|
3874
3859
|
//#endregion
|
|
3875
3860
|
//#region src/components/Combobox/ComboboxList.d.ts
|
|
3876
|
-
type Props$
|
|
3861
|
+
type Props$172 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
|
|
3877
3862
|
className?: string;
|
|
3878
3863
|
};
|
|
3879
|
-
declare const ComboboxList: ({ ref, className, ...props }: Props$
|
|
3864
|
+
declare const ComboboxList: ({ ref, className, ...props }: Props$172) => import("react").JSX.Element;
|
|
3880
3865
|
//#endregion
|
|
3881
3866
|
//#region src/components/Combobox/ComboboxRoot.d.ts
|
|
3882
3867
|
declare const ComboboxRoot: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => import("react").JSX.Element;
|
|
3883
3868
|
//#endregion
|
|
3884
3869
|
//#region src/components/Combobox/ComboboxSeparator.d.ts
|
|
3885
|
-
type Props$
|
|
3870
|
+
type Props$171 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
|
|
3886
3871
|
className?: string;
|
|
3887
3872
|
};
|
|
3888
|
-
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$
|
|
3873
|
+
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$171) => import("react").JSX.Element;
|
|
3889
3874
|
//#endregion
|
|
3890
3875
|
//#region src/components/Combobox/Group/ComboboxGroup.d.ts
|
|
3891
|
-
type Props$
|
|
3876
|
+
type Props$170 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
|
|
3892
3877
|
className?: string;
|
|
3893
3878
|
};
|
|
3894
|
-
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$
|
|
3879
|
+
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$170) => import("react").JSX.Element;
|
|
3895
3880
|
//#endregion
|
|
3896
3881
|
//#region src/components/Combobox/Group/ComboboxGroupLabel.d.ts
|
|
3897
|
-
type Props$
|
|
3882
|
+
type Props$169 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
|
|
3898
3883
|
className?: string;
|
|
3899
3884
|
};
|
|
3900
|
-
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$
|
|
3885
|
+
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$169) => import("react").JSX.Element;
|
|
3901
3886
|
//#endregion
|
|
3902
3887
|
//#region src/components/Combobox/Group/ComboboxCollection.d.ts
|
|
3903
|
-
type Props$
|
|
3904
|
-
declare const ComboboxCollection: ({ ...props }: Props$
|
|
3888
|
+
type Props$168 = Combobox$1.Collection.Props;
|
|
3889
|
+
declare const ComboboxCollection: ({ ...props }: Props$168) => import("react").JSX.Element;
|
|
3905
3890
|
//#endregion
|
|
3906
3891
|
//#region src/components/Combobox/types.d.ts
|
|
3907
3892
|
type Group$2<Item = unknown> = {
|
|
@@ -3920,7 +3905,7 @@ type ComboboxInputProps$1 = ComponentProps<typeof ComboboxInput>;
|
|
|
3920
3905
|
type ComboboxInputGroupProps$1 = ComponentProps<typeof ComboboxInputGroup>;
|
|
3921
3906
|
type ComboboxItemProps$1 = ComponentProps<typeof ComboboxItem>;
|
|
3922
3907
|
type Indicator$4 = Exclude<NonNullable<ComboboxItemProps$1['indicator']>, 'none'>;
|
|
3923
|
-
type PublicComboboxInputProps = Pick<ComboboxInputProps$1, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps$1, '
|
|
3908
|
+
type PublicComboboxInputProps = Pick<ComboboxInputProps$1, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps$1, 'focusVariant' | 'state' | 'className'>;
|
|
3924
3909
|
type PublicComboboxProps<Value> = Pick<ComboboxProps$1<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'onOpenChangeComplete' | 'isItemEqualToValue'>;
|
|
3925
3910
|
type CreatableProps$1<Value> = {
|
|
3926
3911
|
allowCreate?: boolean;
|
|
@@ -3978,8 +3963,8 @@ type BaseProps$1<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pu
|
|
|
3978
3963
|
*/
|
|
3979
3964
|
groupToValue?: (group: GroupShape) => Value;
|
|
3980
3965
|
};
|
|
3981
|
-
type Props$
|
|
3982
|
-
declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp,
|
|
3966
|
+
type Props$167<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps$1<Value, GroupShape>>;
|
|
3967
|
+
declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$167<Value, GroupShape>): import("react").JSX.Element;
|
|
3983
3968
|
declare namespace Combobox {
|
|
3984
3969
|
export { ComboboxRoot as Root };
|
|
3985
3970
|
export { ComboboxInputGroup as InputGroup };
|
|
@@ -4026,6 +4011,14 @@ type ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;
|
|
|
4026
4011
|
type ComboboxItemProps = ComponentProps<typeof Combobox.Item>;
|
|
4027
4012
|
type ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;
|
|
4028
4013
|
type Indicator$3 = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;
|
|
4014
|
+
/** The row the pointer or the arrow keys are on: one of the items, or a group's own row. */
|
|
4015
|
+
type MultiComboboxHighlighted<Value, GroupShape> = {
|
|
4016
|
+
kind: 'item';
|
|
4017
|
+
item: Value;
|
|
4018
|
+
} | {
|
|
4019
|
+
kind: 'group';
|
|
4020
|
+
group: GroupShape;
|
|
4021
|
+
} | null;
|
|
4029
4022
|
type CreatableProps<Value> = {
|
|
4030
4023
|
allowCreate?: boolean;
|
|
4031
4024
|
/** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */
|
|
@@ -4037,7 +4030,7 @@ type CreatableProps<Value> = {
|
|
|
4037
4030
|
/** Splits one entry into several values (default `','`). A `RegExp` must not capture; `null` never splits. */
|
|
4038
4031
|
createSeparator?: string | RegExp | null;
|
|
4039
4032
|
};
|
|
4040
|
-
type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps, '
|
|
4033
|
+
type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps, 'focusVariant' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'isItemEqualToValue'> & Pick<ComboboxChipsProps<Value>, 'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'> & CreatableProps<Value> & VirtualizedProps & {
|
|
4041
4034
|
/** Read as immutable: pass a new array to change it; one mutated in place is not re-filtered. */
|
|
4042
4035
|
items?: readonly (Value | GroupShape)[];
|
|
4043
4036
|
/** Clear-all button, shown only while chips exist. Chips stay removable either way. */
|
|
@@ -4059,6 +4052,8 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
4059
4052
|
itemToLabel?: (item: Value, query: string) => ReactNode;
|
|
4060
4053
|
itemToIcon?: (item: Value) => ReactNode;
|
|
4061
4054
|
itemToDisabled?: (item: Value) => boolean;
|
|
4055
|
+
/** A selected item no press removes: looks disabled, still highlights for `renderAside`. */
|
|
4056
|
+
itemToLocked?: (item: Value) => boolean;
|
|
4062
4057
|
/** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */
|
|
4063
4058
|
renderChips?: (values: Value[]) => ReactNode;
|
|
4064
4059
|
/** Defaults to the group's `label`, as `Select` shows it. */
|
|
@@ -4067,23 +4062,45 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
4067
4062
|
collapsibleGroups?: boolean;
|
|
4068
4063
|
/** A group's row selects its matching enabled items. The row itself never enters `value`. */
|
|
4069
4064
|
selectableGroups?: boolean;
|
|
4065
|
+
/** Each time the popup opens, a group whose items are all selected starts folded. */
|
|
4066
|
+
collapseSelectedGroups?: boolean;
|
|
4067
|
+
/** `banded`: each group, its row and open items, is a white card on a grey list. */
|
|
4068
|
+
groupAppearance?: 'plain' | 'banded';
|
|
4069
|
+
/**
|
|
4070
|
+
* An inspector beside the list about the last highlighted row; `null` before any.
|
|
4071
|
+
* Hidden while the popup is under 40rem wide.
|
|
4072
|
+
*/
|
|
4073
|
+
renderAside?: (highlighted: MultiComboboxHighlighted<Value, GroupShape>) => ReactNode;
|
|
4074
|
+
/** Whether the inspector shows; a button in the popup toggles it. Uncontrolled, it starts open. */
|
|
4075
|
+
asideOpen?: boolean;
|
|
4076
|
+
onAsideOpenChange?: (open: boolean) => void;
|
|
4077
|
+
/** The popup is open on mount, for a picker shown on demand. */
|
|
4078
|
+
defaultOpen?: boolean;
|
|
4079
|
+
onOpenChange?: (open: boolean) => void;
|
|
4080
|
+
/** No field: the popup opens against this element, its search at the top. Pair with `defaultOpen`. */
|
|
4081
|
+
anchor?: ComponentProps<typeof Combobox.Content>['anchor'];
|
|
4082
|
+
/**
|
|
4083
|
+
* The search text, typed elsewhere (a chat composer): with `anchor`, the popup has no search.
|
|
4084
|
+
* The host forwards ArrowUp, ArrowDown, Enter and Escape to the `combobox` input it renders.
|
|
4085
|
+
*/
|
|
4086
|
+
query?: string;
|
|
4070
4087
|
};
|
|
4071
4088
|
/**
|
|
4072
4089
|
* Props for `MultiCombobox`.
|
|
4073
4090
|
*
|
|
4074
4091
|
* - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.
|
|
4075
4092
|
*/
|
|
4076
|
-
type Props$
|
|
4093
|
+
type Props$166<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps<Value, GroupShape>>;
|
|
4077
4094
|
/**
|
|
4078
4095
|
* Searchable multi-select with chips, built on Base UI Combobox.
|
|
4079
4096
|
*
|
|
4080
4097
|
* @see RECIPES.md#creatable-multi-combobox
|
|
4081
4098
|
* @see RECIPES.md#filter-toolbar
|
|
4082
4099
|
*/
|
|
4083
|
-
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef,
|
|
4100
|
+
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, collapseSelectedGroups, groupAppearance, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen, onOpenChange, anchor, query: queryProp, maxVisible, ...accessibleName }: Props$166<Value, GroupShape>) => import("react").JSX.Element;
|
|
4084
4101
|
//#endregion
|
|
4085
4102
|
//#region src/blocks/Form/connectors/ComboboxField.d.ts
|
|
4086
|
-
type Props$
|
|
4103
|
+
type Props$165 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
|
|
4087
4104
|
inputClassName?: string;
|
|
4088
4105
|
};
|
|
4089
4106
|
/**
|
|
@@ -4094,10 +4111,10 @@ type Props$158 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>,
|
|
|
4094
4111
|
* - `allowClear` defaults to `!required`: a required value is not one click from empty.
|
|
4095
4112
|
* - `string` items only — objects would put presentation into the payload; use `itemToStringLabel`.
|
|
4096
4113
|
*/
|
|
4097
|
-
declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$
|
|
4114
|
+
declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$165) => import("react").JSX.Element;
|
|
4098
4115
|
//#endregion
|
|
4099
4116
|
//#region src/blocks/Form/connectors/MultiComboboxField.d.ts
|
|
4100
|
-
type Props$
|
|
4117
|
+
type Props$164 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
|
|
4101
4118
|
inputClassName?: string;
|
|
4102
4119
|
};
|
|
4103
4120
|
/**
|
|
@@ -4108,10 +4125,10 @@ type Props$157 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
|
|
|
4108
4125
|
* - Reads the field from context; render it inside `form.AppField`.
|
|
4109
4126
|
* - `string` items only — objects would put presentation into the payload; use `itemToLabel`.
|
|
4110
4127
|
*/
|
|
4111
|
-
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$
|
|
4128
|
+
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$164) => import("react").JSX.Element;
|
|
4112
4129
|
//#endregion
|
|
4113
4130
|
//#region src/blocks/ChipEditor/ChipEditor.d.ts
|
|
4114
|
-
type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, '
|
|
4131
|
+
type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4115
4132
|
type BadgeColor = ComponentProps<typeof Badge>['color'];
|
|
4116
4133
|
type OwnProps = {
|
|
4117
4134
|
value?: string[];
|
|
@@ -4140,10 +4157,10 @@ type Props$1 = InputGroupProps$8 & OwnProps & Omit<ComponentProps<'input'>, 'val
|
|
|
4140
4157
|
* - Wrap in a `FormGroup` for label and error state.
|
|
4141
4158
|
* - Values are compared case-insensitively.
|
|
4142
4159
|
*/
|
|
4143
|
-
declare const ChipEditor: ({ ref: forwardedRef, value: valueProp, defaultValue, onValueChange, separator, canAdd, chipColor, removeLabel, testId, state,
|
|
4160
|
+
declare const ChipEditor: ({ ref: forwardedRef, value: valueProp, defaultValue, onValueChange, separator, canAdd, chipColor, removeLabel, testId, state, focusVariant, className, disabled, readOnly, onChange, onBlur, onKeyDown, ...inputProps }: Props$1) => import("react").JSX.Element;
|
|
4144
4161
|
//#endregion
|
|
4145
4162
|
//#region src/blocks/Textarea/Textarea.d.ts
|
|
4146
|
-
type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, '
|
|
4163
|
+
type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4147
4164
|
type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
4148
4165
|
type TextareaOwnProps = {
|
|
4149
4166
|
value?: string | null;
|
|
@@ -4154,12 +4171,9 @@ type TextareaOwnProps = {
|
|
|
4154
4171
|
disableResize?: boolean;
|
|
4155
4172
|
containerClassName?: string;
|
|
4156
4173
|
};
|
|
4157
|
-
type Props$
|
|
4158
|
-
/**
|
|
4159
|
-
|
|
4160
|
-
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
4161
|
-
*/
|
|
4162
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$156) => import("react").JSX.Element;
|
|
4174
|
+
type Props$163 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
|
|
4175
|
+
/** Multi-line text input in `InputGroup` chrome. */
|
|
4176
|
+
declare const Textarea: ({ ref, containerClassName, state, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$163) => import("react").JSX.Element;
|
|
4163
4177
|
//#endregion
|
|
4164
4178
|
//#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
|
|
4165
4179
|
type AutoSaveTextareaProps = {
|
|
@@ -4168,12 +4182,12 @@ type AutoSaveTextareaProps = {
|
|
|
4168
4182
|
placeholder?: string;
|
|
4169
4183
|
disabled?: boolean;
|
|
4170
4184
|
grow?: boolean;
|
|
4171
|
-
} & Pick<ComponentProps<typeof Textarea>, '
|
|
4185
|
+
} & Pick<ComponentProps<typeof Textarea>, 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
|
|
4172
4186
|
declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, grow, ...textareaProps }: AutoSaveTextareaProps) => import("react").JSX.Element;
|
|
4173
4187
|
//#endregion
|
|
4174
4188
|
//#region src/blocks/InlineEdit/InlineEdit.d.ts
|
|
4175
4189
|
type Size = 'auto' | 'sm' | 'md' | 'lg' | 'title';
|
|
4176
|
-
type Props$
|
|
4190
|
+
type Props$162 = {
|
|
4177
4191
|
/** The text shown, and the draft while editing. */
|
|
4178
4192
|
value: string;
|
|
4179
4193
|
onChange: (value: string) => void;
|
|
@@ -4216,19 +4230,19 @@ type Props$155 = {
|
|
|
4216
4230
|
* - Enter saves a change and closes an unchanged edit; Escape cancels.
|
|
4217
4231
|
* - Not for multi-paragraph or markdown text: use `MarkdownEditor`.
|
|
4218
4232
|
*/
|
|
4219
|
-
declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$
|
|
4233
|
+
declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$162) => import("react").JSX.Element;
|
|
4220
4234
|
//#endregion
|
|
4221
4235
|
//#region src/blocks/ColorInput/ColorInput.d.ts
|
|
4222
|
-
type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, '
|
|
4236
|
+
type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4223
4237
|
type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
4224
|
-
type Props$
|
|
4238
|
+
type Props$161 = InputGroupProps$6 & InputGroupInputProps$6 & {
|
|
4225
4239
|
value?: string | null;
|
|
4226
4240
|
defaultValue?: string | null;
|
|
4227
4241
|
onValueChange?: (value: string) => void;
|
|
4228
4242
|
onValueBlur?: (value: string) => void;
|
|
4229
4243
|
allowClear?: boolean;
|
|
4230
4244
|
};
|
|
4231
|
-
declare const ColorInput: ({ ref, state,
|
|
4245
|
+
declare const ColorInput: ({ ref, state, focusVariant, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$161) => import("react").JSX.Element;
|
|
4232
4246
|
//#endregion
|
|
4233
4247
|
//#region src/components/ThemeProvider/useBrandState.d.ts
|
|
4234
4248
|
type UseBrandOptions = {
|
|
@@ -4263,17 +4277,17 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
|
|
|
4263
4277
|
};
|
|
4264
4278
|
//#endregion
|
|
4265
4279
|
//#region src/components/ThemeProvider/ThemeProvider.d.ts
|
|
4266
|
-
type Props$
|
|
4280
|
+
type Props$160 = UseColorSchemeOptions & UseBrandOptions & {
|
|
4267
4281
|
/** Brands this provider knows about; the active brand id resolves against these. */
|
|
4268
4282
|
brands?: readonly Brand$1[];
|
|
4269
4283
|
children: ReactNode;
|
|
4270
4284
|
};
|
|
4271
|
-
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$
|
|
4285
|
+
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$160) => import("react").JSX.Element;
|
|
4272
4286
|
//#endregion
|
|
4273
4287
|
//#region src/components/ThemeProvider/ThemeScope.d.ts
|
|
4274
4288
|
/** The scope's themed portal container, or `null` outside a `ThemeScope`. */
|
|
4275
4289
|
declare const useThemeScopeContainer: () => HTMLElement | null;
|
|
4276
|
-
type Props$
|
|
4290
|
+
type Props$159 = {
|
|
4277
4291
|
/** Colour scheme for this subtree. `system` follows the OS preference. */
|
|
4278
4292
|
scheme: ColorScheme;
|
|
4279
4293
|
/** Merged onto the child element. */
|
|
@@ -4288,7 +4302,7 @@ type Props$152 = {
|
|
|
4288
4302
|
* tokens, not the brand's inline vars inherited from `<html>`.
|
|
4289
4303
|
* - Renders no wrapper: one would break direct-child selectors like `[data-fill=true] > &`.
|
|
4290
4304
|
*/
|
|
4291
|
-
declare const ThemeScope: ({ scheme, className, children }: Props$
|
|
4305
|
+
declare const ThemeScope: ({ scheme, className, children }: Props$159) => import("react").JSX.Element;
|
|
4292
4306
|
//#endregion
|
|
4293
4307
|
//#region src/components/ThemeProvider/context.d.ts
|
|
4294
4308
|
type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
|
|
@@ -4298,22 +4312,13 @@ type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typ
|
|
|
4298
4312
|
brandTheme: Brand$1['theme'];
|
|
4299
4313
|
};
|
|
4300
4314
|
declare const useTheme: () => ThemeContextValue;
|
|
4301
|
-
/**
|
|
4302
|
-
* TEMPORARY, kbc-ui-internal: whether the subtree renders the argo design language.
|
|
4303
|
-
*
|
|
4304
|
-
* - kbc-ui provides `false` for legacy brands/surfaces (its `AppThemeProvider`).
|
|
4305
|
-
* - `ThemeProvider` never sets it — argo is independent of the brand.
|
|
4306
|
-
* - Delete it and `useArgoDesign` once kbc-ui's chrome is migrated.
|
|
4307
|
-
*/
|
|
4308
|
-
declare const ArgoDesignContext: import("react").Context<boolean>;
|
|
4309
|
-
declare const useArgoDesign: () => boolean;
|
|
4310
4315
|
//#endregion
|
|
4311
4316
|
//#region src/components/ThemeProvider/defaults.d.ts
|
|
4312
4317
|
declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
|
|
4313
4318
|
declare const DEFAULT_BRAND_ID = "design-system";
|
|
4314
4319
|
//#endregion
|
|
4315
4320
|
//#region src/blocks/ColorModeSwitch/ColorModeSwitch.d.ts
|
|
4316
|
-
type Props$
|
|
4321
|
+
type Props$158 = {
|
|
4317
4322
|
/** Controlled — pair with `onValueChange`. */
|
|
4318
4323
|
value: ColorScheme;
|
|
4319
4324
|
onValueChange: (value: ColorScheme) => void;
|
|
@@ -4326,12 +4331,12 @@ type Props$151 = {
|
|
|
4326
4331
|
* - Controlled: owns no state; wire it to the same state as `ThemeProvider.colorScheme`.
|
|
4327
4332
|
* - The trigger's `aria-label` names the current scheme.
|
|
4328
4333
|
*/
|
|
4329
|
-
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$
|
|
4334
|
+
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$158) => import("react").JSX.Element;
|
|
4330
4335
|
//#endregion
|
|
4331
4336
|
//#region src/blocks/DateInput/DateInput.d.ts
|
|
4332
|
-
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, '
|
|
4337
|
+
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4333
4338
|
type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4334
|
-
type Props$
|
|
4339
|
+
type Props$157 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
4335
4340
|
value?: Date | null;
|
|
4336
4341
|
defaultValue?: Date | null;
|
|
4337
4342
|
onValueChange?: (value: Date | null) => void;
|
|
@@ -4341,12 +4346,12 @@ type Props$150 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
|
4341
4346
|
endMonth?: Date;
|
|
4342
4347
|
startMonth?: Date;
|
|
4343
4348
|
};
|
|
4344
|
-
declare const DateInput: ({ ref, state,
|
|
4349
|
+
declare const DateInput: ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$157) => import("react").JSX.Element;
|
|
4345
4350
|
//#endregion
|
|
4346
4351
|
//#region src/blocks/NumberInput/NumberInput.d.ts
|
|
4347
|
-
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, '
|
|
4352
|
+
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4348
4353
|
type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
4349
|
-
type Props$
|
|
4354
|
+
type Props$156 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
4350
4355
|
value?: number | null;
|
|
4351
4356
|
defaultValue?: number | null;
|
|
4352
4357
|
onValueChange?: (value: number | null) => void;
|
|
@@ -4354,12 +4359,12 @@ type Props$149 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
|
4354
4359
|
prefix?: ReactNode;
|
|
4355
4360
|
suffix?: ReactNode;
|
|
4356
4361
|
};
|
|
4357
|
-
declare const NumberInput: ({ ref, state,
|
|
4362
|
+
declare const NumberInput: ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$156) => import("react").JSX.Element;
|
|
4358
4363
|
//#endregion
|
|
4359
4364
|
//#region src/blocks/PasswordInput/PasswordInput.d.ts
|
|
4360
|
-
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, '
|
|
4365
|
+
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4361
4366
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
4362
|
-
type Props$
|
|
4367
|
+
type Props$155 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
4363
4368
|
value?: string | null;
|
|
4364
4369
|
defaultValue?: string | null;
|
|
4365
4370
|
onValueChange?: (value: string) => void;
|
|
@@ -4371,24 +4376,24 @@ type Props$148 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
|
4371
4376
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
4372
4377
|
defaultPasswordVisibility?: boolean;
|
|
4373
4378
|
};
|
|
4374
|
-
declare const PasswordInput: ({ ref, state,
|
|
4379
|
+
declare const PasswordInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$155) => import("react").JSX.Element;
|
|
4375
4380
|
//#endregion
|
|
4376
4381
|
//#region src/blocks/TimeInput/TimeInput.d.ts
|
|
4377
|
-
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, '
|
|
4382
|
+
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4378
4383
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4379
|
-
type Props$
|
|
4384
|
+
type Props$154 = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
4380
4385
|
value?: string | null;
|
|
4381
4386
|
defaultValue?: string | null;
|
|
4382
4387
|
onValueChange?: (value: string | null) => void;
|
|
4383
4388
|
onValueBlur?: (value: string | null) => void;
|
|
4384
4389
|
allowClear?: boolean;
|
|
4385
4390
|
};
|
|
4386
|
-
declare const TimeInput: ({ ref, state,
|
|
4391
|
+
declare const TimeInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$154) => import("react").JSX.Element;
|
|
4387
4392
|
//#endregion
|
|
4388
4393
|
//#region src/blocks/DateRangeInput/DateRangeInput.d.ts
|
|
4389
|
-
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, '
|
|
4394
|
+
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4390
4395
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4391
|
-
type Props$
|
|
4396
|
+
type Props$153 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
4392
4397
|
value?: DateRange$1 | null;
|
|
4393
4398
|
defaultValue?: DateRange$1 | null;
|
|
4394
4399
|
onValueChange?: (value: DateRange$1 | null) => void;
|
|
@@ -4397,7 +4402,7 @@ type Props$146 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
4397
4402
|
startMonth?: Date;
|
|
4398
4403
|
endMonth?: Date;
|
|
4399
4404
|
};
|
|
4400
|
-
declare const DateRangeInput: ({ ref, state,
|
|
4405
|
+
declare const DateRangeInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$153) => import("react").JSX.Element;
|
|
4401
4406
|
//#endregion
|
|
4402
4407
|
//#region src/blocks/OtpInput/OtpInputGroup.d.ts
|
|
4403
4408
|
type GroupProps = ComponentProps<'div'>;
|
|
@@ -4440,14 +4445,14 @@ declare const OtpInput: typeof Root$18 & {
|
|
|
4440
4445
|
};
|
|
4441
4446
|
//#endregion
|
|
4442
4447
|
//#region src/blocks/SearchInput/SearchInput.d.ts
|
|
4443
|
-
type InputGroupProps = Pick<ComponentProps<typeof InputGroup>, '
|
|
4448
|
+
type InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
4444
4449
|
type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
4445
4450
|
/**
|
|
4446
4451
|
* - `onValueChange` is debounced by default (300ms).
|
|
4447
4452
|
* - `value={null}` / `undefined` is uncontrolled (falls back to `defaultValue`, else empty).
|
|
4448
4453
|
* - `value={""}` is controlled-empty.
|
|
4449
4454
|
*/
|
|
4450
|
-
type Props$
|
|
4455
|
+
type Props$152 = InputGroupProps & InputGroupInputProps & {
|
|
4451
4456
|
value?: string | null;
|
|
4452
4457
|
defaultValue?: string | null;
|
|
4453
4458
|
/** Debounced; fires synchronously on clear and with `disableDebounce`. Use `onChange` per keystroke. */
|
|
@@ -4470,7 +4475,7 @@ type Props$145 = InputGroupProps & InputGroupInputProps & {
|
|
|
4470
4475
|
*
|
|
4471
4476
|
* @see RECIPES.md#filter-toolbar
|
|
4472
4477
|
*/
|
|
4473
|
-
declare const SearchInput: ({ ref, state,
|
|
4478
|
+
declare const SearchInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$152) => import("react").JSX.Element;
|
|
4474
4479
|
//#endregion
|
|
4475
4480
|
//#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
|
|
4476
4481
|
type SearchInputWithNavigationProps = {
|
|
@@ -4481,12 +4486,11 @@ type SearchInputWithNavigationProps = {
|
|
|
4481
4486
|
onNavigatePrevious: () => void;
|
|
4482
4487
|
value?: string;
|
|
4483
4488
|
placeholder?: string;
|
|
4484
|
-
variant?: 'primary' | 'secondary';
|
|
4485
4489
|
onClear?: () => void;
|
|
4486
4490
|
focusVariant?: ComponentProps<typeof TextInput>['focusVariant'];
|
|
4487
4491
|
className?: string;
|
|
4488
4492
|
};
|
|
4489
|
-
declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placeholder,
|
|
4493
|
+
declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placeholder, onClear, focusVariant, currentIndex, totalResults, onNavigateNext, onNavigatePrevious, className }: SearchInputWithNavigationProps & {
|
|
4490
4494
|
ref?: Ref<HTMLInputElement>;
|
|
4491
4495
|
}) => import("react").JSX.Element;
|
|
4492
4496
|
//#endregion
|
|
@@ -4590,7 +4594,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
|
|
|
4590
4594
|
declare const useFileUploadRejections: () => FileUploadRejection[];
|
|
4591
4595
|
//#endregion
|
|
4592
4596
|
//#region src/components/FileUpload/FileUploadDropZone.d.ts
|
|
4593
|
-
type Props$
|
|
4597
|
+
type Props$151 = {
|
|
4594
4598
|
/** Override the default copy / icon block. */
|
|
4595
4599
|
children?: ReactNode;
|
|
4596
4600
|
/** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
|
|
@@ -4600,10 +4604,10 @@ type Props$144 = {
|
|
|
4600
4604
|
* Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
|
|
4601
4605
|
* Pass `children` to fully replace the inner block.
|
|
4602
4606
|
*/
|
|
4603
|
-
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$
|
|
4607
|
+
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$151) => import("react").JSX.Element;
|
|
4604
4608
|
//#endregion
|
|
4605
4609
|
//#region src/components/FileUpload/FileUploadFileList.d.ts
|
|
4606
|
-
type Props$
|
|
4610
|
+
type Props$150 = {
|
|
4607
4611
|
files: File[];
|
|
4608
4612
|
onRemove?: (file: File, index: number) => void;
|
|
4609
4613
|
/**
|
|
@@ -4616,10 +4620,10 @@ type Props$143 = {
|
|
|
4616
4620
|
* Selected-files list. Caller owns the `files` array — pass it back into the list and handle
|
|
4617
4621
|
* removal via `onRemove`.
|
|
4618
4622
|
*/
|
|
4619
|
-
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$
|
|
4623
|
+
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$150) => import("react").JSX.Element | null;
|
|
4620
4624
|
//#endregion
|
|
4621
4625
|
//#region src/components/FileUpload/FileUpload.d.ts
|
|
4622
|
-
type Props$
|
|
4626
|
+
type Props$149 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
4623
4627
|
/** Storybook-only: force a visual state without simulating real drag events. */
|
|
4624
4628
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
4625
4629
|
children: ReactNode;
|
|
@@ -4627,24 +4631,24 @@ type Props$142 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
|
4627
4631
|
/**
|
|
4628
4632
|
* Drop-zone primitive — the caller owns the `File[]`; the component only signals drops.
|
|
4629
4633
|
*
|
|
4630
|
-
* - Brand-neutral
|
|
4634
|
+
* - Brand-neutral: semantic tokens only.
|
|
4631
4635
|
* - Compose `<FileUpload.DropZone />` + `<FileUpload.FileList />`; pass the `File[]` to `FileList`.
|
|
4632
4636
|
* - Upload progress/lifecycle is app-level state on top of `onFilesChange`.
|
|
4633
4637
|
* - For a drop target you style yourself, use `useFileDropTarget`.
|
|
4634
4638
|
* - Rejection copy is the caller's — read it with `useFileUploadRejections()`.
|
|
4635
4639
|
*/
|
|
4636
|
-
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
4640
|
+
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$149) => import("react").JSX.Element;
|
|
4637
4641
|
declare const FileUpload: typeof FileUploadInner & {
|
|
4638
4642
|
DropZone: typeof FileUploadDropZone;
|
|
4639
4643
|
FileList: typeof FileUploadFileList;
|
|
4640
4644
|
};
|
|
4641
4645
|
//#endregion
|
|
4642
4646
|
//#region src/blocks/FormGroup/FormGroupColorInput.d.ts
|
|
4643
|
-
type Props$
|
|
4644
|
-
declare const FormGroupColorInput: ({ ref, ...props }: Props$
|
|
4647
|
+
type Props$148 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
|
|
4648
|
+
declare const FormGroupColorInput: ({ ref, ...props }: Props$148) => import("react").JSX.Element;
|
|
4645
4649
|
//#endregion
|
|
4646
4650
|
//#region src/blocks/FormGroup/FormGroupError.d.ts
|
|
4647
|
-
type Props$
|
|
4651
|
+
type Props$147 = ComponentPropsWithRef<'div'> & {
|
|
4648
4652
|
/**
|
|
4649
4653
|
* TanStack Form errors: strings or `{ message }` objects; several render as a list.
|
|
4650
4654
|
* Ignored when `children` is provided.
|
|
@@ -4659,30 +4663,30 @@ type Props$140 = ComponentPropsWithRef<'div'> & {
|
|
|
4659
4663
|
* - `role="alert"` announces it even when focus is elsewhere (e.g. on submit).
|
|
4660
4664
|
* - A `<div>`, not `<p>`, so several errors can render as a `<ul>`.
|
|
4661
4665
|
*/
|
|
4662
|
-
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$
|
|
4666
|
+
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$147) => import("react").JSX.Element | null;
|
|
4663
4667
|
//#endregion
|
|
4664
4668
|
//#region src/components/HelpBlock/HelpBlock.d.ts
|
|
4665
4669
|
declare const helpVariants: (props?: ({
|
|
4666
4670
|
state?: "default" | "warning" | null | undefined;
|
|
4667
4671
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4668
|
-
type Props$
|
|
4669
|
-
declare const HelpBlock: ({ children, className, state, ...rest }: Props$
|
|
4672
|
+
type Props$146 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
|
|
4673
|
+
declare const HelpBlock: ({ children, className, state, ...rest }: Props$146) => import("react").JSX.Element | null;
|
|
4670
4674
|
//#endregion
|
|
4671
4675
|
//#region src/blocks/FormGroup/FormGroupHelp.d.ts
|
|
4672
|
-
type Props$
|
|
4673
|
-
declare const FormGroupHelp: ({ children, ...rest }: Props$
|
|
4676
|
+
type Props$145 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
|
|
4677
|
+
declare const FormGroupHelp: ({ children, ...rest }: Props$145) => import("react").JSX.Element;
|
|
4674
4678
|
//#endregion
|
|
4675
4679
|
//#region src/blocks/FormGroup/FormGroupNumberInput.d.ts
|
|
4676
|
-
type Props$
|
|
4677
|
-
declare const FormGroupNumberInput: ({ ref, ...props }: Props$
|
|
4680
|
+
type Props$144 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
|
|
4681
|
+
declare const FormGroupNumberInput: ({ ref, ...props }: Props$144) => import("react").JSX.Element;
|
|
4678
4682
|
//#endregion
|
|
4679
4683
|
//#region src/blocks/FormGroup/FormGroupTextarea.d.ts
|
|
4680
|
-
type Props$
|
|
4681
|
-
declare const FormGroupTextarea: (props: Props$
|
|
4684
|
+
type Props$143 = Omit<ComponentProps<typeof Textarea>, 'state'>;
|
|
4685
|
+
declare const FormGroupTextarea: (props: Props$143) => import("react").JSX.Element;
|
|
4682
4686
|
//#endregion
|
|
4683
4687
|
//#region src/blocks/FormGroup/FormGroupTextInput.d.ts
|
|
4684
|
-
type Props$
|
|
4685
|
-
declare const FormGroupTextInput: ({ ref, ...props }: Props$
|
|
4688
|
+
type Props$142 = Omit<ComponentProps<typeof TextInput>, 'state'>;
|
|
4689
|
+
declare const FormGroupTextInput: ({ ref, ...props }: Props$142) => import("react").JSX.Element;
|
|
4686
4690
|
//#endregion
|
|
4687
4691
|
//#region src/blocks/FormGroup/types.d.ts
|
|
4688
4692
|
type ValidityState = 'default' | 'error' | 'warning';
|
|
@@ -4720,7 +4724,7 @@ declare const SIZES: {
|
|
|
4720
4724
|
readonly gap: 'little-small';
|
|
4721
4725
|
};
|
|
4722
4726
|
};
|
|
4723
|
-
type Props$
|
|
4727
|
+
type Props$141 = {
|
|
4724
4728
|
/** The answer as text, for the clipboard; empty or absent draws no copy button. */
|
|
4725
4729
|
copyText?: string;
|
|
4726
4730
|
/** The vote already recorded against this answer, or `null` for none. */
|
|
@@ -4743,6 +4747,12 @@ type Props$134 = {
|
|
|
4743
4747
|
layout?: 'inline' | 'split';
|
|
4744
4748
|
/** Fires on copy; the button does the copying itself. */
|
|
4745
4749
|
onCopy?: () => void;
|
|
4750
|
+
/** Opt-in. After a thumbs-down, a one-line input sends the reader's comment here; the caller upserts it. */
|
|
4751
|
+
onDownComment?: (text: string) => void;
|
|
4752
|
+
commentPlaceholder?: string;
|
|
4753
|
+
/** Opt-in. Draws a button that asks the question again. */
|
|
4754
|
+
onRegenerate?: () => void;
|
|
4755
|
+
regenerateLabel?: string;
|
|
4746
4756
|
};
|
|
4747
4757
|
/**
|
|
4748
4758
|
* Copy and thumbs up/down for a finished answer.
|
|
@@ -4751,21 +4761,99 @@ type Props$134 = {
|
|
|
4751
4761
|
* - A vote can be changed but not withdrawn; pressing the pressed one re-sends it.
|
|
4752
4762
|
* - The caller owns the recorded vote and the write.
|
|
4753
4763
|
*/
|
|
4754
|
-
declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout }: Props$
|
|
4764
|
+
declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout, onDownComment, commentPlaceholder, onRegenerate, regenerateLabel }: Props$141) => import("react").JSX.Element;
|
|
4765
|
+
//#endregion
|
|
4766
|
+
//#region src/blocks/AIKit/SourceChip.d.ts
|
|
4767
|
+
type SourceState = 'verified' | 'unverified' | 'neutral';
|
|
4768
|
+
type SourceChipProps = {
|
|
4769
|
+
label: string;
|
|
4770
|
+
/** `verified`: a tool call supports it. `unverified`: named but never touched. `neutral`: nothing to check against. */
|
|
4771
|
+
state?: SourceState;
|
|
4772
|
+
/** What kind of thing it is (e.g. "table"); part of the accessible name, not the face. */
|
|
4773
|
+
kind?: string;
|
|
4774
|
+
icon?: ReactNode;
|
|
4775
|
+
/** Renders a link; also takes `onClick` for an in-page open that keeps the link as a fallback. */
|
|
4776
|
+
href?: string;
|
|
4777
|
+
/** Opens the link in a new tab. */
|
|
4778
|
+
external?: boolean;
|
|
4779
|
+
onClick?: () => void;
|
|
4780
|
+
title?: string;
|
|
4781
|
+
className?: string;
|
|
4782
|
+
};
|
|
4783
|
+
/**
|
|
4784
|
+
* One cited source in an answer's provenance row.
|
|
4785
|
+
*
|
|
4786
|
+
* - The verdict rides the border and the accessible name, not the visible text.
|
|
4787
|
+
* - A link when it has `href`, a button when it only has `onClick`, a plain label otherwise.
|
|
4788
|
+
* - A plain left click goes to `onClick`; modified clicks keep the link's own behaviour.
|
|
4789
|
+
*/
|
|
4790
|
+
declare const SourceChip: (props: SourceChipProps) => import("react").JSX.Element;
|
|
4791
|
+
//#endregion
|
|
4792
|
+
//#region src/blocks/AIKit/AnswerSources.d.ts
|
|
4793
|
+
declare const ANSWER_SOURCES_VISIBLE = 6;
|
|
4794
|
+
type AnswerSource = SourceChipProps & {
|
|
4795
|
+
id: string;
|
|
4796
|
+
};
|
|
4797
|
+
type Props$140 = {
|
|
4798
|
+
sources: AnswerSource[];
|
|
4799
|
+
/** Row heading. */
|
|
4800
|
+
label?: string;
|
|
4801
|
+
/** Shown instead of chips when `sources` is empty. */
|
|
4802
|
+
emptyLabel?: string;
|
|
4803
|
+
/** Chips shown before "+N more". */
|
|
4804
|
+
visibleCount?: number;
|
|
4805
|
+
/** Extra line under the row, e.g. the assumptions the answer made. */
|
|
4806
|
+
footnote?: ReactNode;
|
|
4807
|
+
className?: string;
|
|
4808
|
+
};
|
|
4809
|
+
/**
|
|
4810
|
+
* The provenance row under an answer: where its figures came from.
|
|
4811
|
+
*
|
|
4812
|
+
* - Says "N unverified" once, instead of on every chip, so checked sources can look calm.
|
|
4813
|
+
* - Collapses past `visibleCount` behind a "+N more" toggle.
|
|
4814
|
+
* - Empty `sources` states that none were declared, which is itself information.
|
|
4815
|
+
*/
|
|
4816
|
+
declare const AnswerSources: ({ sources, label, emptyLabel, visibleCount, footnote, className }: Props$140) => import("react").JSX.Element;
|
|
4755
4817
|
//#endregion
|
|
4756
4818
|
//#region src/blocks/AIKit/AnswerSummary.d.ts
|
|
4757
4819
|
type AnswerItem = {
|
|
4758
4820
|
question: string;
|
|
4759
4821
|
answer?: string;
|
|
4760
4822
|
};
|
|
4761
|
-
type Variant = 'success' | 'dismissed';
|
|
4823
|
+
type Variant = 'success' | 'dismissed' | 'expired';
|
|
4762
4824
|
type Props = {
|
|
4763
4825
|
items: readonly AnswerItem[];
|
|
4764
4826
|
variant?: Variant;
|
|
4827
|
+
/** Follows the header label, e.g. `Cancelled`; defaults to `Expired` for the `expired` variant. */
|
|
4828
|
+
statusLabel?: string;
|
|
4829
|
+
/** Why the questions are in their state, shown first once expanded. */
|
|
4830
|
+
statusMessage?: ReactNode;
|
|
4765
4831
|
noAnswerLabel?: string;
|
|
4766
4832
|
onExpandToggle?: (next: boolean) => void;
|
|
4767
4833
|
};
|
|
4768
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
|
|
4834
|
+
declare const AnswerSummary: ({ items, variant, statusLabel, statusMessage, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
|
|
4835
|
+
//#endregion
|
|
4836
|
+
//#region src/blocks/AIKit/AttachmentChip.d.ts
|
|
4837
|
+
type AttachmentStatus = 'uploading' | 'ready' | 'error';
|
|
4838
|
+
type Props$139 = {
|
|
4839
|
+
name: string;
|
|
4840
|
+
/** Replaces the file glyph while the upload is not failing. */
|
|
4841
|
+
thumbnailUrl?: string;
|
|
4842
|
+
status: AttachmentStatus;
|
|
4843
|
+
/** Shown as a tooltip on an `error` chip. */
|
|
4844
|
+
error?: string;
|
|
4845
|
+
onRemove: () => void;
|
|
4846
|
+
/** Extra content after the name, e.g. a size. */
|
|
4847
|
+
trailing?: ReactNode;
|
|
4848
|
+
className?: string;
|
|
4849
|
+
};
|
|
4850
|
+
/**
|
|
4851
|
+
* A file attached to a message being composed.
|
|
4852
|
+
*
|
|
4853
|
+
* - Capped width with a truncating name, so a long filename cannot push the text away.
|
|
4854
|
+
* - `error` explains itself in a tooltip; the remove control stays available in every status.
|
|
4855
|
+
*/
|
|
4856
|
+
declare const AttachmentChip: ({ name, thumbnailUrl, status, error, onRemove, trailing, className }: Props$139) => import("react").JSX.Element;
|
|
4769
4857
|
//#endregion
|
|
4770
4858
|
//#region src/blocks/AIKit/ChatInlineIcon.d.ts
|
|
4771
4859
|
/**
|
|
@@ -4776,7 +4864,7 @@ declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }:
|
|
|
4776
4864
|
* - A name that is both (`save`, of `save-changes`) is drawn now.
|
|
4777
4865
|
*/
|
|
4778
4866
|
declare const getChatInlineIconName: (text: string) => string | undefined;
|
|
4779
|
-
type Props$
|
|
4867
|
+
type Props$138 = {
|
|
4780
4868
|
/** The name from the token, without the `icon:` prefix. */
|
|
4781
4869
|
name: string;
|
|
4782
4870
|
};
|
|
@@ -4788,20 +4876,64 @@ type Props$133 = {
|
|
|
4788
4876
|
* - The heavier stroke holds its own beside a bold heading.
|
|
4789
4877
|
* - `aria-hidden`: the token's text is removed, so the glyph has no label to announce.
|
|
4790
4878
|
*/
|
|
4791
|
-
declare const ChatInlineIcon: ({ name }: Props$
|
|
4879
|
+
declare const ChatInlineIcon: ({ name }: Props$138) => import("react").JSX.Element | null;
|
|
4880
|
+
//#endregion
|
|
4881
|
+
//#region src/blocks/AIKit/ChatNotice.d.ts
|
|
4882
|
+
type ChatNoticeTone = 'error' | 'warn' | 'info';
|
|
4883
|
+
type Props$137 = {
|
|
4884
|
+
tone: ChatNoticeTone;
|
|
4885
|
+
children: ReactNode;
|
|
4886
|
+
/** A control for the reader to act on, e.g. a retry button. */
|
|
4887
|
+
action?: ReactNode;
|
|
4888
|
+
/** Raw error text, behind a collapsed "Technical details". */
|
|
4889
|
+
details?: string;
|
|
4890
|
+
/** Seconds until the action is worth trying again; counts down beside the message. */
|
|
4891
|
+
retryAfter?: number;
|
|
4892
|
+
className?: string;
|
|
4893
|
+
};
|
|
4894
|
+
/**
|
|
4895
|
+
* A notice row in a chat transcript.
|
|
4896
|
+
*
|
|
4897
|
+
* - Thin wrapper over `Alert`; `warn` maps to the warning variant.
|
|
4898
|
+
* - `details` stays collapsed so a stack trace never crowds the message.
|
|
4899
|
+
* - `retryAfter` appends a live countdown; `action` is always rendered, so the host decides whether to gate it.
|
|
4900
|
+
*/
|
|
4901
|
+
declare const ChatNotice: ({ tone, children, action, details, retryAfter, className }: Props$137) => import("react").JSX.Element;
|
|
4792
4902
|
//#endregion
|
|
4793
4903
|
//#region src/blocks/AIKit/CollapsibleStepHeader.d.ts
|
|
4794
4904
|
type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4795
|
-
type Props$
|
|
4905
|
+
type Props$136 = {
|
|
4796
4906
|
isExpanded: boolean;
|
|
4797
4907
|
onToggle: () => void;
|
|
4798
4908
|
label: ReactNode;
|
|
4799
4909
|
variant?: Variant$5;
|
|
4800
4910
|
};
|
|
4801
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$
|
|
4911
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$136) => import("react").JSX.Element;
|
|
4912
|
+
//#endregion
|
|
4913
|
+
//#region src/blocks/AIKit/ContextChip.d.ts
|
|
4914
|
+
declare const CONTEXT_CHIP_EXPANDABLE_LENGTH = 120;
|
|
4915
|
+
type ContextImage = {
|
|
4916
|
+
src: string;
|
|
4917
|
+
alt: string;
|
|
4918
|
+
};
|
|
4919
|
+
type Props$135 = {
|
|
4920
|
+
/** Where the quote came from, e.g. a message or a page title. */
|
|
4921
|
+
label: string;
|
|
4922
|
+
excerpt: string;
|
|
4923
|
+
images?: ContextImage[];
|
|
4924
|
+
onRemove: () => void;
|
|
4925
|
+
className?: string;
|
|
4926
|
+
};
|
|
4927
|
+
/**
|
|
4928
|
+
* A quote or reference attached to a message being composed.
|
|
4929
|
+
*
|
|
4930
|
+
* - The excerpt is clamped to two lines; "Show all" appears once it is long enough to be cut.
|
|
4931
|
+
* - Images sit under the excerpt as small thumbnails.
|
|
4932
|
+
*/
|
|
4933
|
+
declare const ContextChip: ({ label, excerpt, images, onRemove, className }: Props$135) => import("react").JSX.Element;
|
|
4802
4934
|
//#endregion
|
|
4803
4935
|
//#region src/blocks/AIKit/FileDownloadChip.d.ts
|
|
4804
|
-
type Props$
|
|
4936
|
+
type Props$134 = {
|
|
4805
4937
|
/** The file's own name, as the reader will see it saved. */
|
|
4806
4938
|
fileName: string;
|
|
4807
4939
|
/** Where it sits in the workspace, shown on hover — what tells two `report.pdf`s apart. */
|
|
@@ -4811,15 +4943,51 @@ type Props$131 = {
|
|
|
4811
4943
|
/** Whether a download is in flight — the host owns the fetch and the save. */
|
|
4812
4944
|
isPending?: boolean;
|
|
4813
4945
|
onDownload: () => void;
|
|
4946
|
+
/** Opt-in. Makes the name a preview button and the download a button of its own beside it. */
|
|
4947
|
+
onPreview?: () => void;
|
|
4948
|
+
/** Opt-in. Extra controls drawn as part of the chip, e.g. Save to library. */
|
|
4949
|
+
actions?: ReactNode;
|
|
4814
4950
|
className?: string;
|
|
4815
4951
|
};
|
|
4816
4952
|
/**
|
|
4817
4953
|
* A file the agent wrote, offered inside its own answer.
|
|
4818
4954
|
*
|
|
4819
|
-
* -
|
|
4955
|
+
* - By default the whole chip is the control: a small icon beside a truncating filename is hard to hit.
|
|
4956
|
+
* - With `onPreview` or `actions` the chip splits: the name previews (or downloads, without
|
|
4957
|
+
* `onPreview`), the download sits beside it, and `actions` follow.
|
|
4820
4958
|
* - Presentation only — the host fetches and saves, through its own auth.
|
|
4821
4959
|
*/
|
|
4822
|
-
declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, className }: Props$
|
|
4960
|
+
declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, onPreview, actions, className }: Props$134) => import("react").JSX.Element;
|
|
4961
|
+
//#endregion
|
|
4962
|
+
//#region src/blocks/AIKit/FileGalleryTile.d.ts
|
|
4963
|
+
type FileGalleryImage = {
|
|
4964
|
+
id: string;
|
|
4965
|
+
name: string;
|
|
4966
|
+
/** The thumbnail's URL; absent while the host is still loading it. */
|
|
4967
|
+
src?: string;
|
|
4968
|
+
/** The host could not produce a thumbnail. */
|
|
4969
|
+
isFailed?: boolean;
|
|
4970
|
+
};
|
|
4971
|
+
//#endregion
|
|
4972
|
+
//#region src/blocks/AIKit/FileGallery.d.ts
|
|
4973
|
+
type Props$133 = {
|
|
4974
|
+
images: readonly FileGalleryImage[];
|
|
4975
|
+
onOpen: (image: FileGalleryImage) => void;
|
|
4976
|
+
onRetry?: (image: FileGalleryImage) => void;
|
|
4977
|
+
/** Fires once per tile as it nears the viewport; the host loads its thumbnail here. */
|
|
4978
|
+
onImageVisible?: (image: FileGalleryImage) => void;
|
|
4979
|
+
/** Tiles drawn before the rest sit behind "+N more". */
|
|
4980
|
+
maxTiles?: number;
|
|
4981
|
+
className?: string;
|
|
4982
|
+
};
|
|
4983
|
+
/**
|
|
4984
|
+
* Image files the agent wrote, as a grid of thumbnails.
|
|
4985
|
+
*
|
|
4986
|
+
* - Presentation only: the host owns thumbnail URLs, their loading and their auth.
|
|
4987
|
+
* - Tiles ask for their thumbnail as they near the viewport, so a long gallery loads on scroll.
|
|
4988
|
+
* - Draws `maxTiles`, then a "+N more" button that reveals the rest.
|
|
4989
|
+
*/
|
|
4990
|
+
declare const FileGallery: ({ images, onOpen, onRetry, onImageVisible, maxTiles, className }: Props$133) => import("react").JSX.Element | null;
|
|
4823
4991
|
//#endregion
|
|
4824
4992
|
//#region src/blocks/AIKit/InlineStepDetail.d.ts
|
|
4825
4993
|
type Props$2 = {
|
|
@@ -4828,17 +4996,28 @@ type Props$2 = {
|
|
|
4828
4996
|
declare const InlineStepDetail: ({ children }: Props$2) => import("react").JSX.Element;
|
|
4829
4997
|
//#endregion
|
|
4830
4998
|
//#region src/blocks/AIKit/InlineStepLabel.d.ts
|
|
4999
|
+
/**
|
|
5000
|
+
* How a step reads in one mark.
|
|
5001
|
+
*
|
|
5002
|
+
* - A step that failed and then succeeded on retry is `success`.
|
|
5003
|
+
* - A step that was stopped before it finished is `dismissed`.
|
|
5004
|
+
*/
|
|
4831
5005
|
type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
|
|
4832
5006
|
type Props$4 = {
|
|
4833
5007
|
variant: Variant$3;
|
|
4834
5008
|
children: ReactNode;
|
|
5009
|
+
/** Quiet trailing text after the label, e.g. how long the step took. */
|
|
5010
|
+
meta?: ReactNode;
|
|
5011
|
+
/** Opt-in. What the step did or returned, behind a Details toggle on the row. */
|
|
5012
|
+
detail?: ReactNode;
|
|
5013
|
+
defaultExpanded?: boolean;
|
|
4835
5014
|
};
|
|
4836
|
-
declare const InlineStepLabel: ({ variant, children }: Props$4) => import("react").JSX.Element;
|
|
5015
|
+
declare const InlineStepLabel: ({ variant, children, meta, detail, defaultExpanded }: Props$4) => import("react").JSX.Element;
|
|
4837
5016
|
//#endregion
|
|
4838
5017
|
//#region src/blocks/AIKit/InlineStepGroup.d.ts
|
|
4839
5018
|
type Props$3 = {
|
|
4840
5019
|
label: ReactNode;
|
|
4841
|
-
/** How the whole run reads in one mark
|
|
5020
|
+
/** How the whole run reads in one mark; a retried-then-recovered run is `success`, a stopped one `dismissed`. */
|
|
4842
5021
|
variant?: Variant$3;
|
|
4843
5022
|
isExpanded: boolean;
|
|
4844
5023
|
onToggle: () => void;
|
|
@@ -4849,6 +5028,8 @@ type Props$3 = {
|
|
|
4849
5028
|
/** E2E anchor; selectors in `packages/e2e-testing` break silently if it moves. */
|
|
4850
5029
|
'data-testid'?: string;
|
|
4851
5030
|
className?: string;
|
|
5031
|
+
/** Opt-in. Drawn under the last row, inside the group, e.g. a connect link or a retry. */
|
|
5032
|
+
footer?: ReactNode;
|
|
4852
5033
|
/** The rows: `InlineStepLabel`, `InlineStepDetail`, and whatever a host draws between them. */
|
|
4853
5034
|
children: ReactNode;
|
|
4854
5035
|
};
|
|
@@ -4860,7 +5041,37 @@ type Props$3 = {
|
|
|
4860
5041
|
* - Animates `grid-template-rows`; children stay mounted while closed.
|
|
4861
5042
|
* - `role="group"`, not a `region` landmark: dozens per transcript would drown real landmarks.
|
|
4862
5043
|
*/
|
|
4863
|
-
declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, children }: Props$3) => import("react").JSX.Element;
|
|
5044
|
+
declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, footer, children }: Props$3) => import("react").JSX.Element;
|
|
5045
|
+
//#endregion
|
|
5046
|
+
//#region src/blocks/AIKit/JumpToLatest.d.ts
|
|
5047
|
+
type Props$132 = {
|
|
5048
|
+
visible: boolean;
|
|
5049
|
+
/** The agent is still writing below the fold: the button pulses. */
|
|
5050
|
+
working?: boolean;
|
|
5051
|
+
onClick: () => void;
|
|
5052
|
+
/** Text beside the arrow; absent draws an icon-only button named "Scroll to bottom". */
|
|
5053
|
+
label?: string;
|
|
5054
|
+
className?: string;
|
|
5055
|
+
};
|
|
5056
|
+
/**
|
|
5057
|
+
* Scrolls a transcript back to its newest message.
|
|
5058
|
+
*
|
|
5059
|
+
* - Renders nothing while `visible` is false.
|
|
5060
|
+
* - Positioning is the host's: pass `className` to pin it over the list.
|
|
5061
|
+
*/
|
|
5062
|
+
declare const JumpToLatest: ({ visible, working, onClick, label, className }: Props$132) => import("react").JSX.Element | null;
|
|
5063
|
+
//#endregion
|
|
5064
|
+
//#region src/blocks/AIKit/markdownOptions.d.ts
|
|
5065
|
+
type RenderDiagramActions = (safeSvg: string) => ReactNode;
|
|
5066
|
+
//#endregion
|
|
5067
|
+
//#region src/blocks/AIKit/diagramLanguages.d.ts
|
|
5068
|
+
/**
|
|
5069
|
+
* The fence languages `Markdown` draws instead of printing.
|
|
5070
|
+
*
|
|
5071
|
+
* - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
|
|
5072
|
+
* - Frozen: it is shared across every app in the bundle.
|
|
5073
|
+
*/
|
|
5074
|
+
declare const DIAGRAM_LANGUAGES: readonly string[];
|
|
4864
5075
|
//#endregion
|
|
4865
5076
|
//#region src/blocks/AIKit/Markdown.d.ts
|
|
4866
5077
|
declare const PROSE_CLASS: {
|
|
@@ -4874,13 +5085,6 @@ declare const PROSE_CLASS: {
|
|
|
4874
5085
|
* - `chrome`: uncapped, dense; for content a model did not write.
|
|
4875
5086
|
*/
|
|
4876
5087
|
type Rhythm = keyof typeof PROSE_CLASS;
|
|
4877
|
-
/**
|
|
4878
|
-
* The fence languages this renderer draws instead of printing.
|
|
4879
|
-
*
|
|
4880
|
-
* - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
|
|
4881
|
-
* - Frozen: it is shared across every app in the bundle.
|
|
4882
|
-
*/
|
|
4883
|
-
declare const DIAGRAM_LANGUAGES: readonly string[];
|
|
4884
5088
|
type BlockProps = {
|
|
4885
5089
|
/** GFM source; ```mermaid/```flint fences render as diagrams. */
|
|
4886
5090
|
children: string;
|
|
@@ -4889,8 +5093,21 @@ type BlockProps = {
|
|
|
4889
5093
|
/** Merged by key; an override **replaces** the built-in renderer, not wraps it.
|
|
4890
5094
|
* Keep in a module constant. */
|
|
4891
5095
|
components?: Components;
|
|
5096
|
+
/** Colour fenced code with a grammar (SQL, Python, JS/TS, JSON, shell, YAML); loads on demand. */
|
|
5097
|
+
highlight?: boolean;
|
|
5098
|
+
/** Sort table rows by a header press; numeric columns sort as numbers. */
|
|
5099
|
+
sortable?: boolean;
|
|
5100
|
+
/** Extra diagram toolbar controls; receives the sanitized SVG. Keep in a module constant. */
|
|
5101
|
+
diagramActions?: RenderDiagramActions;
|
|
5102
|
+
/** Add a built-in "Download SVG" action to every diagram. */
|
|
5103
|
+
diagramDownload?: boolean;
|
|
5104
|
+
/**
|
|
5105
|
+
* Draw a ```svg fence (or an ```xml/```html one holding a single SVG document) as a chart.
|
|
5106
|
+
* Sanitized: no scripts, handlers, `foreignObject`, SMIL or external references.
|
|
5107
|
+
*/
|
|
5108
|
+
allowSvgFences?: boolean;
|
|
4892
5109
|
};
|
|
4893
|
-
type Props$
|
|
5110
|
+
type Props$131 = BlockProps & {
|
|
4894
5111
|
className?: string;
|
|
4895
5112
|
rhythm?: Rhythm;
|
|
4896
5113
|
};
|
|
@@ -4906,8 +5123,8 @@ declare const MarkdownRoot: ({ children, className, rhythm }: PropsWithChildren<
|
|
|
4906
5123
|
rhythm?: Rhythm;
|
|
4907
5124
|
}>) => import("react").JSX.Element;
|
|
4908
5125
|
/** One parsed piece of an answer, with no surface of its own; memoise at the call site. */
|
|
4909
|
-
declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides }: BlockProps) => import("react").JSX.Element;
|
|
4910
|
-
declare function Markdown({ className, rhythm, ...blockProps }: Props$
|
|
5126
|
+
declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides, highlight, sortable, diagramActions, diagramDownload, allowSvgFences }: BlockProps) => import("react").JSX.Element;
|
|
5127
|
+
declare function Markdown({ className, rhythm, ...blockProps }: Props$131): import("react").JSX.Element;
|
|
4911
5128
|
declare namespace Markdown {
|
|
4912
5129
|
export { MarkdownRoot as Root };
|
|
4913
5130
|
export { MarkdownBlock as Block };
|
|
@@ -4924,7 +5141,7 @@ declare const FADE_SURFACE: {
|
|
|
4924
5141
|
readonly background: 'tw:from-background';
|
|
4925
5142
|
};
|
|
4926
5143
|
type Surface = keyof typeof FADE_SURFACE;
|
|
4927
|
-
type Props$
|
|
5144
|
+
type Props$130 = {
|
|
4928
5145
|
/** A `Table bordered` at intrinsic width (`tw:min-w-max`) — otherwise it wraps and never overflows. */
|
|
4929
5146
|
children: ReactNode;
|
|
4930
5147
|
/** What the host paints behind the table; paint `Table`'s header band this colour too. */
|
|
@@ -4933,6 +5150,8 @@ type Props$129 = {
|
|
|
4933
5150
|
actions?: ReactNode;
|
|
4934
5151
|
/** Opens the table somewhere wider; omit where there is nowhere to go (the fade still draws). */
|
|
4935
5152
|
onExpand?: () => void;
|
|
5153
|
+
/** Sort rows by a header press, when the table is drawn by `Markdown`'s row and cell renderers. */
|
|
5154
|
+
sortable?: boolean;
|
|
4936
5155
|
className?: string;
|
|
4937
5156
|
};
|
|
4938
5157
|
/**
|
|
@@ -4944,10 +5163,10 @@ type Props$129 = {
|
|
|
4944
5163
|
* `baseline-widely-available` build floor lacks, and must sit on `Table`'s own container.
|
|
4945
5164
|
* - Past `EXPAND_RATIO` the expand action shows without hover.
|
|
4946
5165
|
*/
|
|
4947
|
-
declare const MarkdownTable: ({ children, actions, onExpand, surface, className }: Props$
|
|
5166
|
+
declare const MarkdownTable: ({ children, actions, onExpand, surface, sortable, className }: Props$130) => import("react").JSX.Element;
|
|
4948
5167
|
//#endregion
|
|
4949
5168
|
//#region src/components/Avatar.d.ts
|
|
4950
|
-
type Props$
|
|
5169
|
+
type Props$129 = {
|
|
4951
5170
|
user?: {
|
|
4952
5171
|
name: string | undefined;
|
|
4953
5172
|
email: string | undefined;
|
|
@@ -4957,22 +5176,62 @@ type Props$128 = {
|
|
|
4957
5176
|
size?: number;
|
|
4958
5177
|
variant?: 'circle' | 'rounded';
|
|
4959
5178
|
} & ComponentProps<'span'>;
|
|
4960
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
5179
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$129) => import("react").JSX.Element;
|
|
5180
|
+
//#endregion
|
|
5181
|
+
//#region src/blocks/AIKit/MessageDeliveryStatus.d.ts
|
|
5182
|
+
type MessageStatus = 'sending' | 'failed';
|
|
4961
5183
|
//#endregion
|
|
4962
5184
|
//#region src/blocks/AIKit/MessageBubble.d.ts
|
|
4963
|
-
type Props$
|
|
5185
|
+
type Props$128 = {
|
|
4964
5186
|
variant: 'user' | 'assistant';
|
|
4965
5187
|
actions?: ReactNode;
|
|
4966
5188
|
createdAt?: string;
|
|
5189
|
+
/** `visible` draws the time in the actions row; the default keeps it as the user bubble's tooltip. */
|
|
5190
|
+
timestamp?: 'tooltip' | 'visible';
|
|
5191
|
+
/** What a user message replies to, drawn as a muted blockquote above the text. */
|
|
5192
|
+
quote?: ReactNode;
|
|
5193
|
+
/** User variant: a message still on its way, or one that did not arrive. */
|
|
5194
|
+
status?: MessageStatus;
|
|
5195
|
+
onRetry?: () => void;
|
|
5196
|
+
/** Who wrote it, where several people share a chat. */
|
|
5197
|
+
author?: ReactNode;
|
|
5198
|
+
/** Clip the message at this height behind Show more / Show less. */
|
|
5199
|
+
collapseAfterPx?: number;
|
|
5200
|
+
/** Opt-in per-message avatar, beside the bubble; none by default so a narrow panel keeps its width. */
|
|
5201
|
+
avatar?: ReactNode;
|
|
4967
5202
|
/** @deprecated No avatar is rendered; accepted so existing call sites keep compiling. */
|
|
4968
5203
|
user?: ComponentProps<typeof Avatar>['user'];
|
|
4969
5204
|
} & PropsWithChildren;
|
|
4970
|
-
declare const MessageBubble: ({ variant, children, actions, createdAt }: Props$
|
|
5205
|
+
declare const MessageBubble: ({ variant, children, actions, createdAt, timestamp, quote, status, onRetry, author, collapseAfterPx, avatar }: Props$128) => import("react").JSX.Element;
|
|
5206
|
+
//#endregion
|
|
5207
|
+
//#region src/blocks/AIKit/ModeChip.d.ts
|
|
5208
|
+
type Props$127 = {
|
|
5209
|
+
children: ReactNode;
|
|
5210
|
+
/** Mounted either way; `false` collapses and fades it out so neighbours slide instead of jump. */
|
|
5211
|
+
visible?: boolean;
|
|
5212
|
+
tooltip?: ReactNode;
|
|
5213
|
+
/** Accessible name of the chip, which turns the mode off. */
|
|
5214
|
+
removeLabel: string;
|
|
5215
|
+
color?: ComponentProps<typeof Badge>['color'];
|
|
5216
|
+
onRemove: () => void;
|
|
5217
|
+
className?: string;
|
|
5218
|
+
};
|
|
5219
|
+
/**
|
|
5220
|
+
* A removable pill naming a mode the composer is in.
|
|
5221
|
+
*
|
|
5222
|
+
* - The whole chip turns the mode off, not just the ×.
|
|
5223
|
+
* - Collapsed via a `0fr` / `1fr` grid column and taken out of the tab order while hidden.
|
|
5224
|
+
*/
|
|
5225
|
+
declare const ModeChip: ({ children, visible, tooltip, removeLabel, color, onRemove, className }: Props$127) => import("react").JSX.Element;
|
|
4971
5226
|
//#endregion
|
|
4972
5227
|
//#region src/blocks/AIKit/PlanApproval.d.ts
|
|
4973
|
-
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
|
|
5228
|
+
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested' | 'expired';
|
|
4974
5229
|
type PlanApprovalProps = {
|
|
4975
5230
|
status: PlanApprovalStatus;
|
|
5231
|
+
/** Replaces the status pill's text, e.g. `Cancelled` for an `expired` card closed by a restart. */
|
|
5232
|
+
statusLabel?: string;
|
|
5233
|
+
/** Why the card is in its status, shown under the title. */
|
|
5234
|
+
statusMessage?: ReactNode;
|
|
4976
5235
|
title: string;
|
|
4977
5236
|
summary?: ReactNode;
|
|
4978
5237
|
stepCount?: number;
|
|
@@ -5002,7 +5261,7 @@ type PlanApprovalProps = {
|
|
|
5002
5261
|
stepCountLabel?: (count: number) => string;
|
|
5003
5262
|
className?: string;
|
|
5004
5263
|
};
|
|
5005
|
-
declare const PlanApproval: ({ status, title, summary, stepCount, planBody, defaultExpanded, isExpanded: isExpandedProp, onExpandToggle, onApprove, onRequestChanges, onClose, isSubmitting, approveTooltip, pendingPillLabel, approvedPillLabel, dismissedPillLabel, changesRequestedPillLabel, approveLabel, requestChangesLabel, cancelLabel, showMoreLabel, showLessLabel, closeLabel, fullScreenLabel, exitFullScreenLabel, changeRequestPlaceholder, changeRequestSubmitLabel, stepCountLabel, className }: PlanApprovalProps) => import("react").JSX.Element;
|
|
5264
|
+
declare const PlanApproval: ({ status, statusLabel, statusMessage, title, summary, stepCount, planBody, defaultExpanded, isExpanded: isExpandedProp, onExpandToggle, onApprove, onRequestChanges, onClose, isSubmitting, approveTooltip, pendingPillLabel, approvedPillLabel, dismissedPillLabel, changesRequestedPillLabel, approveLabel, requestChangesLabel, cancelLabel, showMoreLabel, showLessLabel, closeLabel, fullScreenLabel, exitFullScreenLabel, changeRequestPlaceholder, changeRequestSubmitLabel, stepCountLabel, className }: PlanApprovalProps) => import("react").JSX.Element;
|
|
5006
5265
|
//#endregion
|
|
5007
5266
|
//#region src/blocks/AIKit/PlanRewritingIndicator.d.ts
|
|
5008
5267
|
type PlanRewritingIndicatorProps = {
|
|
@@ -5104,8 +5363,30 @@ type Props$123 = {
|
|
|
5104
5363
|
className?: string;
|
|
5105
5364
|
variant?: 'default' | 'inline';
|
|
5106
5365
|
disableSubmit?: boolean;
|
|
5366
|
+
/** Holds the composer read-only while the host reconnects: focus stays, Enter and send do nothing. */
|
|
5367
|
+
busy?: boolean;
|
|
5368
|
+
/** Escape with no menu open takes the caret out of the textarea. */
|
|
5369
|
+
blurOnEscape?: boolean;
|
|
5370
|
+
/** Runs after the composer's own key handling, and only for a key it left alone. */
|
|
5371
|
+
onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
|
|
5372
|
+
/** Files on the clipboard; a paste carrying text as well still inserts the text. */
|
|
5373
|
+
onPasteFiles?: (files: File[]) => void;
|
|
5374
|
+
/** Lets send fire with an empty text — for a host whose attachments are the message. */
|
|
5375
|
+
canSubmitEmpty?: boolean;
|
|
5376
|
+
/** A non-empty box sends while `streaming`/`submitted` instead of aborting; what that means is
|
|
5377
|
+
* the host's call. An empty box is unaffected, so Stop stays reachable. */
|
|
5378
|
+
allowSendWhileBusy?: boolean;
|
|
5379
|
+
/** Whether stopping is connected to anything; default `true`. `submitted` also covers an
|
|
5380
|
+
* approval POST, where aborting can cancel the question being answered. */
|
|
5381
|
+
canAbort?: boolean;
|
|
5107
5382
|
/** `/` menu: pick one and it becomes the start of the message. */
|
|
5108
5383
|
commands?: PromptCommand[];
|
|
5384
|
+
/** What the `/` list says when it has nothing to list or nothing matches — the host owns that wording. */
|
|
5385
|
+
commandsEmptyText?: ReactNode;
|
|
5386
|
+
/** The `/` commands are still on their way: an empty list says so instead of "none". */
|
|
5387
|
+
commandsLoading?: boolean;
|
|
5388
|
+
/** `typed` opens the `/` menu only for a `/` typed into an empty composer, never for pasted or set text. */
|
|
5389
|
+
slashTrigger?: 'value' | 'typed';
|
|
5109
5390
|
/** A form in the popup's place, opened by a `commands` action row; menus stay closed, Escape calls `onClose`. */
|
|
5110
5391
|
panel?: {
|
|
5111
5392
|
content: ReactNode;
|
|
@@ -5123,8 +5404,10 @@ type Props$123 = {
|
|
|
5123
5404
|
mentionsGroupHeading?: (group: string) => ReactNode;
|
|
5124
5405
|
/** More than one `@` pick per menu: each pick leaves a bare `@`, so the list stays open. */
|
|
5125
5406
|
mentionsMultiple?: boolean;
|
|
5407
|
+
/** Prompts already sent, oldest first: ↑ at the start of the text recalls them, ↓ steps back. */
|
|
5408
|
+
history?: string[];
|
|
5126
5409
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
5127
|
-
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, commandsGroupAction, panel, mentions, onMentionSelect, mentionsEmptyText, mentionsGroupHeading, mentionsMultiple, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$123): import("react").JSX.Element;
|
|
5410
|
+
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, disabled, disableSubmit, busy, blurOnEscape, onKeyDown, onPasteFiles, canSubmitEmpty, allowSendWhileBusy, canAbort, value, onValueChange, status, maxRows, minRows, commands, commandsEmptyText, commandsLoading, slashTrigger, commandsGroupAction, panel, mentions, onMentionSelect, mentionsEmptyText, mentionsGroupHeading, mentionsMultiple, history, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$123): import("react").JSX.Element;
|
|
5128
5411
|
declare namespace PromptInput {
|
|
5129
5412
|
export { PromptInputAction as Action };
|
|
5130
5413
|
export { PromptInputMenuTrigger as MenuTrigger };
|
|
@@ -5136,6 +5419,8 @@ type QuestionOption = {
|
|
|
5136
5419
|
label: string;
|
|
5137
5420
|
description?: string;
|
|
5138
5421
|
preview?: string;
|
|
5422
|
+
/** A short tag after the label, e.g. `Recommended`. */
|
|
5423
|
+
badge?: string;
|
|
5139
5424
|
};
|
|
5140
5425
|
type Props$7 = {
|
|
5141
5426
|
question: string;
|
|
@@ -5149,11 +5434,20 @@ type Props$7 = {
|
|
|
5149
5434
|
onCustomAnswerConfirm?: () => void;
|
|
5150
5435
|
showCustomAnswer?: boolean;
|
|
5151
5436
|
customAnswerPlaceholder?: string;
|
|
5437
|
+
customAnswerMaxLength?: number;
|
|
5152
5438
|
showSkip?: boolean;
|
|
5153
5439
|
onSkip?: () => void;
|
|
5440
|
+
/** Replaces the Skip button's `Space` hint; `null` drops the tooltip. */
|
|
5441
|
+
skipTooltip?: ReactNode;
|
|
5154
5442
|
onClose?: () => void;
|
|
5155
5443
|
onNext?: () => void;
|
|
5156
5444
|
submitTooltip?: ReactNode;
|
|
5445
|
+
/** Keeps the answer from being sent, by click or by ⌘/Ctrl+Enter. */
|
|
5446
|
+
isSubmitDisabled?: boolean;
|
|
5447
|
+
/** The answer is on its way: Submit spins and every action is disabled. */
|
|
5448
|
+
isSubmitting?: boolean;
|
|
5449
|
+
/** Why the last send failed, shown above the footer. */
|
|
5450
|
+
error?: ReactNode;
|
|
5157
5451
|
onPrevious?: () => void;
|
|
5158
5452
|
currentStep?: number;
|
|
5159
5453
|
totalSteps?: number;
|
|
@@ -5164,7 +5458,7 @@ type Props$7 = {
|
|
|
5164
5458
|
enableShortcuts?: boolean;
|
|
5165
5459
|
className?: string;
|
|
5166
5460
|
};
|
|
5167
|
-
declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, autoFocus, enableShortcuts, className }: Props$7) => import("react").JSX.Element;
|
|
5461
|
+
declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, customAnswerMaxLength, showSkip, onSkip, skipTooltip, onClose, onNext, submitTooltip, isSubmitDisabled, isSubmitting, error, onPrevious, currentStep, totalSteps, renderPreview, autoFocus, enableShortcuts, className }: Props$7) => import("react").JSX.Element;
|
|
5168
5462
|
//#endregion
|
|
5169
5463
|
//#region src/blocks/AIKit/QuestionBlock.d.ts
|
|
5170
5464
|
type QuestionStep = {
|
|
@@ -5189,17 +5483,49 @@ type Props$6 = {
|
|
|
5189
5483
|
};
|
|
5190
5484
|
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className }: Props$6) => import("react").JSX.Element;
|
|
5191
5485
|
//#endregion
|
|
5486
|
+
//#region src/blocks/AIKit/streamingMarkdown.d.ts
|
|
5487
|
+
/**
|
|
5488
|
+
* A streaming answer split into blocks that can no longer change and the tail that still can.
|
|
5489
|
+
*
|
|
5490
|
+
* - Render each `sealed` block in its own memoised `Markdown.Block`, keyed by index; only `tail` re-parses.
|
|
5491
|
+
* - A sealed block's text never changes as more text arrives.
|
|
5492
|
+
* - Reference links and footnotes defined in a later block resolve only once the full answer renders.
|
|
5493
|
+
*/
|
|
5494
|
+
declare const splitSealedBlocks: (text: string) => {
|
|
5495
|
+
sealed: string[];
|
|
5496
|
+
tail: string;
|
|
5497
|
+
};
|
|
5498
|
+
type WithholdOptions = {
|
|
5499
|
+
/** Fence languages held back while open; `true` means every language `Markdown` draws. */
|
|
5500
|
+
diagram?: boolean | readonly string[];
|
|
5501
|
+
/** Hold back a table header until its delimiter row is complete. */
|
|
5502
|
+
tableHead?: boolean;
|
|
5503
|
+
};
|
|
5504
|
+
/**
|
|
5505
|
+
* The part of a streaming answer that is safe to paint now.
|
|
5506
|
+
*
|
|
5507
|
+
* - An open fence whose language is still being typed is always held back.
|
|
5508
|
+
* - An open fence in a `diagram` language is held back, or every chunk redraws the chart.
|
|
5509
|
+
* - Any other open fence streams as a growing code block.
|
|
5510
|
+
*/
|
|
5511
|
+
declare const withholdOpenTail: (text: string, { diagram, tableHead }?: WithholdOptions) => string;
|
|
5512
|
+
//#endregion
|
|
5192
5513
|
//#region src/blocks/AIKit/SuggestedPrompt.d.ts
|
|
5193
5514
|
type Props$122 = {
|
|
5194
5515
|
label: string;
|
|
5195
5516
|
disabled?: boolean;
|
|
5196
5517
|
onClick: () => void;
|
|
5197
5518
|
icon?: ReactNode;
|
|
5519
|
+
/** A secondary line under the label. */
|
|
5520
|
+
description?: ReactNode;
|
|
5521
|
+
/** Content pinned to the end of the row, e.g. a badge. */
|
|
5522
|
+
trailing?: ReactNode;
|
|
5523
|
+
'aria-label'?: string;
|
|
5198
5524
|
/** `bubble`: shaped like a chat message and outlined — a reply waiting to be sent. */
|
|
5199
5525
|
variant?: 'row' | 'bubble';
|
|
5200
5526
|
className?: string;
|
|
5201
5527
|
};
|
|
5202
|
-
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, variant, className }: Props$122) => import("react").JSX.Element;
|
|
5528
|
+
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, description, trailing, 'aria-label': ariaLabel, variant, className }: Props$122) => import("react").JSX.Element;
|
|
5203
5529
|
//#endregion
|
|
5204
5530
|
//#region src/blocks/AIKit/ThinkingIndicator.d.ts
|
|
5205
5531
|
type ThinkingIndicatorProps = {
|
|
@@ -5216,39 +5542,73 @@ type ThinkingIndicatorProps = {
|
|
|
5216
5542
|
*/
|
|
5217
5543
|
declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => import("react").JSX.Element;
|
|
5218
5544
|
//#endregion
|
|
5545
|
+
//#region src/blocks/AIKit/ToolCall/toolCallApprovalStatus.d.ts
|
|
5546
|
+
type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired' | 'timed-out' | 'cancelled' | 'unattended';
|
|
5547
|
+
type ToolCallApprovalAction = 'approve' | 'reject' | 'extra';
|
|
5548
|
+
//#endregion
|
|
5549
|
+
//#region src/blocks/AIKit/ToolCall/useApprovalShortcut.d.ts
|
|
5550
|
+
type ShortcutKey = 'enter' | 'mod-enter' | 'none';
|
|
5551
|
+
//#endregion
|
|
5552
|
+
//#region src/blocks/AIKit/ToolCall/ToolCallApprovalActions.d.ts
|
|
5553
|
+
type ToolCallApprovalExtraAction = {
|
|
5554
|
+
label: string;
|
|
5555
|
+
onClick: () => void;
|
|
5556
|
+
};
|
|
5557
|
+
//#endregion
|
|
5558
|
+
//#region src/blocks/AIKit/ToolCall/ToolCallApprovalNotice.d.ts
|
|
5559
|
+
type NoticeTone = 'warning' | 'destructive' | 'info';
|
|
5560
|
+
type ToolCallApprovalNoticeItem = {
|
|
5561
|
+
tone: NoticeTone;
|
|
5562
|
+
content: ReactNode;
|
|
5563
|
+
icon?: LucideIcon;
|
|
5564
|
+
};
|
|
5565
|
+
//#endregion
|
|
5219
5566
|
//#region src/blocks/AIKit/ToolCall/ToolCallApproval.d.ts
|
|
5220
|
-
type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired';
|
|
5221
5567
|
type ToolCallApprovalProps = {
|
|
5222
|
-
/** The tool being called (e.g. `run_sql`). Rendered as a monospace tag. */
|
|
5223
|
-
toolName: string;
|
|
5224
|
-
/** Human-readable summary of what the tool will do. */
|
|
5225
|
-
title?: ReactNode;
|
|
5226
5568
|
status: ToolCallApprovalStatus;
|
|
5569
|
+
/** Replaces the status badge's text, e.g. `Cancelled by Kai`. */
|
|
5570
|
+
statusLabel?: string;
|
|
5571
|
+
/** Why the call is in its terminal status, shown under the title. */
|
|
5572
|
+
statusMessage?: ReactNode;
|
|
5573
|
+
/** `record` collapses a resolved call to one line; a pending call always renders as a card. */
|
|
5574
|
+
density?: 'card' | 'record';
|
|
5575
|
+
resolvedBy?: ReactNode;
|
|
5576
|
+
resolvedAt?: Date;
|
|
5577
|
+
/** The tool being called (e.g. `run_sql`), rendered as a monospace tag. */
|
|
5578
|
+
toolName?: string;
|
|
5579
|
+
/** Leads the header, e.g. "Kai needs your OK" or an app's own status row. */
|
|
5580
|
+
eyebrow?: ReactNode;
|
|
5581
|
+
title?: ReactNode;
|
|
5582
|
+
/** App-rendered detail — a diff, a `ToolCallChip`, arguments. */
|
|
5583
|
+
children?: ReactNode;
|
|
5584
|
+
/** Rows above the detail naming what the call will do — a link going public, a destructive write. */
|
|
5585
|
+
notices?: readonly ToolCallApprovalNoticeItem[];
|
|
5586
|
+
/** A preview beside the detail; stacks under it in a narrow container. */
|
|
5587
|
+
aside?: ReactNode;
|
|
5588
|
+
error?: ReactNode;
|
|
5227
5589
|
onApprove?: () => void;
|
|
5228
5590
|
onReject?: () => void;
|
|
5229
|
-
/**
|
|
5230
|
-
|
|
5231
|
-
/**
|
|
5232
|
-
* Replaces the default Approve/Reject buttons in the pending state. Use when
|
|
5233
|
-
* the call needs bespoke controls (e.g. an inline reason field).
|
|
5234
|
-
*/
|
|
5235
|
-
actions?: ReactNode;
|
|
5236
|
-
isSubmitting?: boolean;
|
|
5237
|
-
/**
|
|
5238
|
-
* Opt into `Enter` = approve / `Escape` = reject while pending. Off by
|
|
5239
|
-
* default so the shortcuts never fire unexpectedly in a busy chat.
|
|
5240
|
-
*/
|
|
5241
|
-
enableShortcuts?: boolean;
|
|
5591
|
+
/** A third action beside the pair, e.g. "Always allow". */
|
|
5592
|
+
extraAction?: ToolCallApprovalExtraAction;
|
|
5242
5593
|
approveLabel?: string;
|
|
5243
5594
|
rejectLabel?: string;
|
|
5595
|
+
approveVariant?: 'primary' | 'danger';
|
|
5596
|
+
/** The action in flight: its button spins and every action is disabled. */
|
|
5597
|
+
pendingAction?: ToolCallApprovalAction | null;
|
|
5598
|
+
isDisabled?: boolean;
|
|
5599
|
+
/** Approves from anywhere on the page and shows the key on the approve button. */
|
|
5600
|
+
shortcutKey?: ShortcutKey;
|
|
5601
|
+
/** Shows the key without listening for it, for an app that owns the shortcut itself. */
|
|
5602
|
+
isShortcutHintOnly?: boolean;
|
|
5244
5603
|
className?: string;
|
|
5245
5604
|
};
|
|
5246
5605
|
/**
|
|
5247
|
-
* Per-tool-call approve/reject frame — the granular sibling of `PlanApproval
|
|
5248
|
-
*
|
|
5249
|
-
* renders the call detail
|
|
5606
|
+
* Per-tool-call approve/reject frame — the granular sibling of `PlanApproval`.
|
|
5607
|
+
*
|
|
5608
|
+
* - Chrome, status and actions only: the app renders the call detail and owns the permission wiring.
|
|
5609
|
+
* - Actions render only while `pending`.
|
|
5250
5610
|
*/
|
|
5251
|
-
declare const ToolCallApproval: ({ toolName, title,
|
|
5611
|
+
declare const ToolCallApproval: ({ status, statusLabel, statusMessage, density, resolvedBy, resolvedAt, toolName, eyebrow, title, children, notices, aside, error, onApprove, onReject, extraAction, approveLabel, rejectLabel, approveVariant, pendingAction, isDisabled, shortcutKey, isShortcutHintOnly, className }: ToolCallApprovalProps) => import("react").JSX.Element;
|
|
5252
5612
|
//#endregion
|
|
5253
5613
|
//#region src/blocks/AIKit/ToolCall/ToolCallChip.d.ts
|
|
5254
5614
|
type ToolCallState = 'processing' | 'done' | 'error';
|
|
@@ -5289,7 +5649,7 @@ declare const variants$4: (props?: ({
|
|
|
5289
5649
|
variant?: "default" | "error" | "success" | "warning" | null | undefined;
|
|
5290
5650
|
size?: "lg" | "sm" | null | undefined;
|
|
5291
5651
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5292
|
-
type Props$121 = ComponentProps<typeof Root$
|
|
5652
|
+
type Props$121 = ComponentProps<typeof Root$13> & VariantProps<typeof variants$4>;
|
|
5293
5653
|
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$121) => import("react").JSX.Element;
|
|
5294
5654
|
//#endregion
|
|
5295
5655
|
//#region src/blocks/AIKit/UsageBar.d.ts
|
|
@@ -5368,7 +5728,7 @@ type Props$116 = ComponentProps<typeof CollapsibleTrigger>;
|
|
|
5368
5728
|
declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$116) => import("react").JSX.Element;
|
|
5369
5729
|
//#endregion
|
|
5370
5730
|
//#region src/components/Collapsible/Collapsible.d.ts
|
|
5371
|
-
type Props$115 = ComponentProps<typeof Root$
|
|
5731
|
+
type Props$115 = ComponentProps<typeof Root$12>;
|
|
5372
5732
|
declare function Collapsible(props: Props$115): import("react").JSX.Element;
|
|
5373
5733
|
declare namespace Collapsible {
|
|
5374
5734
|
export { CollapsibleTrigger$1 as Trigger };
|
|
@@ -5583,7 +5943,7 @@ type SkeletonProps = {
|
|
|
5583
5943
|
*
|
|
5584
5944
|
* - Match the eventual shape (`lg` per title row, `xs` per text line).
|
|
5585
5945
|
* - Not for slotless work (`DotsLoader`, `Button isLoading`) or empty / error states.
|
|
5586
|
-
* - `
|
|
5946
|
+
* - `Table.SkeletonRows` fills a loading `Table`; `SkeletonList` shells `Card`-list pages.
|
|
5587
5947
|
*
|
|
5588
5948
|
* @see RECIPES.md#data-card-with-skeleton
|
|
5589
5949
|
*/
|
|
@@ -5727,9 +6087,9 @@ declare const AppShell: typeof Root$17 & {
|
|
|
5727
6087
|
* - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.
|
|
5728
6088
|
* - `wide` (34rem) — multi-field or two-column forms: registration.
|
|
5729
6089
|
*/
|
|
5730
|
-
type Width = 'form' | 'wide';
|
|
6090
|
+
type Width$1 = 'form' | 'wide';
|
|
5731
6091
|
type RootProps = ComponentProps<'div'> & {
|
|
5732
|
-
width?: Width;
|
|
6092
|
+
width?: Width$1;
|
|
5733
6093
|
/** Marketing / illustration panel. Its presence switches the page to the split geometry. */
|
|
5734
6094
|
aside?: ReactNode;
|
|
5735
6095
|
/** Which side the `aside` takes on wide screens. */
|
|
@@ -6491,7 +6851,7 @@ type BreadcrumbDropdownGroupProps = {
|
|
|
6491
6851
|
/**
|
|
6492
6852
|
* A labelled group of `Breadcrumb.Dropdown.Item`s (e.g. one bucket with its tables). The group
|
|
6493
6853
|
* hides itself when neither its label nor any child matches the filter query; an active query
|
|
6494
|
-
*
|
|
6854
|
+
* opens collapsible groups, and a fold made under it lasts until the query changes. Non-empty `collapsible` groups toggle their items behind the
|
|
6495
6855
|
* header with an animated expand / collapse; a `collapsible` group with no items renders a
|
|
6496
6856
|
* non-interactive, greyed header that can't toggle.
|
|
6497
6857
|
*/
|
|
@@ -6549,10 +6909,12 @@ type BreadcrumbDropdownProps = {
|
|
|
6549
6909
|
searchPlaceholder?: string;
|
|
6550
6910
|
/** Rendered when the built-in filter hides everything. Default `"No results."`. */
|
|
6551
6911
|
emptyMessage?: ReactNode;
|
|
6912
|
+
/** The panel's own classes, e.g. a background the search row shares with the list. */
|
|
6913
|
+
panelClassName?: string;
|
|
6552
6914
|
/** `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item` elements. */
|
|
6553
6915
|
children: ReactNode;
|
|
6554
6916
|
};
|
|
6555
|
-
declare function BreadcrumbDropdown({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, children }: BreadcrumbDropdownProps): import("react").JSX.Element;
|
|
6917
|
+
declare function BreadcrumbDropdown({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, panelClassName, children }: BreadcrumbDropdownProps): import("react").JSX.Element;
|
|
6556
6918
|
declare namespace BreadcrumbDropdown {
|
|
6557
6919
|
export { BreadcrumbDropdownItem as Item };
|
|
6558
6920
|
export { BreadcrumbDropdownGroup as Group };
|
|
@@ -6770,6 +7132,46 @@ declare const TableHeader: ({ withShadow, className, ...props }: {
|
|
|
6770
7132
|
//#region src/components/Table/TableRow.d.ts
|
|
6771
7133
|
declare const TableRow: ({ ref, className, ...props }: ComponentProps<'tr'>) => import("react").JSX.Element;
|
|
6772
7134
|
//#endregion
|
|
7135
|
+
//#region src/components/Table/TableSkeletonRows.d.ts
|
|
7136
|
+
/** A width class, or one per row so the placeholders don't line up into a block. */
|
|
7137
|
+
type Width = string | string[];
|
|
7138
|
+
/**
|
|
7139
|
+
* What one column shows while the rows load.
|
|
7140
|
+
*
|
|
7141
|
+
* - `className` and `colSpan` match the real column's cells, so the placeholders keep their layout.
|
|
7142
|
+
* - `text` (default): one line of `widthClassName`.
|
|
7143
|
+
* - `name`: an optional icon (`gapClassName` from the lines, `tw:gap-3.5` by default), a name line
|
|
7144
|
+
* varied per row by default, an optional description line.
|
|
7145
|
+
* - `empty`: nothing, e.g. for a row's actions.
|
|
7146
|
+
*/
|
|
7147
|
+
type TableSkeletonColumn = {
|
|
7148
|
+
className?: string;
|
|
7149
|
+
colSpan?: number;
|
|
7150
|
+
} & ({
|
|
7151
|
+
type?: 'text';
|
|
7152
|
+
widthClassName?: Width;
|
|
7153
|
+
} | {
|
|
7154
|
+
type: 'name';
|
|
7155
|
+
iconClassName?: string;
|
|
7156
|
+
gapClassName?: string;
|
|
7157
|
+
widthClassName?: Width;
|
|
7158
|
+
descriptionClassName?: Width;
|
|
7159
|
+
} | {
|
|
7160
|
+
type: 'empty';
|
|
7161
|
+
});
|
|
7162
|
+
/**
|
|
7163
|
+
* Placeholder rows in a table's own columns while its rows load.
|
|
7164
|
+
*
|
|
7165
|
+
* - Render inside `Table.Body` in place of the rows.
|
|
7166
|
+
* - The first row announces `Loading {noun}` to screen readers; pass the plural noun, e.g. `jobs`.
|
|
7167
|
+
* - The rows don't take the hover tint, as there is nothing to act on yet.
|
|
7168
|
+
*/
|
|
7169
|
+
declare const TableSkeletonRows: ({ columns, noun, rows }: {
|
|
7170
|
+
columns: TableSkeletonColumn[];
|
|
7171
|
+
noun: string;
|
|
7172
|
+
rows?: number;
|
|
7173
|
+
}) => import("react").JSX.Element[];
|
|
7174
|
+
//#endregion
|
|
6773
7175
|
//#region src/components/Table/TableSortHeader.d.ts
|
|
6774
7176
|
type TableSortDirection = 'asc' | 'desc' | false;
|
|
6775
7177
|
/** Maps a sort direction to the `aria-sort` value for the enclosing `Table.Head`. */
|
|
@@ -6807,6 +7209,7 @@ declare namespace Table {
|
|
|
6807
7209
|
export { TableCell as Cell };
|
|
6808
7210
|
export { TableFooter as Footer };
|
|
6809
7211
|
export { TableSortHeader as SortHeader };
|
|
7212
|
+
export { TableSkeletonRows as SkeletonRows };
|
|
6810
7213
|
}
|
|
6811
7214
|
//#endregion
|
|
6812
7215
|
//#region src/components/Timeline/TimelineConnector.d.ts
|
|
@@ -6869,12 +7272,7 @@ declare const KbdGroup: ({ ref, className, children, separator, ...props }: Prop
|
|
|
6869
7272
|
//#endregion
|
|
6870
7273
|
//#region src/components/Kbd/KbdSeparator.d.ts
|
|
6871
7274
|
type Props$33 = ComponentProps<'span'>;
|
|
6872
|
-
/**
|
|
6873
|
-
* The `+` / `then` glue between two `Kbd` keys.
|
|
6874
|
-
*
|
|
6875
|
-
* - Follows the muted chrome token by default.
|
|
6876
|
-
* - Turns white inside the legacy dark tooltip, which sets `data-tooltip-content`.
|
|
6877
|
-
*/
|
|
7275
|
+
/** The `+` / `then` glue between two `Kbd` keys, in the muted chrome token. */
|
|
6878
7276
|
declare const KbdSeparator: ({ className, ...props }: Props$33) => import("react").JSX.Element;
|
|
6879
7277
|
//#endregion
|
|
6880
7278
|
//#region src/components/Kbd/styles.d.ts
|
|
@@ -7371,11 +7769,13 @@ type Props$11 = {
|
|
|
7371
7769
|
/** Keep `<foreignObject>` through sanitization; its HTML children are still stripped.
|
|
7372
7770
|
* Enable only when each one is pre-flattened to bare text. */
|
|
7373
7771
|
allowForeignObject?: boolean;
|
|
7772
|
+
/** Keep `<use>` through sanitization. Enable only when every `href` is already a `#` reference. */
|
|
7773
|
+
allowUse?: boolean;
|
|
7374
7774
|
/** Extra toolbar controls (e.g. `ExportMenu`) between copy and fullscreen; receives the
|
|
7375
7775
|
* sanitized SVG. Injected so this lazy chunk carries no export dependencies. */
|
|
7376
7776
|
renderActions?: (safeSvg: string) => ReactNode;
|
|
7377
7777
|
};
|
|
7378
|
-
declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions }: Props$11) => import("react").JSX.Element;
|
|
7778
|
+
declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, allowUse, renderActions }: Props$11) => import("react").JSX.Element;
|
|
7379
7779
|
//#endregion
|
|
7380
7780
|
//#region src/components/ZoomableSvg/exportSvg.d.ts
|
|
7381
7781
|
declare const toSvgFileContent: (svg: string) => string;
|
|
@@ -7435,5 +7835,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
|
|
|
7435
7835
|
/** WCAG level for normal-size text at a given ratio. */
|
|
7436
7836
|
declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
|
|
7437
7837
|
//#endregion
|
|
7438
|
-
export { Alert, AlertModal, AnswerActions, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot,
|
|
7838
|
+
export { ANSWER_SOURCES_VISIBLE, Alert, AlertModal, AnswerActions, AnswerSource, AnswerSources, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, AttachmentChip, AttachmentStatus, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, CONTEXT_CHIP_EXPANDABLE_LENGTH, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, ChatNotice, ChatNoticeTone, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, ContextChip, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FileDownloadChip, FileGallery, type FileGalleryImage, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineEdit, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, JumpToLatest, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, ModeChip, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, MultiComboboxHighlighted, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SourceChip, SourceChipProps, SourceState, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSkeletonColumn, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalAction, type ToolCallApprovalExtraAction, type ToolCallApprovalNoticeItem, type NoticeTone as ToolCallApprovalNoticeTone, type ToolCallApprovalProps, type ShortcutKey as ToolCallApprovalShortcutKey, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, brandSchema, buttonVariants, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbcUi, kbdVariants, keboola, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, splitSealedBlocks, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm, withholdOpenTail };
|
|
7439
7839
|
//# sourceMappingURL=index.d.ts.map
|