@keboola/design 13.1.3 → 14.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 +68 -6
- package/CHANGELOG.md +196 -0
- package/COMPONENT-API.md +60 -50
- package/dist/{AIKit-BVCWP9Ks.js → AIKit-BRSZ3nY7.js} +2227 -313
- package/dist/AIKit-BRSZ3nY7.js.map +1 -0
- package/dist/{Alert-UI-CIs-1.js → Alert-CZ0dDsuk.js} +7 -7
- package/dist/{Alert-UI-CIs-1.js.map → Alert-CZ0dDsuk.js.map} +1 -1
- package/dist/{AlertModal-mbSnuuka.js → AlertModal-BDle9ZVQ.js} +6 -6
- package/dist/AlertModal-BDle9ZVQ.js.map +1 -0
- package/dist/{AppShell-WSQabK8r.js → AppShell-B03fj1j7.js} +2 -2
- package/dist/{AppShell-WSQabK8r.js.map → AppShell-B03fj1j7.js.map} +1 -1
- package/dist/{AutoSaveTextarea-C5iIr2Ts.js → AutoSaveTextarea-jiqNeeE4.js} +3 -3
- package/dist/{AutoSaveTextarea-C5iIr2Ts.js.map → AutoSaveTextarea-jiqNeeE4.js.map} +1 -1
- package/dist/{Badge-Dz0cj6rj.js → Badge-Ba3epgcI.js} +2 -2
- package/dist/{Badge-Dz0cj6rj.js.map → Badge-Ba3epgcI.js.map} +1 -1
- package/dist/{BrandEditor-P8OZX2hi.js → BrandEditor-CN2HJ_12.js} +155 -17
- package/dist/BrandEditor-CN2HJ_12.js.map +1 -0
- package/dist/{BrandLogo-CKpVSZb6.js → BrandLogo-BfITD0im.js} +2 -2
- package/dist/{BrandLogo-CKpVSZb6.js.map → BrandLogo-BfITD0im.js.map} +1 -1
- package/dist/{Breadcrumb-BUoAZyhO.js → Breadcrumb-BnIlsoIH.js} +62 -20
- package/dist/Breadcrumb-BnIlsoIH.js.map +1 -0
- package/dist/{Button-B21oVcPU.js → Button-D2JqBAq7.js} +199 -7
- package/dist/Button-D2JqBAq7.js.map +1 -0
- package/dist/{Calendar-DFtmZzbF.js → Calendar-BnKi1kPu.js} +4 -4
- package/dist/{Calendar-DFtmZzbF.js.map → Calendar-BnKi1kPu.js.map} +1 -1
- package/dist/{Card-BQmBWHXl.js → Card-Bpc_ZlL4.js} +3 -3
- package/dist/Card-Bpc_ZlL4.js.map +1 -0
- package/dist/{Checkbox-8yIIgY7g.js → Checkbox-uFE8XLT_.js} +6 -6
- package/dist/Checkbox-uFE8XLT_.js.map +1 -0
- package/dist/{Clipboard-_xf6hMDD.js → Clipboard-D-9XOqy4.js} +3 -3
- package/dist/{Clipboard-_xf6hMDD.js.map → Clipboard-D-9XOqy4.js.map} +1 -1
- package/dist/{ClipboardButton-srUgWgwH.js → ClipboardButton-DxvZG_H0.js} +4 -4
- package/dist/{ClipboardButton-srUgWgwH.js.map → ClipboardButton-DxvZG_H0.js.map} +1 -1
- package/dist/{CodeEditor-Df7VVx08.js → CodeEditor-BfRSCKEs.js} +6 -6
- package/dist/{CodeEditor-Df7VVx08.js.map → CodeEditor-BfRSCKEs.js.map} +1 -1
- package/dist/{Collapsible-BQXWEOBC.js → Collapsible-DD4xTL75.js} +2 -2
- package/dist/{Collapsible-BQXWEOBC.js.map → Collapsible-DD4xTL75.js.map} +1 -1
- package/dist/{ColorInput-B3gBZ8Ya.js → ColorInput-CDKH8q_f.js} +5 -5
- package/dist/{ColorInput-B3gBZ8Ya.js.map → ColorInput-CDKH8q_f.js.map} +1 -1
- package/dist/{ColorModeSwitch-D8Cki137.js → ColorModeSwitch-DR6J2U6M.js} +4 -4
- package/dist/{ColorModeSwitch-D8Cki137.js.map → ColorModeSwitch-DR6J2U6M.js.map} +1 -1
- package/dist/{Combobox-BNhW0TDB.js → Combobox-CEesMe2M.js} +246 -44
- package/dist/Combobox-CEesMe2M.js.map +1 -0
- package/dist/{Command-BQPiZCNz.js → Command-T3MLRaen.js} +10 -6
- package/dist/Command-T3MLRaen.js.map +1 -0
- package/dist/{CopyField-Ba7h8MqZ.js → CopyField-CNbCHw9a.js} +4 -4
- package/dist/{CopyField-Ba7h8MqZ.js.map → CopyField-CNbCHw9a.js.map} +1 -1
- package/dist/{DateInput-D0nWUasV.js → DateInput-ClK1lCxz.js} +5 -5
- package/dist/{DateInput-D0nWUasV.js.map → DateInput-ClK1lCxz.js.map} +1 -1
- package/dist/{DatePicker-CtSa9b3V.js → DatePicker-CgHAu9KX.js} +3 -3
- package/dist/{DatePicker-CtSa9b3V.js.map → DatePicker-CgHAu9KX.js.map} +1 -1
- package/dist/{DateRangeInput-i6wE45-V.js → DateRangeInput-DtlAffS1.js} +5 -5
- package/dist/{DateRangeInput-i6wE45-V.js.map → DateRangeInput-DtlAffS1.js.map} +1 -1
- package/dist/{DateRangePicker-BAnuz6vO.js → DateRangePicker-CXpXPMoh.js} +8 -8
- package/dist/{DateRangePicker-BAnuz6vO.js.map → DateRangePicker-CXpXPMoh.js.map} +1 -1
- package/dist/{DiffView-ppTIzh2h.js → DiffView-Dy4z-n-1.js} +3 -3
- package/dist/{DiffView-ppTIzh2h.js.map → DiffView-Dy4z-n-1.js.map} +1 -1
- package/dist/{DropdownMenu-BJGLjpVc.js → DropdownMenu-B1gGvZoh.js} +9 -9
- package/dist/DropdownMenu-B1gGvZoh.js.map +1 -0
- package/dist/{FieldBox-D7DYtX_m.js → FieldBox-BrxLkY9C.js} +8 -6
- package/dist/FieldBox-BrxLkY9C.js.map +1 -0
- package/dist/{FieldItem-BHViBJS3.js → FieldItem-CYvJyjiI.js} +4 -4
- package/dist/{FieldItem-BHViBJS3.js.map → FieldItem-CYvJyjiI.js.map} +1 -1
- package/dist/{FileUpload-Ch2hrIWq.js → FileUpload-D6vPG3WB.js} +9 -9
- package/dist/FileUpload-D6vPG3WB.js.map +1 -0
- package/dist/{Form-VkzfVPyT.js → Form-CD55zJiy.js} +10 -10
- package/dist/{Form-VkzfVPyT.js.map → Form-CD55zJiy.js.map} +1 -1
- package/dist/{FormGroup-CmCppxOn.js → FormGroup-DiYFdEhH.js} +4 -4
- package/dist/{FormGroup-CmCppxOn.js.map → FormGroup-DiYFdEhH.js.map} +1 -1
- package/dist/{FullScreenModal-Cwnm8WdM.js → FullScreenModal-CUuAakh3.js} +20 -6
- package/dist/{FullScreenModal-Cwnm8WdM.js.map → FullScreenModal-CUuAakh3.js.map} +1 -1
- package/dist/HoverCard-BBdPYqEf.js +31 -0
- package/dist/HoverCard-BBdPYqEf.js.map +1 -0
- package/dist/InlineEdit-D5RdunZo.js +370 -0
- package/dist/InlineEdit-D5RdunZo.js.map +1 -0
- package/dist/{InputGroup-CrlMRz4X.js → InputGroup-Dm014ruw.js} +4 -4
- package/dist/{InputGroup-CrlMRz4X.js.map → InputGroup-Dm014ruw.js.map} +1 -1
- package/dist/{Kbd-J4n1J6i4.js → Kbd-3YM7NQO4.js} +3 -3
- package/dist/{Kbd-J4n1J6i4.js.map → Kbd-3YM7NQO4.js.map} +1 -1
- package/dist/MermaidDiagram-CeiOkI60.js +199 -0
- package/dist/MermaidDiagram-CeiOkI60.js.map +1 -0
- package/dist/{Modal-BkSuS9Yz.js → Modal-DMZRswk4.js} +8 -7
- package/dist/Modal-DMZRswk4.js.map +1 -0
- package/dist/{ModalTitle-BxopkIoQ.js → ModalTitle-CTECVgL8.js} +3 -3
- package/dist/ModalTitle-CTECVgL8.js.map +1 -0
- package/dist/{MultiActionButtonGroup-AWLj1Tg7.js → MultiActionButtonGroup-CEv_txvz.js} +5 -5
- package/dist/{MultiActionButtonGroup-AWLj1Tg7.js.map → MultiActionButtonGroup-CEv_txvz.js.map} +1 -1
- package/dist/{Navbar-B_DNpv5s.js → Navbar-CtVYcRFn.js} +18 -14
- package/dist/Navbar-CtVYcRFn.js.map +1 -0
- package/dist/{OtpInput-I8B8Vjdl.js → OtpInput-CY8yCaJk.js} +4 -4
- package/dist/{OtpInput-I8B8Vjdl.js.map → OtpInput-CY8yCaJk.js.map} +1 -1
- package/dist/{PageHeader-CgfyXpf1.js → PageHeader-CL1A6jFM.js} +21 -14
- package/dist/PageHeader-CL1A6jFM.js.map +1 -0
- package/dist/{PageLayout-DiAAILuS.js → PageLayout-C9aXTpqV.js} +2 -2
- package/dist/{PageLayout-DiAAILuS.js.map → PageLayout-C9aXTpqV.js.map} +1 -1
- package/dist/{PageToolbar-C06RKIif.js → PageToolbar-B_e7HGva.js} +6 -6
- package/dist/{PageToolbar-C06RKIif.js.map → PageToolbar-B_e7HGva.js.map} +1 -1
- package/dist/{Pagination-DH3f6LN0.js → Pagination-DDp6PRqf.js} +5 -5
- package/dist/Pagination-DDp6PRqf.js.map +1 -0
- package/dist/{Popconfirm-Dhzn7sy6.js → Popconfirm-BgV6a0sl.js} +5 -5
- package/dist/{Popconfirm-Dhzn7sy6.js.map → Popconfirm-BgV6a0sl.js.map} +1 -1
- package/dist/{Popover-CEk915I1.js → Popover-BU7nGOv-.js} +3 -3
- package/dist/Popover-BU7nGOv-.js.map +1 -0
- package/dist/{RadioGroup-CYEp8Wnx.js → RadioGroup-C8EC3fqO.js} +6 -6
- package/dist/{RadioGroup-CYEp8Wnx.js.map → RadioGroup-C8EC3fqO.js.map} +1 -1
- package/dist/{Resizable-D3vYToZH.js → Resizable-D8zs0kcq.js} +2 -2
- package/dist/{Resizable-D3vYToZH.js.map → Resizable-D8zs0kcq.js.map} +1 -1
- package/dist/{Search-DmkQo716.js → Search-aaUMI4ix.js} +4 -4
- package/dist/{Search-DmkQo716.js.map → Search-aaUMI4ix.js.map} +1 -1
- package/dist/{SearchInput-D3qMkHaW.js → SearchInput-Dxi2GK4n.js} +4 -4
- package/dist/{SearchInput-D3qMkHaW.js.map → SearchInput-Dxi2GK4n.js.map} +1 -1
- package/dist/{SectionNav-I2p2uXTd.js → SectionNav-BnHOMLtE.js} +11 -11
- package/dist/{SectionNav-I2p2uXTd.js.map → SectionNav-BnHOMLtE.js.map} +1 -1
- package/dist/{Select-B4uK0QVm.js → Select-CjQgU_6K.js} +6 -6
- package/dist/Select-CjQgU_6K.js.map +1 -0
- package/dist/{Sheet-D0fAE14T.js → Sheet-utw4_rUa.js} +9 -9
- package/dist/Sheet-utw4_rUa.js.map +1 -0
- package/dist/{Sidebar-D9ytIs8V.js → Sidebar-BAmux2Uj.js} +21 -18
- package/dist/Sidebar-BAmux2Uj.js.map +1 -0
- package/dist/{Slider-B0ou9r0B.js → Slider-DbzzSDRV.js} +5 -5
- package/dist/{Slider-B0ou9r0B.js.map → Slider-DbzzSDRV.js.map} +1 -1
- package/dist/{Stepper-BLkLhfnd.js → Stepper-BBPembeK.js} +3 -3
- package/dist/{Stepper-BLkLhfnd.js.map → Stepper-BBPembeK.js.map} +1 -1
- package/dist/{Switch-DZvNePOm.js → Switch-Dw4tvQls.js} +3 -3
- package/dist/Switch-Dw4tvQls.js.map +1 -0
- package/dist/{Table-BaVT5Tkn.js → Table-CilEvpMq.js} +65 -6
- package/dist/Table-CilEvpMq.js.map +1 -0
- package/dist/{Tabs-CTDmye1N.js → Tabs-C0uvkPHc.js} +5 -5
- package/dist/Tabs-C0uvkPHc.js.map +1 -0
- package/dist/{TextInput-BWYXbfs4.js → TextInput-K2DSDs5O.js} +5 -5
- package/dist/{TextInput-BWYXbfs4.js.map → TextInput-K2DSDs5O.js.map} +1 -1
- package/dist/{ThemeProvider-VF38VfUa.js → ThemeProvider-C8yaKlM1.js} +22 -5
- package/dist/ThemeProvider-C8yaKlM1.js.map +1 -0
- package/dist/{TimePicker-CDGYrRxi.js → TimePicker-DyyV3nw8.js} +2 -2
- package/dist/{TimePicker-CDGYrRxi.js.map → TimePicker-DyyV3nw8.js.map} +1 -1
- package/dist/{Timeline-B-I6sb0M.js → Timeline-DUXgByUE.js} +3 -3
- package/dist/{Timeline-B-I6sb0M.js.map → Timeline-DUXgByUE.js.map} +1 -1
- package/dist/{Toast-NrOdDDru.js → Toast-BGnUL4jV.js} +2 -2
- package/dist/{Toast-NrOdDDru.js.map → Toast-BGnUL4jV.js.map} +1 -1
- package/dist/ToggleAllTooltip-Dlmq-yqS.js +37 -0
- package/dist/ToggleAllTooltip-Dlmq-yqS.js.map +1 -0
- package/dist/{ToggleGroup-Cy_10Mvu.js → ToggleGroup-BOz1yyz6.js} +3 -3
- package/dist/ToggleGroup-BOz1yyz6.js.map +1 -0
- package/dist/{Workbench-DmZzpkj7.js → Workbench-CxgNCs3I.js} +4 -4
- package/dist/{Workbench-DmZzpkj7.js.map → Workbench-CxgNCs3I.js.map} +1 -1
- package/dist/{ZoomableSvg-C65nta_r.js → ZoomableSvg-Dh1OstPN.js} +87 -83
- package/dist/ZoomableSvg-Dh1OstPN.js.map +1 -0
- package/dist/charts.js +1 -1
- package/dist/classNames-DcGnTh2N.js +21 -0
- package/dist/classNames-DcGnTh2N.js.map +1 -0
- package/dist/editors.js +6 -6
- 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/{icons-wcA70iQx.js → icons-ZIeZXXS7.js} +37 -4
- package/dist/icons-ZIeZXXS7.js.map +1 -0
- package/dist/icons.d.ts +2 -2
- package/dist/icons.js +2 -2
- package/dist/{index-B7k-09i1.d.ts → index-D-itZ3VP.d.ts} +14 -3
- package/dist/index.d.ts +942 -424
- package/dist/index.js +72 -70
- package/dist/internal/blocks/AIKit.js +2 -2
- package/dist/internal/blocks/AppShell.js +1 -1
- package/dist/internal/blocks/AuthLayout.js +2 -2
- package/dist/internal/blocks/AutoSaveTextarea.js +1 -1
- package/dist/internal/blocks/BrandEditor.js +1 -1
- package/dist/internal/blocks/ChartPanel.js +2 -2
- package/dist/internal/blocks/ChipEditor.js +4 -4
- 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/DashboardHero.js +2 -2
- package/dist/internal/blocks/DashboardHero.js.map +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/ExportMenu.js +4 -4
- package/dist/internal/blocks/FacebookButton.js +66 -0
- package/dist/internal/blocks/FacebookButton.js.map +1 -0
- 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/GoogleButton.js +2 -2
- package/dist/internal/blocks/InlineEdit.js +2 -0
- package/dist/internal/blocks/MicrosoftButton.js +2 -2
- package/dist/internal/blocks/MultiActionButtonGroup.js +1 -1
- package/dist/internal/blocks/MultiCombobox.js +204 -68
- package/dist/internal/blocks/MultiCombobox.js.map +1 -1
- package/dist/internal/blocks/NumberInput.js +1 -1
- package/dist/internal/blocks/OtpInput.js +1 -1
- package/dist/internal/blocks/PageHeader.js +1 -1
- package/dist/internal/blocks/PageLayout.js +1 -1
- package/dist/internal/blocks/PageToolbar.js +1 -1
- package/dist/internal/blocks/PasswordInput.js +3 -3
- package/dist/internal/blocks/SearchInput.js +1 -1
- package/dist/internal/blocks/SearchInputWithNavigation.js +5 -5
- package/dist/internal/blocks/SectionNav.js +1 -1
- package/dist/internal/blocks/SplitButton.js +6 -5
- package/dist/internal/blocks/SplitButton.js.map +1 -1
- package/dist/internal/blocks/StatCard.js +2 -2
- package/dist/internal/blocks/TextInput.js +1 -1
- package/dist/internal/blocks/Textarea.js +1 -1
- package/dist/internal/blocks/TimeInput.js +4 -4
- package/dist/internal/components/Alert.js +1 -1
- package/dist/internal/components/AlertModal.js +1 -1
- package/dist/internal/components/Avatar.js +2 -2
- 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 +1 -1
- package/dist/internal/components/ButtonGroup.js +1 -1
- package/dist/internal/components/Calendar.js +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/Collapsible.js +1 -1
- package/dist/internal/components/CollapsiblePanel.js +5 -5
- package/dist/internal/components/CollapsiblePanel.js.map +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/DiffView.js +1 -1
- package/dist/internal/components/DotsLoader.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/Label.js +2 -2
- package/dist/internal/components/Label.js.map +1 -1
- package/dist/internal/components/Link.js +1 -1
- package/dist/internal/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.js +2 -2
- 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/PanelWithDetails.js +3 -3
- package/dist/internal/components/Popconfirm.js +1 -1
- package/dist/internal/components/Popover.js +1 -1
- package/dist/internal/components/Progress.js +1 -1
- package/dist/internal/components/RadioGroup.js +1 -1
- package/dist/internal/components/Resizable.js +1 -1
- package/dist/internal/components/ScrollArea.js +1 -1
- package/dist/internal/components/Search.js +1 -1
- package/dist/internal/components/Select.js +1 -1
- package/dist/internal/components/Separator.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/Skeleton/SkeletonList.js +1 -1
- package/dist/internal/components/Slider.js +1 -1
- package/dist/internal/components/SpotlightBackdrop.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 +1 -1
- package/dist/internal/components/TimePicker.js +1 -1
- package/dist/internal/components/Timeline.js +1 -1
- package/dist/internal/components/Toast.js +2 -2
- package/dist/internal/components/Toggle.js +5 -5
- package/dist/internal/components/Toggle.js.map +1 -1
- package/dist/internal/components/ToggleGroup.js +1 -1
- package/dist/internal/components/Tooltip.js +1 -1
- package/dist/internal/components/Truncated.js +2 -2
- package/dist/internal/components/Workbench.js +1 -1
- package/dist/internal/components/ZoomableSvg.js +1 -1
- package/dist/internal/utils.js +2 -2
- package/dist/markdown-editor.js +14 -14
- 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 +101 -14
- package/dist/rjsf.js.map +1 -1
- package/dist/{styles-DBGXH5-_.js → styles-BDA5rQz3.js} +6 -6
- package/dist/styles-BDA5rQz3.js.map +1 -0
- package/dist/{styles-gzcjOyKv.js → styles-YQdM7G8c.js} +3 -3
- package/dist/{styles-gzcjOyKv.js.map → styles-YQdM7G8c.js.map} +1 -1
- 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.js +1 -1
- package/dist/{themeTokens-7DEab0kp.js → themeTokens-l2Fsfcs7.js} +3 -12
- package/dist/themeTokens-l2Fsfcs7.js.map +1 -0
- package/dist/{toast-CyXEdaCZ.js → toast-D6Z6MOB5.js} +5 -5
- package/dist/toast-D6Z6MOB5.js.map +1 -0
- package/dist/{utils-Bd28bWgm.js → utils-LQ4jJA-9.js} +21 -5
- package/dist/utils-LQ4jJA-9.js.map +1 -0
- package/dist/vega.js +1 -1
- package/dist/vegaTheme-BrmVoPEz.js +49 -0
- package/dist/vegaTheme-BrmVoPEz.js.map +1 -0
- package/dist/{vegaTheme-VQMWTlBw.js → vegaTokens-Ce07C0DH.js} +36 -44
- package/dist/vegaTokens-Ce07C0DH.js.map +1 -0
- package/package.json +4 -4
- package/src/styles.css +183 -4
- package/src/theme.css +47 -3
- package/dist/AIKit-BVCWP9Ks.js.map +0 -1
- package/dist/AlertModal-mbSnuuka.js.map +0 -1
- package/dist/BrandEditor-P8OZX2hi.js.map +0 -1
- package/dist/Breadcrumb-BUoAZyhO.js.map +0 -1
- package/dist/Button-B21oVcPU.js.map +0 -1
- package/dist/Card-BQmBWHXl.js.map +0 -1
- package/dist/Checkbox-8yIIgY7g.js.map +0 -1
- package/dist/Combobox-BNhW0TDB.js.map +0 -1
- package/dist/Command-BQPiZCNz.js.map +0 -1
- package/dist/DiagramSource-C5_d8Gdj.js +0 -11
- package/dist/DiagramSource-C5_d8Gdj.js.map +0 -1
- package/dist/DropdownMenu-BJGLjpVc.js.map +0 -1
- package/dist/FieldBox-D7DYtX_m.js.map +0 -1
- package/dist/FileUpload-Ch2hrIWq.js.map +0 -1
- package/dist/HoverCard-B8OKu9XZ.js +0 -31
- package/dist/HoverCard-B8OKu9XZ.js.map +0 -1
- package/dist/MermaidDiagram-B30x2yV7.js +0 -302
- package/dist/MermaidDiagram-B30x2yV7.js.map +0 -1
- package/dist/Modal-BkSuS9Yz.js.map +0 -1
- package/dist/ModalTitle-BxopkIoQ.js.map +0 -1
- package/dist/Navbar-B_DNpv5s.js.map +0 -1
- package/dist/PageHeader-CgfyXpf1.js.map +0 -1
- package/dist/Pagination-DH3f6LN0.js.map +0 -1
- package/dist/Popover-CEk915I1.js.map +0 -1
- package/dist/Select-B4uK0QVm.js.map +0 -1
- package/dist/Sheet-D0fAE14T.js.map +0 -1
- package/dist/Sidebar-D9ytIs8V.js.map +0 -1
- package/dist/Switch-DZvNePOm.js.map +0 -1
- package/dist/Table-BaVT5Tkn.js.map +0 -1
- package/dist/Tabs-CTDmye1N.js.map +0 -1
- package/dist/ThemeProvider-VF38VfUa.js.map +0 -1
- package/dist/ToggleGroup-Cy_10Mvu.js.map +0 -1
- package/dist/ZoomableSvg-C65nta_r.js.map +0 -1
- package/dist/classNames-BzrkDnOD.js +0 -9
- package/dist/classNames-BzrkDnOD.js.map +0 -1
- package/dist/icons-wcA70iQx.js.map +0 -1
- package/dist/styles-DBGXH5-_.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.map +0 -1
- package/dist/toast-CyXEdaCZ.js.map +0 -1
- package/dist/utils-Bd28bWgm.js.map +0 -1
- package/dist/vegaTheme-VQMWTlBw.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { BrandId, ColorScheme, ResolvedColorScheme, Theme, Tokens } from "./types-BPcAjMG0.js";
|
|
2
2
|
import { ChangeClassification, DiffChunk, FieldItemProps, MergeConflict } from "./FieldItem-CPN1xjN5.js";
|
|
3
|
-
import { LucideIcon } from "./index-
|
|
4
|
-
import { Slot, Slot as Slot$1 } from "@radix-ui/react-slot";
|
|
3
|
+
import { LucideIcon } from "./index-D-itZ3VP.js";
|
|
5
4
|
import * as React$2 from "react";
|
|
6
|
-
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
|
+
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";
|
|
9
9
|
import { VariantProps } from "class-variance-authority";
|
|
@@ -27,15 +27,15 @@ 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
|
-
import { AnyFormApi } from "@tanstack/react-form";
|
|
31
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";
|
|
32
32
|
import { Components, Options } from "react-markdown";
|
|
33
|
-
import { Root as Root$
|
|
34
|
-
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";
|
|
35
34
|
import { Action as Action$1, ExternalToast, Toaster as Toaster$1 } from "sonner";
|
|
36
35
|
import { Brand, Brand as Brand$1, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar } from "@keboola/brand-registry";
|
|
37
36
|
import { Group as Group$1, Panel as ResizablePanel, PanelImperativeHandle, Separator as Separator$1, useDefaultLayout } from "react-resizable-panels";
|
|
38
37
|
import * as RadixTabs from "@radix-ui/react-tabs";
|
|
38
|
+
import { AnyFormApi } from "@tanstack/form-core";
|
|
39
39
|
//#region src/components/Button/styles.d.ts
|
|
40
40
|
declare const variants$7: (props?: ({
|
|
41
41
|
block?: boolean | null | undefined;
|
|
@@ -50,8 +50,8 @@ declare const argoVariants: (props?: ({
|
|
|
50
50
|
//#endregion
|
|
51
51
|
//#region src/components/Button/Button.d.ts
|
|
52
52
|
/** Props for `Button`; icons are composed as children. */
|
|
53
|
-
type Props$
|
|
54
|
-
/**
|
|
53
|
+
type Props$279 = {
|
|
54
|
+
/** Shows a spinner in place of the leading icon, or before the label when there is none. The caller still controls `disabled`. */
|
|
55
55
|
isLoading?: boolean;
|
|
56
56
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
57
57
|
asChild?: boolean;
|
|
@@ -65,31 +65,31 @@ type Props$270 = {
|
|
|
65
65
|
* @see RECIPES.md#disabled-button-tooltip
|
|
66
66
|
* @see RECIPES.md#confirm-dialog
|
|
67
67
|
*/
|
|
68
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$
|
|
68
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$279) => import("react").JSX.Element;
|
|
69
69
|
//#endregion
|
|
70
70
|
//#region src/components/Button/ButtonInline.d.ts
|
|
71
71
|
declare const buttonInlineVariants: (props?: ({
|
|
72
72
|
color?: "custom" | "danger" | "dark" | "link" | "muted" | null | undefined;
|
|
73
73
|
variant?: "custom" | "link" | "link-reverse" | null | undefined;
|
|
74
74
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
75
|
-
type Props$
|
|
75
|
+
type Props$278 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
76
76
|
asChild?: boolean;
|
|
77
77
|
};
|
|
78
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
78
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$278) => import("react").JSX.Element;
|
|
79
79
|
//#endregion
|
|
80
80
|
//#region src/components/ButtonGroup/ButtonGroup.d.ts
|
|
81
81
|
declare const buttonGroupVariant: (props?: ({
|
|
82
82
|
variant?: "block" | "inline" | null | undefined;
|
|
83
83
|
space?: "compact" | "extra-small" | "large" | "little-small" | "medium" | "small" | null | undefined;
|
|
84
84
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
85
|
-
type Props$
|
|
85
|
+
type Props$277 = {
|
|
86
86
|
children: ReactNode;
|
|
87
87
|
className?: string;
|
|
88
88
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
89
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
89
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$277) => import("react").JSX.Element;
|
|
90
90
|
//#endregion
|
|
91
91
|
//#region src/components/DropdownMenu/DropdownMenuItem.d.ts
|
|
92
|
-
type Props$
|
|
92
|
+
type Props$276 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
93
93
|
/**
|
|
94
94
|
* Stops the closing item stealing focus from the modal it opens (breaks `autoFocus`).
|
|
95
95
|
* https://github.com/radix-ui/primitives/issues/2193#issuecomment-2758461323
|
|
@@ -100,22 +100,115 @@ type Props$267 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
|
100
100
|
isLoading?: boolean;
|
|
101
101
|
iconClassName?: string;
|
|
102
102
|
};
|
|
103
|
-
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$
|
|
103
|
+
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$276) => import("react").JSX.Element;
|
|
104
|
+
//#endregion
|
|
105
|
+
//#region src/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts
|
|
106
|
+
type Props$275 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
107
|
+
closeOnSelect?: boolean;
|
|
108
|
+
indicator?: 'switch' | 'checkbox' | 'check';
|
|
109
|
+
indicatorAlign?: 'start' | 'end';
|
|
110
|
+
isLoading?: boolean;
|
|
111
|
+
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so mixed menus line up. */
|
|
112
|
+
icon?: ReactNode;
|
|
113
|
+
};
|
|
114
|
+
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$275) => import("react").JSX.Element;
|
|
115
|
+
//#endregion
|
|
116
|
+
//#region src/components/DropdownMenu/DropdownMenuContent.d.ts
|
|
117
|
+
type Props$274 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
|
|
118
|
+
forceMount?: boolean;
|
|
119
|
+
/** Classes for the inner scroll area, not the popup. Set a width, not a `max-width` (clips rows). */
|
|
120
|
+
className?: string;
|
|
121
|
+
viewPortClassName?: string;
|
|
122
|
+
container?: HTMLElement | null;
|
|
123
|
+
};
|
|
124
|
+
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$274) => import("react").JSX.Element;
|
|
125
|
+
//#endregion
|
|
126
|
+
//#region src/components/DropdownMenu/DropdownMenuItemDescription.d.ts
|
|
127
|
+
type Props$273 = ComponentProps<'span'> & {
|
|
128
|
+
hideOnHover?: boolean;
|
|
129
|
+
};
|
|
130
|
+
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$273) => import("react").JSX.Element;
|
|
131
|
+
//#endregion
|
|
132
|
+
//#region src/components/DropdownMenu/DropdownMenuLabel.d.ts
|
|
133
|
+
type Props$272 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
|
|
134
|
+
declare const DropdownMenuLabel: ({ className, ...props }: Props$272) => import("react").JSX.Element;
|
|
135
|
+
//#endregion
|
|
136
|
+
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.d.ts
|
|
137
|
+
type Props$271<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
|
|
138
|
+
value?: Value;
|
|
139
|
+
defaultValue?: Value;
|
|
140
|
+
onValueChange?: (value: Value) => void;
|
|
141
|
+
};
|
|
142
|
+
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$271<Value>) => import("react").JSX.Element;
|
|
143
|
+
//#endregion
|
|
144
|
+
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.d.ts
|
|
145
|
+
type Props$270 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
146
|
+
closeOnSelect?: boolean;
|
|
147
|
+
indicatorAlign?: 'start' | 'end';
|
|
148
|
+
indicator?: 'radio' | 'check' | 'none';
|
|
149
|
+
icon?: ReactNode;
|
|
150
|
+
iconClassName?: string;
|
|
151
|
+
isLoading?: boolean;
|
|
152
|
+
};
|
|
153
|
+
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$270) => import("react").JSX.Element;
|
|
154
|
+
//#endregion
|
|
155
|
+
//#region src/components/DropdownMenu/DropdownMenuSeparator.d.ts
|
|
156
|
+
type Props$269 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
157
|
+
declare const DropdownMenuSeparator: ({ className, ...props }: Props$269) => import("react").JSX.Element;
|
|
158
|
+
//#endregion
|
|
159
|
+
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.d.ts
|
|
160
|
+
declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
161
|
+
//#endregion
|
|
162
|
+
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.d.ts
|
|
163
|
+
type Props$268 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
|
|
164
|
+
declare const DropdownMenuSubContent: ({ className, ...props }: Props$268) => import("react").JSX.Element;
|
|
165
|
+
//#endregion
|
|
166
|
+
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.d.ts
|
|
167
|
+
type Props$267 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
168
|
+
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so the trigger lines up with items. */
|
|
169
|
+
icon?: ReactNode;
|
|
170
|
+
};
|
|
171
|
+
declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$267) => import("react").JSX.Element;
|
|
172
|
+
//#endregion
|
|
173
|
+
//#region src/components/DropdownMenu/DropdownMenuTrigger.d.ts
|
|
174
|
+
type Props$266 = ComponentProps<typeof Trigger$2>;
|
|
175
|
+
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$266) => import("react").JSX.Element;
|
|
176
|
+
//#endregion
|
|
177
|
+
//#region src/components/DropdownMenu/DropdownMenu.d.ts
|
|
178
|
+
type Props$265 = ComponentProps<typeof Root$2>;
|
|
179
|
+
declare function DropdownMenu({ modal, ...props }: Props$265): import("react").JSX.Element;
|
|
180
|
+
declare namespace DropdownMenu {
|
|
181
|
+
export { DropdownMenuTrigger as Trigger };
|
|
182
|
+
export { DropdownMenuContent as Content };
|
|
183
|
+
export { Group };
|
|
184
|
+
export { DropdownMenuSub as Sub };
|
|
185
|
+
export { DropdownMenuSubContent as SubContent };
|
|
186
|
+
export { DropdownMenuSubTrigger as SubTrigger };
|
|
187
|
+
export { DropdownMenuSeparator as Separator };
|
|
188
|
+
export { DropdownMenuLabel as Label };
|
|
189
|
+
export { DropdownMenuItem as Item };
|
|
190
|
+
export { DropdownMenuCheckboxItem as CheckboxItem };
|
|
191
|
+
export { DropdownMenuRadioGroup as RadioGroup };
|
|
192
|
+
export { DropdownMenuRadioItem as RadioItem };
|
|
193
|
+
export { DropdownMenuItemDescription as ItemDescription };
|
|
194
|
+
}
|
|
104
195
|
//#endregion
|
|
105
196
|
//#region src/blocks/SplitButton/SplitButton.d.ts
|
|
106
197
|
type Variant$9 = ComponentProps<typeof Button>['variant'];
|
|
107
|
-
type Size = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
108
|
-
type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
109
|
-
type Props$
|
|
198
|
+
type Size$1 = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
199
|
+
type SpitButtonSize = Exclude<Size$1, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
200
|
+
type Props$264 = {
|
|
110
201
|
actions?: ReactNode;
|
|
111
202
|
isActionsOpen?: boolean;
|
|
112
203
|
onActionsOpenChange?: (open: boolean) => void;
|
|
204
|
+
/** Runs as the actions menu closes; prevent it to keep focus off the trigger, e.g. for a modal. */
|
|
205
|
+
onActionsCloseAutoFocus?: ComponentProps<typeof DropdownMenu.Content>['onCloseAutoFocus'];
|
|
113
206
|
/** Optional leading-icon slot — pass a Lucide icon node. */
|
|
114
207
|
icon?: ReactNode;
|
|
115
208
|
variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
|
|
116
209
|
size?: SpitButtonSize;
|
|
117
210
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
118
|
-
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$
|
|
211
|
+
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$264) => import("react").JSX.Element;
|
|
119
212
|
declare const SplitButton: typeof SplitButtonBase & {
|
|
120
213
|
Action: typeof DropdownMenuItem;
|
|
121
214
|
Actions: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -125,23 +218,31 @@ declare const SplitButton: typeof SplitButtonBase & {
|
|
|
125
218
|
declare const tooltipVariants: (props?: ({
|
|
126
219
|
variant?: "action" | "explanatory" | null | undefined;
|
|
127
220
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
128
|
-
type Props$
|
|
221
|
+
type Props$263 = {
|
|
129
222
|
keepOpenOnPointerDownOutside?: boolean;
|
|
130
223
|
/** Force argo (`true`) or legacy (`false`) chrome; `undefined` follows the brand. */
|
|
131
224
|
argo?: boolean;
|
|
132
225
|
placement?: ComponentProps<typeof Content>['side'];
|
|
133
226
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
134
|
-
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, argo, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$
|
|
227
|
+
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, argo, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$263) => import("react").JSX.Element;
|
|
135
228
|
//#endregion
|
|
136
229
|
//#region src/components/Tooltip/TooltipRoot.d.ts
|
|
137
|
-
type Props$
|
|
138
|
-
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$
|
|
230
|
+
type Props$262 = ComponentProps<typeof Root$1>;
|
|
231
|
+
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$262) => import("react").JSX.Element;
|
|
232
|
+
//#endregion
|
|
233
|
+
//#region src/components/Tooltip/TooltipTitle.d.ts
|
|
234
|
+
/**
|
|
235
|
+
* Small uppercase heading above a rich tooltip's body copy.
|
|
236
|
+
*
|
|
237
|
+
* - Takes the tooltip's text colour, so it reads on both the legacy and the argo chrome.
|
|
238
|
+
*/
|
|
239
|
+
declare const TooltipTitle: ({ className, ...rest }: ComponentProps<'div'>) => import("react").JSX.Element;
|
|
139
240
|
//#endregion
|
|
140
241
|
//#region src/components/Tooltip/TooltipTrigger.d.ts
|
|
141
|
-
type Props$
|
|
242
|
+
type Props$261 = {
|
|
142
243
|
keepOpenOnClick?: boolean;
|
|
143
244
|
} & ComponentProps<typeof Trigger$1>;
|
|
144
|
-
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$
|
|
245
|
+
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$261) => import("react").JSX.Element;
|
|
145
246
|
//#endregion
|
|
146
247
|
//#region src/components/Tooltip/Tooltip.d.ts
|
|
147
248
|
declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-neutral-300 tw:underline-offset-2";
|
|
@@ -174,10 +275,11 @@ declare namespace Tooltip {
|
|
|
174
275
|
export { TooltipRoot as Root };
|
|
175
276
|
export { TooltipContent as Content };
|
|
176
277
|
export { TooltipTrigger as Trigger };
|
|
278
|
+
export { TooltipTitle as Title };
|
|
177
279
|
}
|
|
178
280
|
//#endregion
|
|
179
281
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButton.d.ts
|
|
180
|
-
type Props$
|
|
282
|
+
type Props$260 = {
|
|
181
283
|
disabled?: boolean;
|
|
182
284
|
icon: ReactNode;
|
|
183
285
|
isLoading?: boolean;
|
|
@@ -187,13 +289,13 @@ type Props$262 = {
|
|
|
187
289
|
tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];
|
|
188
290
|
'data-testid'?: string;
|
|
189
291
|
};
|
|
190
|
-
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$
|
|
292
|
+
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$260) => import("react").JSX.Element;
|
|
191
293
|
//#endregion
|
|
192
294
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButtonGroup.d.ts
|
|
193
|
-
type Props$
|
|
295
|
+
type Props$259 = {
|
|
194
296
|
className?: string;
|
|
195
297
|
} & PropsWithChildren;
|
|
196
|
-
declare function MultiActionButtonGroup({ children, className }: Props$
|
|
298
|
+
declare function MultiActionButtonGroup({ children, className }: Props$259): import("react").JSX.Element;
|
|
197
299
|
declare namespace MultiActionButtonGroup {
|
|
198
300
|
export { MultiActionButton as Button };
|
|
199
301
|
}
|
|
@@ -205,12 +307,12 @@ declare const toggleVariants: (props?: ({
|
|
|
205
307
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
206
308
|
iconOnly?: boolean | null | undefined;
|
|
207
309
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
208
|
-
type Props$
|
|
310
|
+
type Props$258 = {
|
|
209
311
|
icon?: ReactNode;
|
|
210
312
|
badge?: ReactNode;
|
|
211
313
|
orientation?: 'horizontal' | 'vertical';
|
|
212
314
|
} & ComponentProps<typeof Root$3> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
|
|
213
|
-
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$
|
|
315
|
+
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$258) => import("react").JSX.Element;
|
|
214
316
|
//#endregion
|
|
215
317
|
//#region src/components/ToggleGroup/ToggleGroup.d.ts
|
|
216
318
|
declare const rootVariants: (props?: ({
|
|
@@ -230,30 +332,30 @@ declare const ToggleGroup: typeof Root$20 & {
|
|
|
230
332
|
};
|
|
231
333
|
//#endregion
|
|
232
334
|
//#region src/components/Clipboard/Clipboard.d.ts
|
|
233
|
-
type Props$
|
|
335
|
+
type Props$257 = {
|
|
234
336
|
tooltip?: Props$10['tooltip'];
|
|
235
337
|
tooltipPlacement?: Props$10['placement'];
|
|
236
338
|
tooltipVariant?: Props$10['variant'];
|
|
237
339
|
asChild?: Props$10['triggerAsChild'];
|
|
238
340
|
text?: string | (() => string);
|
|
239
341
|
} & ComponentProps<'button'>;
|
|
240
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
342
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$257) => import("react").JSX.Element;
|
|
241
343
|
//#endregion
|
|
242
344
|
//#region src/blocks/ClipboardButton/ClipboardButton.d.ts
|
|
243
345
|
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
244
346
|
type ButtonProps$4 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
245
|
-
type Props$
|
|
347
|
+
type Props$256 = ClipboardProps$1 & ButtonProps$4 & {
|
|
246
348
|
icon?: ReactNode;
|
|
247
349
|
};
|
|
248
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
350
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$256) => import("react").JSX.Element;
|
|
249
351
|
//#endregion
|
|
250
352
|
//#region src/blocks/ClipboardButton/ClipboardInline.d.ts
|
|
251
353
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
252
354
|
type ButtonProps$3 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
253
|
-
type Props$
|
|
355
|
+
type Props$255 = {
|
|
254
356
|
hideIcon?: boolean;
|
|
255
357
|
} & ClipboardProps & ButtonProps$3;
|
|
256
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
358
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$255) => import("react").JSX.Element;
|
|
257
359
|
//#endregion
|
|
258
360
|
//#region src/blocks/ExportMenu/ExportMenu.d.ts
|
|
259
361
|
type ExportMenuItem = {
|
|
@@ -261,7 +363,7 @@ type ExportMenuItem = {
|
|
|
261
363
|
label: string;
|
|
262
364
|
onSelect: () => void;
|
|
263
365
|
};
|
|
264
|
-
type Props$
|
|
366
|
+
type Props$254 = {
|
|
265
367
|
items: ExportMenuItem[];
|
|
266
368
|
/** Accessible name + tooltip for the trigger, e.g. "Export table". */
|
|
267
369
|
label: string;
|
|
@@ -275,7 +377,7 @@ type Props$256 = {
|
|
|
275
377
|
* - Callers inject it into `ZoomableSvg`; importing it there would pull ~11 kB of
|
|
276
378
|
* `DropdownMenu` chunk-mates behind the lazy `@keboola/design/mermaid` boundary.
|
|
277
379
|
*/
|
|
278
|
-
declare const ExportMenu: ({ items, label, size, variant }: Props$
|
|
380
|
+
declare const ExportMenu: ({ items, label, size, variant }: Props$254) => import("react").JSX.Element;
|
|
279
381
|
//#endregion
|
|
280
382
|
//#region src/blocks/CopyField/CopyBox.d.ts
|
|
281
383
|
type CopyBoxProps = {
|
|
@@ -433,16 +535,33 @@ declare const CopyField: {
|
|
|
433
535
|
//#endregion
|
|
434
536
|
//#region src/blocks/MicrosoftButton/MicrosoftButton.d.ts
|
|
435
537
|
/** The same Microsoft mark supports these call-to-action wordings. */
|
|
436
|
-
declare const LABELS$
|
|
538
|
+
declare const LABELS$2: {
|
|
437
539
|
readonly signin: 'Sign in with Microsoft';
|
|
438
540
|
readonly signup: 'Sign up with Microsoft';
|
|
439
541
|
readonly continue: 'Continue with Microsoft';
|
|
440
542
|
};
|
|
441
|
-
type Props$
|
|
543
|
+
type Props$253 = ComponentPropsWithRef<'button'> & {
|
|
544
|
+
label?: keyof typeof LABELS$2;
|
|
545
|
+
isLoading?: boolean;
|
|
546
|
+
};
|
|
547
|
+
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$253) => import("react").JSX.Element;
|
|
548
|
+
//#endregion
|
|
549
|
+
//#region src/blocks/FacebookButton/FacebookButton.d.ts
|
|
550
|
+
/** The call-to-action wordings Meta's Facebook Login guidelines prefer. */
|
|
551
|
+
declare const LABELS$1: {
|
|
552
|
+
readonly login: 'Log in with Facebook';
|
|
553
|
+
readonly continue: 'Continue with Facebook';
|
|
554
|
+
};
|
|
555
|
+
type Props$252 = ComponentPropsWithRef<'button'> & {
|
|
442
556
|
label?: keyof typeof LABELS$1;
|
|
443
557
|
isLoading?: boolean;
|
|
444
558
|
};
|
|
445
|
-
|
|
559
|
+
/**
|
|
560
|
+
* Meta's Facebook Blue login button, the same in every brand and colour scheme.
|
|
561
|
+
*
|
|
562
|
+
* - The fill is the logo pack's Facebook Blue; the mark is the secondary logo (white disc).
|
|
563
|
+
*/
|
|
564
|
+
declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$252) => import("react").JSX.Element;
|
|
446
565
|
//#endregion
|
|
447
566
|
//#region src/blocks/GoogleButton/GoogleButton.d.ts
|
|
448
567
|
declare const LABELS: {
|
|
@@ -456,15 +575,15 @@ declare const variants$6: (props?: ({
|
|
|
456
575
|
shape?: "circle" | "rectangular" | null | undefined;
|
|
457
576
|
size?: "default" | "icon" | null | undefined;
|
|
458
577
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
459
|
-
type Props$
|
|
578
|
+
type Props$251 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
|
|
460
579
|
label?: keyof typeof LABELS;
|
|
461
580
|
isLoading?: boolean;
|
|
462
581
|
};
|
|
463
|
-
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
582
|
+
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$251) => import("react").JSX.Element;
|
|
464
583
|
//#endregion
|
|
465
584
|
//#region src/components/Link.d.ts
|
|
466
|
-
type Props$
|
|
467
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
585
|
+
type Props$250 = ComponentProps<'a'>;
|
|
586
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$250) => import("react").JSX.Element;
|
|
468
587
|
//#endregion
|
|
469
588
|
//#region src/components/AlertModal/variant.d.ts
|
|
470
589
|
/**
|
|
@@ -474,7 +593,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
|
|
|
474
593
|
type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
475
594
|
//#endregion
|
|
476
595
|
//#region src/components/AlertModal/AlertModalContent.d.ts
|
|
477
|
-
type Props$
|
|
596
|
+
type Props$249 = {
|
|
478
597
|
variant?: AlertModalVariant;
|
|
479
598
|
/** `false` draws no icon at all, and gives the title and body its column. */
|
|
480
599
|
icon?: ReactNode | false;
|
|
@@ -485,23 +604,23 @@ type Props$252 = {
|
|
|
485
604
|
confirmDisabled?: boolean;
|
|
486
605
|
container?: ComponentProps<typeof Portal$1>['container'];
|
|
487
606
|
} & Omit<ComponentProps<typeof Content$1>, 'title'>;
|
|
488
|
-
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$
|
|
607
|
+
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$249) => import("react").JSX.Element;
|
|
489
608
|
//#endregion
|
|
490
609
|
//#region src/components/AlertModal/AlertModalTrigger.d.ts
|
|
491
|
-
type Props$
|
|
492
|
-
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$
|
|
610
|
+
type Props$248 = ComponentPropsWithRef<typeof Trigger$3>;
|
|
611
|
+
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$248) => import("react").JSX.Element;
|
|
493
612
|
//#endregion
|
|
494
613
|
//#region src/components/AlertModal/AlertModal.d.ts
|
|
495
614
|
type ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
|
|
496
615
|
type CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;
|
|
497
|
-
type Props$
|
|
616
|
+
type Props$247 = {
|
|
498
617
|
onConfirm?: ConfirmHandler;
|
|
499
618
|
onCancel?: CancelHandler;
|
|
500
619
|
skipAsyncWait?: boolean;
|
|
501
620
|
/** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
|
|
502
621
|
isLoading?: boolean;
|
|
503
622
|
} & ComponentProps<typeof Root$4>;
|
|
504
|
-
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$
|
|
623
|
+
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$247): import("react").JSX.Element;
|
|
505
624
|
declare namespace AlertModal {
|
|
506
625
|
export { AlertModalTrigger as Trigger };
|
|
507
626
|
export { AlertModalContent as Content };
|
|
@@ -509,33 +628,35 @@ declare namespace AlertModal {
|
|
|
509
628
|
//#endregion
|
|
510
629
|
//#region src/components/Modal/ModalBody.d.ts
|
|
511
630
|
/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as="form"` is reserved for future use. */
|
|
512
|
-
type Props$
|
|
631
|
+
type Props$246 = ComponentProps<'div'> & {
|
|
513
632
|
as?: 'form';
|
|
514
633
|
};
|
|
515
634
|
/**
|
|
516
635
|
* Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.
|
|
517
636
|
* Takes available height inside `Modal.Content` and scrolls when content overflows.
|
|
518
637
|
*/
|
|
519
|
-
declare const ModalBody: ({ className, ...props }: Props$
|
|
638
|
+
declare const ModalBody: ({ className, ...props }: Props$246) => import("react").JSX.Element;
|
|
520
639
|
//#endregion
|
|
521
640
|
//#region src/components/Modal/ModalContent.d.ts
|
|
522
|
-
type Props$
|
|
641
|
+
type Props$245 = ComponentProps<typeof Content$2> & {
|
|
523
642
|
size?: 'small' | 'medium' | 'large';
|
|
643
|
+
/** `top` keeps a form that changes height in place; ignored by the legacy brand (always top-anchored). */
|
|
644
|
+
align?: 'center' | 'top';
|
|
524
645
|
};
|
|
525
|
-
declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$
|
|
646
|
+
declare const ModalContent: ({ size, align, className, children, onEscapeKeyDown, ...props }: Props$245) => import("react").JSX.Element;
|
|
526
647
|
//#endregion
|
|
527
648
|
//#region src/components/Modal/ModalFooter.d.ts
|
|
528
|
-
type Props$
|
|
649
|
+
type Props$244 = ComponentPropsWithRef<'div'>;
|
|
529
650
|
/**
|
|
530
651
|
* The modal's action row.
|
|
531
652
|
*
|
|
532
653
|
* - A child that should fill the row carries `tw:w-full` itself; the footer is already full width.
|
|
533
654
|
* - tailwind-merge replaces only within a group: `tw:flex-col` keeps `items-center`, so add `tw:items-stretch`.
|
|
534
655
|
*/
|
|
535
|
-
declare const ModalFooter: ({ className, ...props }: Props$
|
|
656
|
+
declare const ModalFooter: ({ className, ...props }: Props$244) => import("react").JSX.Element;
|
|
536
657
|
//#endregion
|
|
537
658
|
//#region src/components/Modal/ModalHeader.d.ts
|
|
538
|
-
type Props$
|
|
659
|
+
type Props$243 = {
|
|
539
660
|
/** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */
|
|
540
661
|
icon?: ReactNode;
|
|
541
662
|
/** Visible subtitle below the title (also fills `aria-describedby`). */
|
|
@@ -548,11 +669,11 @@ type Props$246 = {
|
|
|
548
669
|
hideCloseIcon?: boolean;
|
|
549
670
|
} & ComponentProps<'div'>;
|
|
550
671
|
/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */
|
|
551
|
-
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$
|
|
672
|
+
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$243) => import("react").JSX.Element;
|
|
552
673
|
//#endregion
|
|
553
674
|
//#region src/components/Modal/ModalIcon.d.ts
|
|
554
675
|
type NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';
|
|
555
|
-
type Props$
|
|
676
|
+
type Props$242 = {
|
|
556
677
|
color: NamedColor | (string & {});
|
|
557
678
|
icon: ReactNode;
|
|
558
679
|
};
|
|
@@ -564,25 +685,25 @@ type Props$245 = {
|
|
|
564
685
|
* - CSS (`group-data-[argo=true]/modal:`) toggles the two, no context.
|
|
565
686
|
* - `color` is categorical (`red` destructive … `violet` agent), fixed across brand themes.
|
|
566
687
|
*/
|
|
567
|
-
declare const ModalIcon: ({ color, icon }: Props$
|
|
688
|
+
declare const ModalIcon: ({ color, icon }: Props$242) => import("react").JSX.Element;
|
|
568
689
|
//#endregion
|
|
569
690
|
//#region src/components/Modal/ModalImage.d.ts
|
|
570
|
-
type Props$
|
|
691
|
+
type Props$241 = {
|
|
571
692
|
src: string;
|
|
572
693
|
/** Accessible alt text. Defaults to `""` (decorative) — provide it when the image carries meaning. */
|
|
573
694
|
alt?: string;
|
|
574
695
|
};
|
|
575
|
-
declare const ModalImage: ({ src, alt }: Props$
|
|
696
|
+
declare const ModalImage: ({ src, alt }: Props$241) => import("react").JSX.Element | null;
|
|
576
697
|
//#endregion
|
|
577
698
|
//#region src/components/Modal/ModalOverlay.d.ts
|
|
578
|
-
type Props$
|
|
699
|
+
type Props$240 = ComponentProps<typeof Overlay$1> & {
|
|
579
700
|
disableTransition?: boolean;
|
|
580
701
|
};
|
|
581
|
-
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$
|
|
702
|
+
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$240) => import("react").JSX.Element;
|
|
582
703
|
//#endregion
|
|
583
704
|
//#region src/components/Modal/Modal.d.ts
|
|
584
|
-
type Props$
|
|
585
|
-
declare function Modal(props: Props$
|
|
705
|
+
type Props$239 = ComponentProps<typeof Root$5>;
|
|
706
|
+
declare function Modal(props: Props$239): import("react").JSX.Element;
|
|
586
707
|
declare namespace Modal {
|
|
587
708
|
export { Close };
|
|
588
709
|
export { Trigger$4 as Trigger };
|
|
@@ -596,13 +717,13 @@ declare namespace Modal {
|
|
|
596
717
|
}
|
|
597
718
|
//#endregion
|
|
598
719
|
//#region src/components/FullScreenModal/FullScreenModalBody.d.ts
|
|
599
|
-
type Props$
|
|
600
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
720
|
+
type Props$238 = HTMLAttributes<HTMLDivElement>;
|
|
721
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$238 & {
|
|
601
722
|
ref?: Ref<HTMLDivElement>;
|
|
602
723
|
}) => import("react").JSX.Element;
|
|
603
724
|
//#endregion
|
|
604
725
|
//#region src/components/FullScreenModal/FullScreenModalHeader.d.ts
|
|
605
|
-
type Props$
|
|
726
|
+
type Props$237 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
606
727
|
title: ReactNode;
|
|
607
728
|
titleClassName?: string;
|
|
608
729
|
titleWrapperClassName?: string;
|
|
@@ -611,17 +732,17 @@ type Props$240 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
611
732
|
onClose?: () => void;
|
|
612
733
|
showPreviousTitle?: boolean;
|
|
613
734
|
}>;
|
|
614
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
735
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$237) => import("react").JSX.Element;
|
|
615
736
|
//#endregion
|
|
616
737
|
//#region src/components/FullScreenModal/FullScreenModalRoot.d.ts
|
|
617
|
-
type Props$
|
|
738
|
+
type Props$236 = HTMLAttributes<HTMLDivElement> & {
|
|
618
739
|
children: ReactNode;
|
|
619
740
|
/** Lock body scroll when modal is open. Default: true */
|
|
620
741
|
lockBodyScroll?: boolean;
|
|
621
742
|
/** Callback when ESC key is pressed */
|
|
622
743
|
onEscapeKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
623
744
|
};
|
|
624
|
-
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$
|
|
745
|
+
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$236) => import("react").ReactPortal;
|
|
625
746
|
//#endregion
|
|
626
747
|
//#region src/components/FullScreenModal/FullScreenModal.d.ts
|
|
627
748
|
declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
@@ -630,42 +751,42 @@ declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
|
630
751
|
};
|
|
631
752
|
//#endregion
|
|
632
753
|
//#region src/components/Sheet/SheetBody.d.ts
|
|
633
|
-
type Props$
|
|
634
|
-
declare const SheetBody: ({ className, ...rest }: Props$
|
|
754
|
+
type Props$235 = ComponentProps<'div'>;
|
|
755
|
+
declare const SheetBody: ({ className, ...rest }: Props$235) => import("react").JSX.Element;
|
|
635
756
|
//#endregion
|
|
636
757
|
//#region src/components/Sheet/SheetContent.d.ts
|
|
637
758
|
declare const sheetContentVariants: (props?: ({
|
|
638
759
|
disableTransition?: boolean | null | undefined;
|
|
639
760
|
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
640
761
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
641
|
-
type Props$
|
|
762
|
+
type Props$234 = ComponentProps<typeof Content$2> & {
|
|
642
763
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
643
764
|
hideOverlay?: boolean;
|
|
644
765
|
keepOpenOnPointerDownOutside?: boolean;
|
|
645
766
|
} & VariantProps<typeof sheetContentVariants> & Pick<ComponentProps<typeof Portal$2>, 'container'>;
|
|
646
|
-
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$
|
|
767
|
+
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$234) => import("react").JSX.Element;
|
|
647
768
|
//#endregion
|
|
648
769
|
//#region src/components/Sheet/SheetFooter.d.ts
|
|
649
|
-
type Props$
|
|
650
|
-
declare const SheetFooter: ({ className, ...props }: Props$
|
|
770
|
+
type Props$233 = ComponentProps<'div'>;
|
|
771
|
+
declare const SheetFooter: ({ className, ...props }: Props$233) => import("react").JSX.Element;
|
|
651
772
|
//#endregion
|
|
652
773
|
//#region src/components/Sheet/SheetHeader.d.ts
|
|
653
|
-
type Props$
|
|
774
|
+
type Props$232 = {
|
|
654
775
|
title?: ReactNode;
|
|
655
776
|
description?: ReactNode;
|
|
656
777
|
hideCloseIcon?: boolean;
|
|
657
778
|
} & ComponentProps<'div'>;
|
|
658
|
-
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$
|
|
779
|
+
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$232) => import("react").JSX.Element;
|
|
659
780
|
//#endregion
|
|
660
781
|
//#region src/components/Sheet/SheetTitle.d.ts
|
|
661
|
-
type Props$
|
|
782
|
+
type Props$231 = ComponentProps<typeof Title$1> & {
|
|
662
783
|
visuallyHidden?: boolean;
|
|
663
784
|
};
|
|
664
|
-
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$
|
|
785
|
+
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$231) => import("react").JSX.Element;
|
|
665
786
|
//#endregion
|
|
666
787
|
//#region src/components/Sheet/Sheet.d.ts
|
|
667
|
-
type Props$
|
|
668
|
-
declare function Sheet(props: Props$
|
|
788
|
+
type Props$230 = ComponentProps<typeof Root$5>;
|
|
789
|
+
declare function Sheet(props: Props$230): import("react").JSX.Element;
|
|
669
790
|
declare namespace Sheet {
|
|
670
791
|
export { Close };
|
|
671
792
|
export { Trigger$4 as Trigger };
|
|
@@ -681,17 +802,17 @@ declare const variants$5: (props?: ({
|
|
|
681
802
|
variant?: "argo" | "default" | null | undefined;
|
|
682
803
|
matchTriggerWidth?: boolean | null | undefined;
|
|
683
804
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
684
|
-
type Props$
|
|
805
|
+
type Props$229 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
|
|
685
806
|
/**
|
|
686
807
|
* Portal target, default `document.body`; pass a theme-scoped host so the panel takes its theme.
|
|
687
808
|
*/
|
|
688
809
|
container?: ComponentProps<typeof Portal$3>['container'];
|
|
689
810
|
};
|
|
690
|
-
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$
|
|
811
|
+
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$229) => import("react").JSX.Element;
|
|
691
812
|
//#endregion
|
|
692
813
|
//#region src/components/Popover/Popover.d.ts
|
|
693
|
-
type Props$
|
|
694
|
-
declare function Popover(props: Props$
|
|
814
|
+
type Props$228 = ComponentProps<typeof Root$6>;
|
|
815
|
+
declare function Popover(props: Props$228): import("react").JSX.Element;
|
|
695
816
|
declare namespace Popover {
|
|
696
817
|
export { PopoverContent as Content };
|
|
697
818
|
export { Trigger$5 as Trigger };
|
|
@@ -709,8 +830,8 @@ type PopconfirmContextType = {
|
|
|
709
830
|
};
|
|
710
831
|
//#endregion
|
|
711
832
|
//#region src/components/Popconfirm/PopconfirmBody.d.ts
|
|
712
|
-
type Props$
|
|
713
|
-
declare const PopconfirmBody: (props: Props$
|
|
833
|
+
type Props$227 = ComponentProps<'div'>;
|
|
834
|
+
declare const PopconfirmBody: (props: Props$227) => import("react").JSX.Element;
|
|
714
835
|
//#endregion
|
|
715
836
|
//#region src/components/Popconfirm/PopconfirmCancel.d.ts
|
|
716
837
|
type SlotProps$5 = {
|
|
@@ -720,8 +841,8 @@ type ButtonProps$2 = {
|
|
|
720
841
|
asChild?: false;
|
|
721
842
|
children?: ReactNode;
|
|
722
843
|
} & Omit<ComponentProps<typeof Button>, 'children'>;
|
|
723
|
-
type Props$
|
|
724
|
-
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
844
|
+
type Props$226 = SlotProps$5 | ButtonProps$2;
|
|
845
|
+
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$226) => import("react").JSX.Element;
|
|
725
846
|
//#endregion
|
|
726
847
|
//#region src/components/Popconfirm/PopconfirmConfirm.d.ts
|
|
727
848
|
type SlotProps$4 = {
|
|
@@ -731,27 +852,27 @@ type ButtonProps$1 = {
|
|
|
731
852
|
asChild?: false;
|
|
732
853
|
children?: ReactNode;
|
|
733
854
|
} & Omit<ComponentProps<typeof Button>, 'children' | 'isLoading'>;
|
|
734
|
-
type Props$
|
|
735
|
-
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
855
|
+
type Props$225 = SlotProps$4 | ButtonProps$1;
|
|
856
|
+
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$225) => import("react").JSX.Element;
|
|
736
857
|
//#endregion
|
|
737
858
|
//#region src/components/Popconfirm/PopconfirmContent.d.ts
|
|
738
|
-
type Props$
|
|
739
|
-
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$
|
|
859
|
+
type Props$224 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
|
|
860
|
+
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$224) => import("react").JSX.Element;
|
|
740
861
|
//#endregion
|
|
741
862
|
//#region src/components/Popconfirm/PopconfirmFooter.d.ts
|
|
742
|
-
type Props$
|
|
743
|
-
declare const PopconfirmFooter: ({ className, ...props }: Props$
|
|
863
|
+
type Props$223 = ComponentProps<'div'>;
|
|
864
|
+
declare const PopconfirmFooter: ({ className, ...props }: Props$223) => import("react").JSX.Element;
|
|
744
865
|
//#endregion
|
|
745
866
|
//#region src/components/Popconfirm/PopconfirmTrigger.d.ts
|
|
746
|
-
type Props$
|
|
747
|
-
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$
|
|
867
|
+
type Props$222 = ComponentProps<typeof Popover.Trigger>;
|
|
868
|
+
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$222) => import("react").JSX.Element;
|
|
748
869
|
//#endregion
|
|
749
870
|
//#region src/components/Popconfirm/Popconfirm.d.ts
|
|
750
|
-
type Props$
|
|
871
|
+
type Props$221 = {
|
|
751
872
|
children: ReactNode;
|
|
752
873
|
skipAsyncWait?: boolean;
|
|
753
874
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
754
|
-
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
875
|
+
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$221): import("react").JSX.Element;
|
|
755
876
|
declare namespace Popconfirm {
|
|
756
877
|
export { PopconfirmConfirm as Confirm };
|
|
757
878
|
export { PopconfirmCancel as Cancel };
|
|
@@ -762,143 +883,52 @@ declare namespace Popconfirm {
|
|
|
762
883
|
}
|
|
763
884
|
//#endregion
|
|
764
885
|
//#region src/components/HoverCard/HoverCardContent.d.ts
|
|
765
|
-
type Props$
|
|
766
|
-
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$
|
|
886
|
+
type Props$220 = ComponentProps<typeof Content$4>;
|
|
887
|
+
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$220) => import("react").JSX.Element;
|
|
767
888
|
//#endregion
|
|
768
889
|
//#region src/components/HoverCard/HoverCard.d.ts
|
|
769
|
-
type Props$
|
|
770
|
-
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$
|
|
890
|
+
type Props$219 = ComponentProps<typeof Root$7>;
|
|
891
|
+
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$219): import("react").JSX.Element;
|
|
771
892
|
declare namespace HoverCard {
|
|
772
893
|
export { HoverCardContent as Content };
|
|
773
894
|
export { Trigger$6 as Trigger };
|
|
774
895
|
}
|
|
775
896
|
//#endregion
|
|
776
|
-
//#region src/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts
|
|
777
|
-
type Props$221 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
778
|
-
closeOnSelect?: boolean;
|
|
779
|
-
indicator?: 'switch' | 'checkbox' | 'check';
|
|
780
|
-
indicatorAlign?: 'start' | 'end';
|
|
781
|
-
isLoading?: boolean;
|
|
782
|
-
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so mixed menus line up. */
|
|
783
|
-
icon?: ReactNode;
|
|
784
|
-
};
|
|
785
|
-
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$221) => import("react").JSX.Element;
|
|
786
|
-
//#endregion
|
|
787
|
-
//#region src/components/DropdownMenu/DropdownMenuContent.d.ts
|
|
788
|
-
type Props$220 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
|
|
789
|
-
forceMount?: boolean;
|
|
790
|
-
/** Classes for the inner scroll area, not the popup. Set a width, not a `max-width` (clips rows). */
|
|
791
|
-
className?: string;
|
|
792
|
-
viewPortClassName?: string;
|
|
793
|
-
container?: HTMLElement | null;
|
|
794
|
-
};
|
|
795
|
-
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$220) => import("react").JSX.Element;
|
|
796
|
-
//#endregion
|
|
797
|
-
//#region src/components/DropdownMenu/DropdownMenuItemDescription.d.ts
|
|
798
|
-
type Props$219 = ComponentProps<'span'> & {
|
|
799
|
-
hideOnHover?: boolean;
|
|
800
|
-
};
|
|
801
|
-
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$219) => import("react").JSX.Element;
|
|
802
|
-
//#endregion
|
|
803
|
-
//#region src/components/DropdownMenu/DropdownMenuLabel.d.ts
|
|
804
|
-
type Props$218 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
|
|
805
|
-
declare const DropdownMenuLabel: ({ className, ...props }: Props$218) => import("react").JSX.Element;
|
|
806
|
-
//#endregion
|
|
807
|
-
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.d.ts
|
|
808
|
-
type Props$217<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
|
|
809
|
-
value?: Value;
|
|
810
|
-
defaultValue?: Value;
|
|
811
|
-
onValueChange?: (value: Value) => void;
|
|
812
|
-
};
|
|
813
|
-
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$217<Value>) => import("react").JSX.Element;
|
|
814
|
-
//#endregion
|
|
815
|
-
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.d.ts
|
|
816
|
-
type Props$216 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
817
|
-
closeOnSelect?: boolean;
|
|
818
|
-
indicatorAlign?: 'start' | 'end';
|
|
819
|
-
indicator?: 'radio' | 'check' | 'none';
|
|
820
|
-
icon?: ReactNode;
|
|
821
|
-
iconClassName?: string;
|
|
822
|
-
isLoading?: boolean;
|
|
823
|
-
};
|
|
824
|
-
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$216) => import("react").JSX.Element;
|
|
825
|
-
//#endregion
|
|
826
|
-
//#region src/components/DropdownMenu/DropdownMenuSeparator.d.ts
|
|
827
|
-
type Props$215 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
828
|
-
declare const DropdownMenuSeparator: ({ className, ...props }: Props$215) => import("react").JSX.Element;
|
|
829
|
-
//#endregion
|
|
830
|
-
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.d.ts
|
|
831
|
-
declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
832
|
-
//#endregion
|
|
833
|
-
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.d.ts
|
|
834
|
-
type Props$214 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
|
|
835
|
-
declare const DropdownMenuSubContent: ({ className, ...props }: Props$214) => import("react").JSX.Element;
|
|
836
|
-
//#endregion
|
|
837
|
-
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.d.ts
|
|
838
|
-
type Props$213 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
839
|
-
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so the trigger lines up with items. */
|
|
840
|
-
icon?: ReactNode;
|
|
841
|
-
};
|
|
842
|
-
declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$213) => import("react").JSX.Element;
|
|
843
|
-
//#endregion
|
|
844
|
-
//#region src/components/DropdownMenu/DropdownMenuTrigger.d.ts
|
|
845
|
-
type Props$212 = ComponentProps<typeof Trigger$2>;
|
|
846
|
-
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$212) => import("react").JSX.Element;
|
|
847
|
-
//#endregion
|
|
848
|
-
//#region src/components/DropdownMenu/DropdownMenu.d.ts
|
|
849
|
-
type Props$211 = ComponentProps<typeof Root$2>;
|
|
850
|
-
declare function DropdownMenu({ modal, ...props }: Props$211): import("react").JSX.Element;
|
|
851
|
-
declare namespace DropdownMenu {
|
|
852
|
-
export { DropdownMenuTrigger as Trigger };
|
|
853
|
-
export { DropdownMenuContent as Content };
|
|
854
|
-
export { Group };
|
|
855
|
-
export { DropdownMenuSub as Sub };
|
|
856
|
-
export { DropdownMenuSubContent as SubContent };
|
|
857
|
-
export { DropdownMenuSubTrigger as SubTrigger };
|
|
858
|
-
export { DropdownMenuSeparator as Separator };
|
|
859
|
-
export { DropdownMenuLabel as Label };
|
|
860
|
-
export { DropdownMenuItem as Item };
|
|
861
|
-
export { DropdownMenuCheckboxItem as CheckboxItem };
|
|
862
|
-
export { DropdownMenuRadioGroup as RadioGroup };
|
|
863
|
-
export { DropdownMenuRadioItem as RadioItem };
|
|
864
|
-
export { DropdownMenuItemDescription as ItemDescription };
|
|
865
|
-
}
|
|
866
|
-
//#endregion
|
|
867
897
|
//#region src/blocks/Command/CommandContent.d.ts
|
|
868
|
-
type Props$
|
|
869
|
-
declare const CommandContent: ({ className, ...rest }: Props$
|
|
898
|
+
type Props$218 = ComponentProps<'div'>;
|
|
899
|
+
declare const CommandContent: ({ className, ...rest }: Props$218) => import("react").JSX.Element;
|
|
870
900
|
//#endregion
|
|
871
901
|
//#region src/blocks/Command/CommandEmpty.d.ts
|
|
872
|
-
type Props$
|
|
873
|
-
declare const CommandEmpty: ({ ...props }: Props$
|
|
902
|
+
type Props$217 = ComponentProps<typeof Command$1.Empty>;
|
|
903
|
+
declare const CommandEmpty: ({ ...props }: Props$217) => import("react").JSX.Element;
|
|
874
904
|
//#endregion
|
|
875
905
|
//#region src/blocks/Command/CommandGroup.d.ts
|
|
876
|
-
type Props$
|
|
877
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
906
|
+
type Props$216 = ComponentProps<typeof Command$1.Group>;
|
|
907
|
+
declare const CommandGroup: ({ className, ...props }: Props$216) => import("react").JSX.Element;
|
|
878
908
|
//#endregion
|
|
879
909
|
//#region src/components/InputGroup/InputGroupAddon.d.ts
|
|
880
910
|
declare const addonVariants$1: (props?: ({
|
|
881
911
|
align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
|
|
882
912
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
883
|
-
type Props$
|
|
884
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
913
|
+
type Props$215 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
914
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$215) => import("react").JSX.Element;
|
|
885
915
|
//#endregion
|
|
886
916
|
//#region src/components/InputGroup/InputGroupButton.d.ts
|
|
887
917
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
888
|
-
type Props$
|
|
889
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
918
|
+
type Props$214 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
919
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$214) => import("react").JSX.Element;
|
|
890
920
|
//#endregion
|
|
891
921
|
//#region src/components/InputGroup/InputGroupInput.d.ts
|
|
892
|
-
type Props$
|
|
893
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
922
|
+
type Props$213 = ComponentProps<'input'>;
|
|
923
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$213) => import("react").JSX.Element;
|
|
894
924
|
//#endregion
|
|
895
925
|
//#region src/components/InputGroup/InputGroupText.d.ts
|
|
896
|
-
type Props$
|
|
897
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
926
|
+
type Props$212 = ComponentProps<'span'>;
|
|
927
|
+
declare const InputGroupText: ({ className, ...props }: Props$212) => import("react").JSX.Element;
|
|
898
928
|
//#endregion
|
|
899
929
|
//#region src/components/InputGroup/InputGroupTextArea.d.ts
|
|
900
930
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof TextareaAutosize>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
901
|
-
type Props$
|
|
931
|
+
type Props$211 = TextareaNativeProps$1 & {
|
|
902
932
|
value?: string | null;
|
|
903
933
|
defaultValue?: string | null;
|
|
904
934
|
onValueChange?: (value: string) => void;
|
|
@@ -906,7 +936,7 @@ type Props$203 = TextareaNativeProps$1 & {
|
|
|
906
936
|
maxRows?: number | 'unlimited';
|
|
907
937
|
disableResize?: boolean;
|
|
908
938
|
};
|
|
909
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
939
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$211) => import("react").JSX.Element;
|
|
910
940
|
//#endregion
|
|
911
941
|
//#region src/components/InputGroup/InputGroup.d.ts
|
|
912
942
|
declare const inputGroupVariants: (props?: ({
|
|
@@ -915,10 +945,10 @@ declare const inputGroupVariants: (props?: ({
|
|
|
915
945
|
sizing?: "default" | "medium" | "small" | null | undefined;
|
|
916
946
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
917
947
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
918
|
-
type Props$
|
|
948
|
+
type Props$210 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
|
|
919
949
|
variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
|
|
920
950
|
};
|
|
921
|
-
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
951
|
+
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$210) => import("react").JSX.Element;
|
|
922
952
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
923
953
|
Input: typeof InputGroupInput;
|
|
924
954
|
Addon: typeof InputGroupAddon;
|
|
@@ -959,52 +989,52 @@ type Props$5 = InputGroupProps$10 & OwnProps$1 & Omit<ComponentProps<'input'>, '
|
|
|
959
989
|
declare const TextInput: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$5) => import("react").JSX.Element;
|
|
960
990
|
//#endregion
|
|
961
991
|
//#region src/blocks/Command/CommandInput.d.ts
|
|
962
|
-
type Props$
|
|
963
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
992
|
+
type Props$209 = ComponentProps<typeof TextInput>;
|
|
993
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$209) => import("react").JSX.Element;
|
|
964
994
|
//#endregion
|
|
965
995
|
//#region src/blocks/Command/CommandItem/CheckIndicator.d.ts
|
|
966
|
-
type Props$
|
|
996
|
+
type Props$208 = {
|
|
967
997
|
variant?: 'checkbox' | 'radio' | 'default';
|
|
968
998
|
};
|
|
969
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
999
|
+
declare const CheckIndicator: ({ variant }: Props$208) => import("react").JSX.Element | null;
|
|
970
1000
|
//#endregion
|
|
971
1001
|
//#region src/blocks/Command/CommandItem/CommandItem.d.ts
|
|
972
|
-
type Props$
|
|
1002
|
+
type Props$207 = ComponentProps<typeof Command$1.Item> & {
|
|
973
1003
|
icon?: ReactNode;
|
|
974
1004
|
checked?: boolean;
|
|
975
1005
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
976
1006
|
actions?: ReactNode;
|
|
977
1007
|
};
|
|
978
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
1008
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$207) => import("react").JSX.Element;
|
|
979
1009
|
//#endregion
|
|
980
1010
|
//#region src/components/ScrollArea/ScrollArea.d.ts
|
|
981
|
-
type Props$
|
|
1011
|
+
type Props$206 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
982
1012
|
viewPortClassName?: string;
|
|
983
1013
|
scrollBarClassName?: string;
|
|
984
1014
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
985
1015
|
};
|
|
986
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1016
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$206) => import("react").JSX.Element;
|
|
987
1017
|
//#endregion
|
|
988
1018
|
//#region src/components/ScrollArea/ScrollBar.d.ts
|
|
989
|
-
type Props$
|
|
990
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1019
|
+
type Props$205 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1020
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$205) => import("react").JSX.Element;
|
|
991
1021
|
//#endregion
|
|
992
1022
|
//#region src/blocks/Command/CommandList.d.ts
|
|
993
|
-
type Props$
|
|
994
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1023
|
+
type Props$204 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1024
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$204) => import("react").JSX.Element;
|
|
995
1025
|
//#endregion
|
|
996
1026
|
//#region src/blocks/Command/CommandSeparator.d.ts
|
|
997
|
-
type Props$
|
|
998
|
-
declare const CommandSeparator: ({ className, ...props }: Props$
|
|
1027
|
+
type Props$203 = ComponentProps<typeof Command$1.Separator>;
|
|
1028
|
+
declare const CommandSeparator: ({ className, ...props }: Props$203) => import("react").JSX.Element;
|
|
999
1029
|
//#endregion
|
|
1000
1030
|
//#region src/blocks/Command/Command.d.ts
|
|
1001
1031
|
type Variant$8 = 'default' | 'argo';
|
|
1002
|
-
type Props$
|
|
1032
|
+
type Props$202 = ComponentProps<typeof Command$1> & {
|
|
1003
1033
|
/** Unset follows the theme (`argo` under the new design system); `default` suits small
|
|
1004
1034
|
* surfaces like popovers, as `argo` is sized for the full-screen palette. */
|
|
1005
1035
|
variant?: Variant$8;
|
|
1006
1036
|
};
|
|
1007
|
-
declare function Command({ className, variant, ...rest }: Props$
|
|
1037
|
+
declare function Command({ className, variant, ...rest }: Props$202): import("react").JSX.Element;
|
|
1008
1038
|
declare namespace Command {
|
|
1009
1039
|
export { CommandContent as Content };
|
|
1010
1040
|
export { CommandSeparator as Separator };
|
|
@@ -1035,7 +1065,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
|
|
|
1035
1065
|
declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
|
|
1036
1066
|
//#endregion
|
|
1037
1067
|
//#region src/components/SpotlightBackdrop/SpotlightBackdrop.d.ts
|
|
1038
|
-
type Props$
|
|
1068
|
+
type Props$201 = {
|
|
1039
1069
|
/** Box to cut out, or `null` to dim everything. */
|
|
1040
1070
|
rect: TargetRect | null;
|
|
1041
1071
|
/** In px. */
|
|
@@ -1052,7 +1082,7 @@ type Props$193 = {
|
|
|
1052
1082
|
* - Presentational: `rect` from `useTargetRect`, callout via `Popover`.
|
|
1053
1083
|
* - Tour steps and "seen" persistence are app-owned — see the "Guided tour (recipe)" story.
|
|
1054
1084
|
*/
|
|
1055
|
-
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$
|
|
1085
|
+
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$201) => import("react").JSX.Element;
|
|
1056
1086
|
//#endregion
|
|
1057
1087
|
//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/types.d.ts
|
|
1058
1088
|
/**
|
|
@@ -3435,16 +3465,16 @@ declare namespace DateRangePicker {
|
|
|
3435
3465
|
}
|
|
3436
3466
|
//#endregion
|
|
3437
3467
|
//#region src/components/TimePicker/TimePicker.d.ts
|
|
3438
|
-
type Props$
|
|
3468
|
+
type Props$200 = {
|
|
3439
3469
|
children?: ReactNode;
|
|
3440
3470
|
defaultSelected?: string | null;
|
|
3441
3471
|
selected?: string | null;
|
|
3442
3472
|
onSelect?: (time: string) => void;
|
|
3443
3473
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
3444
|
-
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$
|
|
3474
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$200) => import("react").JSX.Element;
|
|
3445
3475
|
//#endregion
|
|
3446
3476
|
//#region src/components/Label/Label.d.ts
|
|
3447
|
-
type Props$
|
|
3477
|
+
type Props$199 = {
|
|
3448
3478
|
id?: string | number;
|
|
3449
3479
|
htmlFor?: string | number;
|
|
3450
3480
|
} & Omit<LabelProps, 'id' | 'htmlFor'>;
|
|
@@ -3460,7 +3490,7 @@ declare const Optional: ({ className, ...props }: ComponentPropsWithRef<'span'>)
|
|
|
3460
3490
|
* `aria-required` (or `required`) on the associated control.
|
|
3461
3491
|
*/
|
|
3462
3492
|
declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
|
|
3463
|
-
declare function Label({ className, children, id, htmlFor, ...rest }: Props$
|
|
3493
|
+
declare function Label({ className, children, id, htmlFor, ...rest }: Props$199): import("react").JSX.Element;
|
|
3464
3494
|
declare namespace Label {
|
|
3465
3495
|
export { Optional };
|
|
3466
3496
|
export { Required$1 as Required };
|
|
@@ -3478,14 +3508,14 @@ declare const switchVariants: (props?: ({
|
|
|
3478
3508
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3479
3509
|
//#endregion
|
|
3480
3510
|
//#region src/components/Switch/Switch.d.ts
|
|
3481
|
-
type Props$
|
|
3511
|
+
type Props$198 = {
|
|
3482
3512
|
id?: string | number;
|
|
3483
3513
|
children?: ReactNode;
|
|
3484
3514
|
description?: ReactNode;
|
|
3485
3515
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
3486
3516
|
position?: 'start' | 'end';
|
|
3487
3517
|
} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
|
|
3488
|
-
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$
|
|
3518
|
+
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$198) => import("react").JSX.Element;
|
|
3489
3519
|
//#endregion
|
|
3490
3520
|
//#region src/components/RadioGroup/context.d.ts
|
|
3491
3521
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
@@ -3493,52 +3523,52 @@ type Orientation = 'vertical' | 'horizontal';
|
|
|
3493
3523
|
//#endregion
|
|
3494
3524
|
//#region src/components/RadioGroup/RadioGroupItem.d.ts
|
|
3495
3525
|
type ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;
|
|
3496
|
-
type Props$
|
|
3526
|
+
type Props$197<T extends string = string> = ItemProps & {
|
|
3497
3527
|
value: T;
|
|
3498
3528
|
tooltip?: ReactNode;
|
|
3499
3529
|
tooltipVariant?: Props$10['variant'];
|
|
3500
3530
|
tooltipPlacement?: Props$10['placement'];
|
|
3501
3531
|
description?: ReactNode;
|
|
3502
3532
|
};
|
|
3503
|
-
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$
|
|
3533
|
+
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$197<T>) => import("react").JSX.Element;
|
|
3504
3534
|
//#endregion
|
|
3505
3535
|
//#region src/components/RadioGroup/RadioGroupSeparator.d.ts
|
|
3506
3536
|
declare const RadioGroupSeparator: () => import("react").JSX.Element;
|
|
3507
3537
|
//#endregion
|
|
3508
3538
|
//#region src/components/RadioGroup/RadioGroup.d.ts
|
|
3509
|
-
type Props$
|
|
3539
|
+
type Props$196<Value> = {
|
|
3510
3540
|
variant?: Variant$7;
|
|
3511
3541
|
orientation?: Orientation;
|
|
3512
3542
|
onValueChange?: (value: Value) => void;
|
|
3513
3543
|
value?: Value | null;
|
|
3514
3544
|
defaultValue?: Value | null;
|
|
3515
3545
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
3516
|
-
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
3546
|
+
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$196<Value>): import("react").JSX.Element;
|
|
3517
3547
|
declare namespace RadioGroup {
|
|
3518
3548
|
export { RadioGroupItem as Item };
|
|
3519
3549
|
export { RadioGroupSeparator as Separator };
|
|
3520
3550
|
}
|
|
3521
3551
|
//#endregion
|
|
3522
3552
|
//#region src/components/Slider/SliderThumb.d.ts
|
|
3523
|
-
type Props$
|
|
3553
|
+
type Props$195 = ComponentProps<typeof Thumb$1> & {
|
|
3524
3554
|
tooltip?: ReactNode;
|
|
3525
3555
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
3526
3556
|
};
|
|
3527
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
3557
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$195) => import("react").JSX.Element;
|
|
3528
3558
|
//#endregion
|
|
3529
3559
|
//#region src/components/Slider/Slider.d.ts
|
|
3530
3560
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
3531
|
-
type Props$
|
|
3561
|
+
type Props$194 = ComponentProps<typeof Root$9> & {
|
|
3532
3562
|
thumbTooltip?: ThumbTooltipFn;
|
|
3533
3563
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
3534
3564
|
rangeClassName?: string;
|
|
3535
3565
|
};
|
|
3536
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
3566
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$194) => import("react").JSX.Element;
|
|
3537
3567
|
//#endregion
|
|
3538
3568
|
//#region src/components/Search/Search.d.ts
|
|
3539
3569
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
|
|
3540
3570
|
type SearchBlurEventHandler = (value: string, event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
3541
|
-
type Props$
|
|
3571
|
+
type Props$193 = {
|
|
3542
3572
|
suffix?: ReactNode;
|
|
3543
3573
|
disableDebounce?: boolean;
|
|
3544
3574
|
debounceDelay?: number;
|
|
@@ -3553,13 +3583,13 @@ type Props$185 = {
|
|
|
3553
3583
|
/**
|
|
3554
3584
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
3555
3585
|
*/
|
|
3556
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
3586
|
+
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;
|
|
3557
3587
|
//#endregion
|
|
3558
3588
|
//#region src/components/Search/SearchForm.d.ts
|
|
3559
|
-
type Props$
|
|
3589
|
+
type Props$192 = {
|
|
3560
3590
|
onSubmit: (value: string) => void;
|
|
3561
3591
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
3562
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
3592
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$192) => import("react").JSX.Element;
|
|
3563
3593
|
//#endregion
|
|
3564
3594
|
//#region src/utils/accessibleName.d.ts
|
|
3565
3595
|
type AccessibleNameProps = {
|
|
@@ -3587,7 +3617,7 @@ declare const forwardAccessibleName: <Rest>(rest: Rest & AccessibleNameRest<Rest
|
|
|
3587
3617
|
/**
|
|
3588
3618
|
* Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).
|
|
3589
3619
|
*/
|
|
3590
|
-
type Props$
|
|
3620
|
+
type Props$191 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
3591
3621
|
container?: HTMLElement | null;
|
|
3592
3622
|
};
|
|
3593
3623
|
/**
|
|
@@ -3595,22 +3625,22 @@ type Props$183 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
|
3595
3625
|
* Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via
|
|
3596
3626
|
* the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.
|
|
3597
3627
|
*/
|
|
3598
|
-
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$
|
|
3628
|
+
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$191) => import("react").JSX.Element;
|
|
3599
3629
|
//#endregion
|
|
3600
3630
|
//#region src/components/Select/SelectGroup.d.ts
|
|
3601
|
-
type Props$
|
|
3602
|
-
declare const SelectGroup: ({ className, ...props }: Props$
|
|
3631
|
+
type Props$190 = ComponentProps<typeof SelectPrimitive.Group>;
|
|
3632
|
+
declare const SelectGroup: ({ className, ...props }: Props$190) => import("react").JSX.Element;
|
|
3603
3633
|
//#endregion
|
|
3604
3634
|
//#region src/components/Select/SelectItem.d.ts
|
|
3605
|
-
type Props$
|
|
3635
|
+
type Props$189 = ComponentProps<typeof SelectPrimitive.Item> & {
|
|
3606
3636
|
icon?: ReactNode;
|
|
3607
3637
|
hint?: ReactNode;
|
|
3608
3638
|
};
|
|
3609
|
-
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$
|
|
3639
|
+
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$189) => import("react").JSX.Element;
|
|
3610
3640
|
//#endregion
|
|
3611
3641
|
//#region src/components/Select/SelectLabel.d.ts
|
|
3612
|
-
type Props$
|
|
3613
|
-
declare const SelectLabel: ({ className, ...props }: Props$
|
|
3642
|
+
type Props$188 = ComponentProps<typeof SelectPrimitive.Label>;
|
|
3643
|
+
declare const SelectLabel: ({ className, ...props }: Props$188) => import("react").JSX.Element;
|
|
3614
3644
|
//#endregion
|
|
3615
3645
|
//#region src/components/Select/SelectRoot.d.ts
|
|
3616
3646
|
type SelectRootProps = {
|
|
@@ -3631,8 +3661,8 @@ type SelectRootProps = {
|
|
|
3631
3661
|
declare const SelectRoot: (props: SelectRootProps) => import("react").JSX.Element;
|
|
3632
3662
|
//#endregion
|
|
3633
3663
|
//#region src/components/Select/SelectSeparator.d.ts
|
|
3634
|
-
type Props$
|
|
3635
|
-
declare const SelectSeparator: ({ className, ...props }: Props$
|
|
3664
|
+
type Props$187 = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
3665
|
+
declare const SelectSeparator: ({ className, ...props }: Props$187) => import("react").JSX.Element;
|
|
3636
3666
|
//#endregion
|
|
3637
3667
|
//#region src/components/Select/SelectTrigger.d.ts
|
|
3638
3668
|
type BaseProps$3 = ComponentProps<typeof SelectPrimitive.Trigger> & Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {
|
|
@@ -3673,7 +3703,7 @@ declare namespace Select {
|
|
|
3673
3703
|
}
|
|
3674
3704
|
//#endregion
|
|
3675
3705
|
//#region src/components/Checkbox/Checkbox.d.ts
|
|
3676
|
-
type Props$
|
|
3706
|
+
type Props$186 = {
|
|
3677
3707
|
id?: string | number;
|
|
3678
3708
|
description?: ReactNode;
|
|
3679
3709
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
@@ -3681,11 +3711,11 @@ type Props$178 = {
|
|
|
3681
3711
|
tooltip?: Props$10['tooltip'];
|
|
3682
3712
|
tooltipPlacement?: Props$10['placement'];
|
|
3683
3713
|
} & Omit<ComponentProps<typeof Root$11>, 'id'>;
|
|
3684
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3714
|
+
declare function Checkbox(prop: Omit<Props$186, 'checked' | 'onCheckedChange'> & {
|
|
3685
3715
|
checked?: boolean;
|
|
3686
3716
|
onCheckedChange?: (checked: boolean) => void;
|
|
3687
3717
|
}): ReactNode;
|
|
3688
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3718
|
+
declare function Checkbox(prop: Omit<Props$186, 'checked' | 'onCheckedChange'> & {
|
|
3689
3719
|
checked?: CheckedState;
|
|
3690
3720
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
3691
3721
|
}): ReactNode;
|
|
@@ -3723,18 +3753,18 @@ declare const addonVariants: (props?: ({
|
|
|
3723
3753
|
align?: "inline-end" | "inline-start" | null | undefined;
|
|
3724
3754
|
variant?: "floating" | "inline" | null | undefined;
|
|
3725
3755
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3726
|
-
type Props$
|
|
3727
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
3756
|
+
type Props$185 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
3757
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$185) => import("react").JSX.Element;
|
|
3728
3758
|
//#endregion
|
|
3729
3759
|
//#region src/components/Badge/BadgeButton.d.ts
|
|
3730
|
-
type Props$
|
|
3731
|
-
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$
|
|
3760
|
+
type Props$184 = ComponentProps<'button'>;
|
|
3761
|
+
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$184) => import("react").JSX.Element;
|
|
3732
3762
|
//#endregion
|
|
3733
3763
|
//#region src/components/Badge/BadgeLabel.d.ts
|
|
3734
|
-
type Props$
|
|
3764
|
+
type Props$183 = ComponentProps<'span'> & {
|
|
3735
3765
|
asChild?: boolean;
|
|
3736
3766
|
};
|
|
3737
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
3767
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$183) => import("react").JSX.Element;
|
|
3738
3768
|
//#endregion
|
|
3739
3769
|
//#region src/components/Badge/styles.d.ts
|
|
3740
3770
|
declare const badgeRootVariants: (props?: ({
|
|
@@ -3743,8 +3773,8 @@ declare const badgeRootVariants: (props?: ({
|
|
|
3743
3773
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3744
3774
|
//#endregion
|
|
3745
3775
|
//#region src/components/Badge/BadgeRoot.d.ts
|
|
3746
|
-
type Props$
|
|
3747
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
3776
|
+
type Props$182 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
3777
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$182) => import("react").JSX.Element;
|
|
3748
3778
|
//#endregion
|
|
3749
3779
|
//#region src/components/Badge/Badge.d.ts
|
|
3750
3780
|
type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
|
|
@@ -3754,7 +3784,7 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
|
3754
3784
|
* - `color` is semantic (`green` success, `red` error, `orange` warning, `amber` caution; rest decorative).
|
|
3755
3785
|
* - Colours stay fixed across brand themes.
|
|
3756
3786
|
*/
|
|
3757
|
-
type Props$
|
|
3787
|
+
type Props$181 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
3758
3788
|
prefix?: ReactNode;
|
|
3759
3789
|
prefixVariant?: AddonVariant;
|
|
3760
3790
|
suffix?: ReactNode;
|
|
@@ -3767,7 +3797,7 @@ type Props$173 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProp
|
|
|
3767
3797
|
* - Not for actions (`Button` / `ButtonInline`) or banners (`Alert`).
|
|
3768
3798
|
* - `Badge.Button` for a clickable badge.
|
|
3769
3799
|
*/
|
|
3770
|
-
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
3800
|
+
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$181) => import("react").JSX.Element;
|
|
3771
3801
|
declare const Badge: typeof BadgeInner & {
|
|
3772
3802
|
Root: typeof BadgeRoot;
|
|
3773
3803
|
Button: typeof BadgeButton;
|
|
@@ -3778,7 +3808,7 @@ declare const Badge: typeof BadgeInner & {
|
|
|
3778
3808
|
//#region src/components/Combobox/ComboboxChip.d.ts
|
|
3779
3809
|
type BadgeColor$1 = ComponentProps<typeof Badge>['color'];
|
|
3780
3810
|
type BadgeVariant = ComponentProps<typeof Badge>['variant'];
|
|
3781
|
-
type Props$
|
|
3811
|
+
type Props$180 = {
|
|
3782
3812
|
children: ReactNode;
|
|
3783
3813
|
color?: BadgeColor$1;
|
|
3784
3814
|
variant?: BadgeVariant;
|
|
@@ -3790,10 +3820,10 @@ type Props$172 = {
|
|
|
3790
3820
|
* - A non-removable chip is a plain `Badge`: a chip would shift the removal index.
|
|
3791
3821
|
* - A label cut off by the chip's width shows in full in a tooltip on hover.
|
|
3792
3822
|
*/
|
|
3793
|
-
declare const ComboboxChip: ({ children, color, variant }: Props$
|
|
3823
|
+
declare const ComboboxChip: ({ children, color, variant }: Props$180) => import("react").JSX.Element;
|
|
3794
3824
|
//#endregion
|
|
3795
3825
|
//#region src/components/Combobox/ComboboxChips.d.ts
|
|
3796
|
-
type Props$
|
|
3826
|
+
type Props$179<Value> = {
|
|
3797
3827
|
maxVisible?: number;
|
|
3798
3828
|
itemToChipLabel?: (item: Value) => ReactNode;
|
|
3799
3829
|
itemToChipColor?: (item: Value) => BadgeColor$1;
|
|
@@ -3807,7 +3837,7 @@ type Props$171<Value> = {
|
|
|
3807
3837
|
*/
|
|
3808
3838
|
children?: (values: Value[]) => ReactNode;
|
|
3809
3839
|
};
|
|
3810
|
-
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$
|
|
3840
|
+
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$179<Value>) => import("react").JSX.Element;
|
|
3811
3841
|
//#endregion
|
|
3812
3842
|
//#region src/components/Combobox/ComboboxContent.d.ts
|
|
3813
3843
|
type PortalProps = ComponentProps<typeof Combobox$1.Portal>;
|
|
@@ -3815,74 +3845,76 @@ type PositionerProps = ComponentProps<typeof Combobox$1.Positioner>;
|
|
|
3815
3845
|
type PopupProps = Omit<ComponentProps<typeof Combobox$1.Popup>, 'className'> & {
|
|
3816
3846
|
className?: string;
|
|
3817
3847
|
};
|
|
3818
|
-
type Props$
|
|
3819
|
-
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$
|
|
3848
|
+
type Props$178 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
|
|
3849
|
+
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$178) => import("react").JSX.Element;
|
|
3820
3850
|
//#endregion
|
|
3821
3851
|
//#region src/components/Combobox/ComboboxEmpty.d.ts
|
|
3822
|
-
type Props$
|
|
3852
|
+
type Props$177 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
|
|
3823
3853
|
className?: string;
|
|
3824
3854
|
};
|
|
3825
|
-
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$
|
|
3855
|
+
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$177) => import("react").JSX.Element;
|
|
3826
3856
|
//#endregion
|
|
3827
3857
|
//#region src/components/Combobox/ComboboxInput.d.ts
|
|
3828
3858
|
/** The input carries the `combobox` role, so the name is required here, not on the group. */
|
|
3829
|
-
type Props$
|
|
3830
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
3859
|
+
type Props$176 = WithAccessibleName<Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>>;
|
|
3860
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$176) => import("react").JSX.Element;
|
|
3831
3861
|
//#endregion
|
|
3832
3862
|
//#region src/components/Combobox/ComboboxInputGroup.d.ts
|
|
3833
3863
|
type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
3834
|
-
type Props$
|
|
3864
|
+
type Props$175 = InputGroupProps$9 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
3835
3865
|
className?: string;
|
|
3836
3866
|
};
|
|
3837
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
3867
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$175) => import("react").JSX.Element;
|
|
3838
3868
|
//#endregion
|
|
3839
3869
|
//#region src/components/Combobox/ComboboxItemIndicator.d.ts
|
|
3840
3870
|
type Variant$6 = 'check' | 'checkbox';
|
|
3841
|
-
type Props$
|
|
3871
|
+
type Props$174 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
3842
3872
|
className?: string;
|
|
3843
3873
|
variant?: Variant$6;
|
|
3844
3874
|
};
|
|
3845
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
3875
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$174) => import("react").JSX.Element;
|
|
3846
3876
|
//#endregion
|
|
3847
3877
|
//#region src/components/Combobox/ComboboxItem.d.ts
|
|
3848
|
-
type Props$
|
|
3878
|
+
type Props$173 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
3849
3879
|
className?: string;
|
|
3850
3880
|
icon?: ReactNode;
|
|
3851
3881
|
/** `'none'` leaves the row without one — a row that draws its own state in `icon`. */
|
|
3852
3882
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'] | 'none';
|
|
3883
|
+
/** Looks disabled but still takes the highlight; the owning control ignores its presses. */
|
|
3884
|
+
locked?: boolean;
|
|
3853
3885
|
};
|
|
3854
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$
|
|
3886
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, locked, ...props }: Props$173) => import("react").JSX.Element;
|
|
3855
3887
|
//#endregion
|
|
3856
3888
|
//#region src/components/Combobox/ComboboxList.d.ts
|
|
3857
|
-
type Props$
|
|
3889
|
+
type Props$172 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
|
|
3858
3890
|
className?: string;
|
|
3859
3891
|
};
|
|
3860
|
-
declare const ComboboxList: ({ ref, className, ...props }: Props$
|
|
3892
|
+
declare const ComboboxList: ({ ref, className, ...props }: Props$172) => import("react").JSX.Element;
|
|
3861
3893
|
//#endregion
|
|
3862
3894
|
//#region src/components/Combobox/ComboboxRoot.d.ts
|
|
3863
3895
|
declare const ComboboxRoot: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => import("react").JSX.Element;
|
|
3864
3896
|
//#endregion
|
|
3865
3897
|
//#region src/components/Combobox/ComboboxSeparator.d.ts
|
|
3866
|
-
type Props$
|
|
3898
|
+
type Props$171 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
|
|
3867
3899
|
className?: string;
|
|
3868
3900
|
};
|
|
3869
|
-
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$
|
|
3901
|
+
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$171) => import("react").JSX.Element;
|
|
3870
3902
|
//#endregion
|
|
3871
3903
|
//#region src/components/Combobox/Group/ComboboxGroup.d.ts
|
|
3872
|
-
type Props$
|
|
3904
|
+
type Props$170 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
|
|
3873
3905
|
className?: string;
|
|
3874
3906
|
};
|
|
3875
|
-
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$
|
|
3907
|
+
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$170) => import("react").JSX.Element;
|
|
3876
3908
|
//#endregion
|
|
3877
3909
|
//#region src/components/Combobox/Group/ComboboxGroupLabel.d.ts
|
|
3878
|
-
type Props$
|
|
3910
|
+
type Props$169 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
|
|
3879
3911
|
className?: string;
|
|
3880
3912
|
};
|
|
3881
|
-
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$
|
|
3913
|
+
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$169) => import("react").JSX.Element;
|
|
3882
3914
|
//#endregion
|
|
3883
3915
|
//#region src/components/Combobox/Group/ComboboxCollection.d.ts
|
|
3884
|
-
type Props$
|
|
3885
|
-
declare const ComboboxCollection: ({ ...props }: Props$
|
|
3916
|
+
type Props$168 = Combobox$1.Collection.Props;
|
|
3917
|
+
declare const ComboboxCollection: ({ ...props }: Props$168) => import("react").JSX.Element;
|
|
3886
3918
|
//#endregion
|
|
3887
3919
|
//#region src/components/Combobox/types.d.ts
|
|
3888
3920
|
type Group$2<Item = unknown> = {
|
|
@@ -3959,8 +3991,8 @@ type BaseProps$1<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pu
|
|
|
3959
3991
|
*/
|
|
3960
3992
|
groupToValue?: (group: GroupShape) => Value;
|
|
3961
3993
|
};
|
|
3962
|
-
type Props$
|
|
3963
|
-
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, variant, sizing, 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$
|
|
3994
|
+
type Props$167<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps$1<Value, GroupShape>>;
|
|
3995
|
+
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, variant, sizing, 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;
|
|
3964
3996
|
declare namespace Combobox {
|
|
3965
3997
|
export { ComboboxRoot as Root };
|
|
3966
3998
|
export { ComboboxInputGroup as InputGroup };
|
|
@@ -4007,6 +4039,14 @@ type ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;
|
|
|
4007
4039
|
type ComboboxItemProps = ComponentProps<typeof Combobox.Item>;
|
|
4008
4040
|
type ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;
|
|
4009
4041
|
type Indicator$3 = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;
|
|
4042
|
+
/** The row the pointer or the arrow keys are on: one of the items, or a group's own row. */
|
|
4043
|
+
type MultiComboboxHighlighted<Value, GroupShape> = {
|
|
4044
|
+
kind: 'item';
|
|
4045
|
+
item: Value;
|
|
4046
|
+
} | {
|
|
4047
|
+
kind: 'group';
|
|
4048
|
+
group: GroupShape;
|
|
4049
|
+
} | null;
|
|
4010
4050
|
type CreatableProps<Value> = {
|
|
4011
4051
|
allowCreate?: boolean;
|
|
4012
4052
|
/** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */
|
|
@@ -4040,6 +4080,8 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
4040
4080
|
itemToLabel?: (item: Value, query: string) => ReactNode;
|
|
4041
4081
|
itemToIcon?: (item: Value) => ReactNode;
|
|
4042
4082
|
itemToDisabled?: (item: Value) => boolean;
|
|
4083
|
+
/** A selected item no press removes: looks disabled, still highlights for `renderAside`. */
|
|
4084
|
+
itemToLocked?: (item: Value) => boolean;
|
|
4043
4085
|
/** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */
|
|
4044
4086
|
renderChips?: (values: Value[]) => ReactNode;
|
|
4045
4087
|
/** Defaults to the group's `label`, as `Select` shows it. */
|
|
@@ -4048,23 +4090,45 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
4048
4090
|
collapsibleGroups?: boolean;
|
|
4049
4091
|
/** A group's row selects its matching enabled items. The row itself never enters `value`. */
|
|
4050
4092
|
selectableGroups?: boolean;
|
|
4093
|
+
/** Each time the popup opens, a group whose items are all selected starts folded. */
|
|
4094
|
+
collapseSelectedGroups?: boolean;
|
|
4095
|
+
/** `banded`: each group, its row and open items, is a white card on a grey list. */
|
|
4096
|
+
groupAppearance?: 'plain' | 'banded';
|
|
4097
|
+
/**
|
|
4098
|
+
* An inspector beside the list about the last highlighted row; `null` before any.
|
|
4099
|
+
* Hidden while the popup is under 40rem wide.
|
|
4100
|
+
*/
|
|
4101
|
+
renderAside?: (highlighted: MultiComboboxHighlighted<Value, GroupShape>) => ReactNode;
|
|
4102
|
+
/** Whether the inspector shows; a button in the popup toggles it. Uncontrolled, it starts open. */
|
|
4103
|
+
asideOpen?: boolean;
|
|
4104
|
+
onAsideOpenChange?: (open: boolean) => void;
|
|
4105
|
+
/** The popup is open on mount, for a picker shown on demand. */
|
|
4106
|
+
defaultOpen?: boolean;
|
|
4107
|
+
onOpenChange?: (open: boolean) => void;
|
|
4108
|
+
/** No field: the popup opens against this element, its search at the top. Pair with `defaultOpen`. */
|
|
4109
|
+
anchor?: ComponentProps<typeof Combobox.Content>['anchor'];
|
|
4110
|
+
/**
|
|
4111
|
+
* The search text, typed elsewhere (a chat composer): with `anchor`, the popup has no search.
|
|
4112
|
+
* The host forwards ArrowUp, ArrowDown, Enter and Escape to the `combobox` input it renders.
|
|
4113
|
+
*/
|
|
4114
|
+
query?: string;
|
|
4051
4115
|
};
|
|
4052
4116
|
/**
|
|
4053
4117
|
* Props for `MultiCombobox`.
|
|
4054
4118
|
*
|
|
4055
4119
|
* - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.
|
|
4056
4120
|
*/
|
|
4057
|
-
type Props$
|
|
4121
|
+
type Props$166<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps<Value, GroupShape>>;
|
|
4058
4122
|
/**
|
|
4059
4123
|
* Searchable multi-select with chips, built on Base UI Combobox.
|
|
4060
4124
|
*
|
|
4061
4125
|
* @see RECIPES.md#creatable-multi-combobox
|
|
4062
4126
|
* @see RECIPES.md#filter-toolbar
|
|
4063
4127
|
*/
|
|
4064
|
-
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, variant, sizing, 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, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible, ...accessibleName }: Props$
|
|
4128
|
+
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, variant, sizing, 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;
|
|
4065
4129
|
//#endregion
|
|
4066
4130
|
//#region src/blocks/Form/connectors/ComboboxField.d.ts
|
|
4067
|
-
type Props$
|
|
4131
|
+
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'> & {
|
|
4068
4132
|
inputClassName?: string;
|
|
4069
4133
|
};
|
|
4070
4134
|
/**
|
|
@@ -4075,10 +4139,10 @@ type Props$157 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>,
|
|
|
4075
4139
|
* - `allowClear` defaults to `!required`: a required value is not one click from empty.
|
|
4076
4140
|
* - `string` items only — objects would put presentation into the payload; use `itemToStringLabel`.
|
|
4077
4141
|
*/
|
|
4078
|
-
declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$
|
|
4142
|
+
declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$165) => import("react").JSX.Element;
|
|
4079
4143
|
//#endregion
|
|
4080
4144
|
//#region src/blocks/Form/connectors/MultiComboboxField.d.ts
|
|
4081
|
-
type Props$
|
|
4145
|
+
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'> & {
|
|
4082
4146
|
inputClassName?: string;
|
|
4083
4147
|
};
|
|
4084
4148
|
/**
|
|
@@ -4089,7 +4153,7 @@ type Props$156 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
|
|
|
4089
4153
|
* - Reads the field from context; render it inside `form.AppField`.
|
|
4090
4154
|
* - `string` items only — objects would put presentation into the payload; use `itemToLabel`.
|
|
4091
4155
|
*/
|
|
4092
|
-
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$
|
|
4156
|
+
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$164) => import("react").JSX.Element;
|
|
4093
4157
|
//#endregion
|
|
4094
4158
|
//#region src/blocks/ChipEditor/ChipEditor.d.ts
|
|
4095
4159
|
type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
@@ -4135,12 +4199,12 @@ type TextareaOwnProps = {
|
|
|
4135
4199
|
disableResize?: boolean;
|
|
4136
4200
|
containerClassName?: string;
|
|
4137
4201
|
};
|
|
4138
|
-
type Props$
|
|
4202
|
+
type Props$163 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
|
|
4139
4203
|
/**
|
|
4140
4204
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
4141
4205
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
4142
4206
|
*/
|
|
4143
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$
|
|
4207
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$163) => import("react").JSX.Element;
|
|
4144
4208
|
//#endregion
|
|
4145
4209
|
//#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
|
|
4146
4210
|
type AutoSaveTextareaProps = {
|
|
@@ -4152,17 +4216,64 @@ type AutoSaveTextareaProps = {
|
|
|
4152
4216
|
} & Pick<ComponentProps<typeof Textarea>, 'variant' | 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
|
|
4153
4217
|
declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, grow, ...textareaProps }: AutoSaveTextareaProps) => import("react").JSX.Element;
|
|
4154
4218
|
//#endregion
|
|
4219
|
+
//#region src/blocks/InlineEdit/InlineEdit.d.ts
|
|
4220
|
+
type Size = 'auto' | 'sm' | 'md' | 'lg' | 'title';
|
|
4221
|
+
type Props$162 = {
|
|
4222
|
+
/** The text shown, and the draft while editing. */
|
|
4223
|
+
value: string;
|
|
4224
|
+
onChange: (value: string) => void;
|
|
4225
|
+
/** Enter, Save, or a blur with a valid change. */
|
|
4226
|
+
onSubmit: () => void;
|
|
4227
|
+
/** Escape, Cancel, or leaving the field with nothing changed. */
|
|
4228
|
+
onCancel: () => void;
|
|
4229
|
+
isEditing: boolean;
|
|
4230
|
+
/** Opens the editor from view mode; omit when the caller opens it some other way. */
|
|
4231
|
+
onEditStart?: () => void;
|
|
4232
|
+
/** Whether `value` differs from the saved value; nothing to save while false. */
|
|
4233
|
+
isChanged: boolean;
|
|
4234
|
+
/** A save is in flight: buttons and keys are held until it settles. */
|
|
4235
|
+
isSaving?: boolean;
|
|
4236
|
+
/** Why the draft can't be saved; disables Save and becomes its tooltip. */
|
|
4237
|
+
invalidReason?: string | null;
|
|
4238
|
+
/** Renders the value as plain text. */
|
|
4239
|
+
readOnly?: boolean;
|
|
4240
|
+
/** Fills the row while editing (default); `false` keeps the field as wide as its text. */
|
|
4241
|
+
fill?: boolean;
|
|
4242
|
+
/** Long text wraps and the field grows a line at a time; without it the field stays one line. */
|
|
4243
|
+
multiline?: boolean;
|
|
4244
|
+
/** Box height and buttons: sm 24, md 32, lg and title 40px, or `auto` to follow the text. */
|
|
4245
|
+
size?: Size;
|
|
4246
|
+
/** One line with an ellipsis in view mode; otherwise up to two lines. */
|
|
4247
|
+
truncate?: boolean;
|
|
4248
|
+
placeholder?: string;
|
|
4249
|
+
/** Tooltip on the value in view mode. */
|
|
4250
|
+
editTooltip?: ReactNode;
|
|
4251
|
+
tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
|
|
4252
|
+
maxLength?: number;
|
|
4253
|
+
/** Accessible name of the field; defaults to `placeholder`. */
|
|
4254
|
+
'aria-label'?: string;
|
|
4255
|
+
className?: string;
|
|
4256
|
+
};
|
|
4257
|
+
/**
|
|
4258
|
+
* Click-to-edit text: a page title, an entity name, a short label in a row.
|
|
4259
|
+
*
|
|
4260
|
+
* - The caller owns the draft and the editing flag, so it can validate, save and fail on its own terms.
|
|
4261
|
+
* - Enter saves a change and closes an unchanged edit; Escape cancels.
|
|
4262
|
+
* - Not for multi-paragraph or markdown text: use `MarkdownEditor`.
|
|
4263
|
+
*/
|
|
4264
|
+
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;
|
|
4265
|
+
//#endregion
|
|
4155
4266
|
//#region src/blocks/ColorInput/ColorInput.d.ts
|
|
4156
4267
|
type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4157
4268
|
type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
4158
|
-
type Props$
|
|
4269
|
+
type Props$161 = InputGroupProps$6 & InputGroupInputProps$6 & {
|
|
4159
4270
|
value?: string | null;
|
|
4160
4271
|
defaultValue?: string | null;
|
|
4161
4272
|
onValueChange?: (value: string) => void;
|
|
4162
4273
|
onValueBlur?: (value: string) => void;
|
|
4163
4274
|
allowClear?: boolean;
|
|
4164
4275
|
};
|
|
4165
|
-
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
4276
|
+
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$161) => import("react").JSX.Element;
|
|
4166
4277
|
//#endregion
|
|
4167
4278
|
//#region src/components/ThemeProvider/useBrandState.d.ts
|
|
4168
4279
|
type UseBrandOptions = {
|
|
@@ -4197,17 +4308,17 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
|
|
|
4197
4308
|
};
|
|
4198
4309
|
//#endregion
|
|
4199
4310
|
//#region src/components/ThemeProvider/ThemeProvider.d.ts
|
|
4200
|
-
type Props$
|
|
4311
|
+
type Props$160 = UseColorSchemeOptions & UseBrandOptions & {
|
|
4201
4312
|
/** Brands this provider knows about; the active brand id resolves against these. */
|
|
4202
4313
|
brands?: readonly Brand$1[];
|
|
4203
4314
|
children: ReactNode;
|
|
4204
4315
|
};
|
|
4205
|
-
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$
|
|
4316
|
+
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$160) => import("react").JSX.Element;
|
|
4206
4317
|
//#endregion
|
|
4207
4318
|
//#region src/components/ThemeProvider/ThemeScope.d.ts
|
|
4208
4319
|
/** The scope's themed portal container, or `null` outside a `ThemeScope`. */
|
|
4209
4320
|
declare const useThemeScopeContainer: () => HTMLElement | null;
|
|
4210
|
-
type Props$
|
|
4321
|
+
type Props$159 = {
|
|
4211
4322
|
/** Colour scheme for this subtree. `system` follows the OS preference. */
|
|
4212
4323
|
scheme: ColorScheme;
|
|
4213
4324
|
/** Merged onto the child element. */
|
|
@@ -4222,7 +4333,7 @@ type Props$152 = {
|
|
|
4222
4333
|
* tokens, not the brand's inline vars inherited from `<html>`.
|
|
4223
4334
|
* - Renders no wrapper: one would break direct-child selectors like `[data-fill=true] > &`.
|
|
4224
4335
|
*/
|
|
4225
|
-
declare const ThemeScope: ({ scheme, className, children }: Props$
|
|
4336
|
+
declare const ThemeScope: ({ scheme, className, children }: Props$159) => import("react").JSX.Element;
|
|
4226
4337
|
//#endregion
|
|
4227
4338
|
//#region src/components/ThemeProvider/context.d.ts
|
|
4228
4339
|
type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
|
|
@@ -4247,7 +4358,7 @@ declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
|
|
|
4247
4358
|
declare const DEFAULT_BRAND_ID = "design-system";
|
|
4248
4359
|
//#endregion
|
|
4249
4360
|
//#region src/blocks/ColorModeSwitch/ColorModeSwitch.d.ts
|
|
4250
|
-
type Props$
|
|
4361
|
+
type Props$158 = {
|
|
4251
4362
|
/** Controlled — pair with `onValueChange`. */
|
|
4252
4363
|
value: ColorScheme;
|
|
4253
4364
|
onValueChange: (value: ColorScheme) => void;
|
|
@@ -4260,12 +4371,12 @@ type Props$151 = {
|
|
|
4260
4371
|
* - Controlled: owns no state; wire it to the same state as `ThemeProvider.colorScheme`.
|
|
4261
4372
|
* - The trigger's `aria-label` names the current scheme.
|
|
4262
4373
|
*/
|
|
4263
|
-
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$
|
|
4374
|
+
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$158) => import("react").JSX.Element;
|
|
4264
4375
|
//#endregion
|
|
4265
4376
|
//#region src/blocks/DateInput/DateInput.d.ts
|
|
4266
4377
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4267
4378
|
type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4268
|
-
type Props$
|
|
4379
|
+
type Props$157 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
4269
4380
|
value?: Date | null;
|
|
4270
4381
|
defaultValue?: Date | null;
|
|
4271
4382
|
onValueChange?: (value: Date | null) => void;
|
|
@@ -4275,12 +4386,12 @@ type Props$150 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
|
4275
4386
|
endMonth?: Date;
|
|
4276
4387
|
startMonth?: Date;
|
|
4277
4388
|
};
|
|
4278
|
-
declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4389
|
+
declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$157) => import("react").JSX.Element;
|
|
4279
4390
|
//#endregion
|
|
4280
4391
|
//#region src/blocks/NumberInput/NumberInput.d.ts
|
|
4281
4392
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4282
4393
|
type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
4283
|
-
type Props$
|
|
4394
|
+
type Props$156 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
4284
4395
|
value?: number | null;
|
|
4285
4396
|
defaultValue?: number | null;
|
|
4286
4397
|
onValueChange?: (value: number | null) => void;
|
|
@@ -4288,12 +4399,12 @@ type Props$149 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
|
4288
4399
|
prefix?: ReactNode;
|
|
4289
4400
|
suffix?: ReactNode;
|
|
4290
4401
|
};
|
|
4291
|
-
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
4402
|
+
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$156) => import("react").JSX.Element;
|
|
4292
4403
|
//#endregion
|
|
4293
4404
|
//#region src/blocks/PasswordInput/PasswordInput.d.ts
|
|
4294
4405
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4295
4406
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
4296
|
-
type Props$
|
|
4407
|
+
type Props$155 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
4297
4408
|
value?: string | null;
|
|
4298
4409
|
defaultValue?: string | null;
|
|
4299
4410
|
onValueChange?: (value: string) => void;
|
|
@@ -4305,24 +4416,24 @@ type Props$148 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
|
4305
4416
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
4306
4417
|
defaultPasswordVisibility?: boolean;
|
|
4307
4418
|
};
|
|
4308
|
-
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$
|
|
4419
|
+
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, 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;
|
|
4309
4420
|
//#endregion
|
|
4310
4421
|
//#region src/blocks/TimeInput/TimeInput.d.ts
|
|
4311
4422
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4312
4423
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4313
|
-
type Props$
|
|
4424
|
+
type Props$154 = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
4314
4425
|
value?: string | null;
|
|
4315
4426
|
defaultValue?: string | null;
|
|
4316
4427
|
onValueChange?: (value: string | null) => void;
|
|
4317
4428
|
onValueBlur?: (value: string | null) => void;
|
|
4318
4429
|
allowClear?: boolean;
|
|
4319
4430
|
};
|
|
4320
|
-
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4431
|
+
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$154) => import("react").JSX.Element;
|
|
4321
4432
|
//#endregion
|
|
4322
4433
|
//#region src/blocks/DateRangeInput/DateRangeInput.d.ts
|
|
4323
4434
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4324
4435
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4325
|
-
type Props$
|
|
4436
|
+
type Props$153 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
4326
4437
|
value?: DateRange$1 | null;
|
|
4327
4438
|
defaultValue?: DateRange$1 | null;
|
|
4328
4439
|
onValueChange?: (value: DateRange$1 | null) => void;
|
|
@@ -4331,7 +4442,7 @@ type Props$146 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
4331
4442
|
startMonth?: Date;
|
|
4332
4443
|
endMonth?: Date;
|
|
4333
4444
|
};
|
|
4334
|
-
declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4445
|
+
declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$153) => import("react").JSX.Element;
|
|
4335
4446
|
//#endregion
|
|
4336
4447
|
//#region src/blocks/OtpInput/OtpInputGroup.d.ts
|
|
4337
4448
|
type GroupProps = ComponentProps<'div'>;
|
|
@@ -4381,7 +4492,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
4381
4492
|
* - `value={null}` / `undefined` is uncontrolled (falls back to `defaultValue`, else empty).
|
|
4382
4493
|
* - `value={""}` is controlled-empty.
|
|
4383
4494
|
*/
|
|
4384
|
-
type Props$
|
|
4495
|
+
type Props$152 = InputGroupProps & InputGroupInputProps & {
|
|
4385
4496
|
value?: string | null;
|
|
4386
4497
|
defaultValue?: string | null;
|
|
4387
4498
|
/** Debounced; fires synchronously on clear and with `disableDebounce`. Use `onChange` per keystroke. */
|
|
@@ -4404,7 +4515,7 @@ type Props$145 = InputGroupProps & InputGroupInputProps & {
|
|
|
4404
4515
|
*
|
|
4405
4516
|
* @see RECIPES.md#filter-toolbar
|
|
4406
4517
|
*/
|
|
4407
|
-
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$
|
|
4518
|
+
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$152) => import("react").JSX.Element;
|
|
4408
4519
|
//#endregion
|
|
4409
4520
|
//#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
|
|
4410
4521
|
type SearchInputWithNavigationProps = {
|
|
@@ -4424,7 +4535,7 @@ declare const SearchInputWithNavigation: ({ ref, value, onValueChange, placehold
|
|
|
4424
4535
|
ref?: Ref<HTMLInputElement>;
|
|
4425
4536
|
}) => import("react").JSX.Element;
|
|
4426
4537
|
//#endregion
|
|
4427
|
-
//#region ../../node_modules/.pnpm/react-dropzone@14.2.
|
|
4538
|
+
//#region ../../node_modules/.pnpm/react-dropzone@14.2.3_@types+react@19.3.0_react@19.3.0/node_modules/react-dropzone/typings/react-dropzone.d.ts
|
|
4428
4539
|
declare enum ErrorCode {
|
|
4429
4540
|
FileInvalidType = "file-invalid-type",
|
|
4430
4541
|
FileTooLarge = "file-too-large",
|
|
@@ -4524,7 +4635,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
|
|
|
4524
4635
|
declare const useFileUploadRejections: () => FileUploadRejection[];
|
|
4525
4636
|
//#endregion
|
|
4526
4637
|
//#region src/components/FileUpload/FileUploadDropZone.d.ts
|
|
4527
|
-
type Props$
|
|
4638
|
+
type Props$151 = {
|
|
4528
4639
|
/** Override the default copy / icon block. */
|
|
4529
4640
|
children?: ReactNode;
|
|
4530
4641
|
/** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
|
|
@@ -4534,10 +4645,10 @@ type Props$144 = {
|
|
|
4534
4645
|
* Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
|
|
4535
4646
|
* Pass `children` to fully replace the inner block.
|
|
4536
4647
|
*/
|
|
4537
|
-
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$
|
|
4648
|
+
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$151) => import("react").JSX.Element;
|
|
4538
4649
|
//#endregion
|
|
4539
4650
|
//#region src/components/FileUpload/FileUploadFileList.d.ts
|
|
4540
|
-
type Props$
|
|
4651
|
+
type Props$150 = {
|
|
4541
4652
|
files: File[];
|
|
4542
4653
|
onRemove?: (file: File, index: number) => void;
|
|
4543
4654
|
/**
|
|
@@ -4550,10 +4661,10 @@ type Props$143 = {
|
|
|
4550
4661
|
* Selected-files list. Caller owns the `files` array — pass it back into the list and handle
|
|
4551
4662
|
* removal via `onRemove`.
|
|
4552
4663
|
*/
|
|
4553
|
-
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$
|
|
4664
|
+
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$150) => import("react").JSX.Element | null;
|
|
4554
4665
|
//#endregion
|
|
4555
4666
|
//#region src/components/FileUpload/FileUpload.d.ts
|
|
4556
|
-
type Props$
|
|
4667
|
+
type Props$149 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
4557
4668
|
/** Storybook-only: force a visual state without simulating real drag events. */
|
|
4558
4669
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
4559
4670
|
children: ReactNode;
|
|
@@ -4567,18 +4678,18 @@ type Props$142 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
|
4567
4678
|
* - For a drop target you style yourself, use `useFileDropTarget`.
|
|
4568
4679
|
* - Rejection copy is the caller's — read it with `useFileUploadRejections()`.
|
|
4569
4680
|
*/
|
|
4570
|
-
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
4681
|
+
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$149) => import("react").JSX.Element;
|
|
4571
4682
|
declare const FileUpload: typeof FileUploadInner & {
|
|
4572
4683
|
DropZone: typeof FileUploadDropZone;
|
|
4573
4684
|
FileList: typeof FileUploadFileList;
|
|
4574
4685
|
};
|
|
4575
4686
|
//#endregion
|
|
4576
4687
|
//#region src/blocks/FormGroup/FormGroupColorInput.d.ts
|
|
4577
|
-
type Props$
|
|
4578
|
-
declare const FormGroupColorInput: ({ ref, ...props }: Props$
|
|
4688
|
+
type Props$148 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
|
|
4689
|
+
declare const FormGroupColorInput: ({ ref, ...props }: Props$148) => import("react").JSX.Element;
|
|
4579
4690
|
//#endregion
|
|
4580
4691
|
//#region src/blocks/FormGroup/FormGroupError.d.ts
|
|
4581
|
-
type Props$
|
|
4692
|
+
type Props$147 = ComponentPropsWithRef<'div'> & {
|
|
4582
4693
|
/**
|
|
4583
4694
|
* TanStack Form errors: strings or `{ message }` objects; several render as a list.
|
|
4584
4695
|
* Ignored when `children` is provided.
|
|
@@ -4593,30 +4704,30 @@ type Props$140 = ComponentPropsWithRef<'div'> & {
|
|
|
4593
4704
|
* - `role="alert"` announces it even when focus is elsewhere (e.g. on submit).
|
|
4594
4705
|
* - A `<div>`, not `<p>`, so several errors can render as a `<ul>`.
|
|
4595
4706
|
*/
|
|
4596
|
-
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$
|
|
4707
|
+
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$147) => import("react").JSX.Element | null;
|
|
4597
4708
|
//#endregion
|
|
4598
4709
|
//#region src/components/HelpBlock/HelpBlock.d.ts
|
|
4599
4710
|
declare const helpVariants: (props?: ({
|
|
4600
4711
|
state?: "default" | "warning" | null | undefined;
|
|
4601
4712
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4602
|
-
type Props$
|
|
4603
|
-
declare const HelpBlock: ({ children, className, state, ...rest }: Props$
|
|
4713
|
+
type Props$146 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
|
|
4714
|
+
declare const HelpBlock: ({ children, className, state, ...rest }: Props$146) => import("react").JSX.Element | null;
|
|
4604
4715
|
//#endregion
|
|
4605
4716
|
//#region src/blocks/FormGroup/FormGroupHelp.d.ts
|
|
4606
|
-
type Props$
|
|
4607
|
-
declare const FormGroupHelp: ({ children, ...rest }: Props$
|
|
4717
|
+
type Props$145 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
|
|
4718
|
+
declare const FormGroupHelp: ({ children, ...rest }: Props$145) => import("react").JSX.Element;
|
|
4608
4719
|
//#endregion
|
|
4609
4720
|
//#region src/blocks/FormGroup/FormGroupNumberInput.d.ts
|
|
4610
|
-
type Props$
|
|
4611
|
-
declare const FormGroupNumberInput: ({ ref, ...props }: Props$
|
|
4721
|
+
type Props$144 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
|
|
4722
|
+
declare const FormGroupNumberInput: ({ ref, ...props }: Props$144) => import("react").JSX.Element;
|
|
4612
4723
|
//#endregion
|
|
4613
4724
|
//#region src/blocks/FormGroup/FormGroupTextarea.d.ts
|
|
4614
|
-
type Props$
|
|
4615
|
-
declare const FormGroupTextarea: (props: Props$
|
|
4725
|
+
type Props$143 = Omit<ComponentProps<typeof Textarea>, 'state'>;
|
|
4726
|
+
declare const FormGroupTextarea: (props: Props$143) => import("react").JSX.Element;
|
|
4616
4727
|
//#endregion
|
|
4617
4728
|
//#region src/blocks/FormGroup/FormGroupTextInput.d.ts
|
|
4618
|
-
type Props$
|
|
4619
|
-
declare const FormGroupTextInput: ({ ref, ...props }: Props$
|
|
4729
|
+
type Props$142 = Omit<ComponentProps<typeof TextInput>, 'state'>;
|
|
4730
|
+
declare const FormGroupTextInput: ({ ref, ...props }: Props$142) => import("react").JSX.Element;
|
|
4620
4731
|
//#endregion
|
|
4621
4732
|
//#region src/blocks/FormGroup/types.d.ts
|
|
4622
4733
|
type ValidityState = 'default' | 'error' | 'warning';
|
|
@@ -4654,7 +4765,7 @@ declare const SIZES: {
|
|
|
4654
4765
|
readonly gap: 'little-small';
|
|
4655
4766
|
};
|
|
4656
4767
|
};
|
|
4657
|
-
type Props$
|
|
4768
|
+
type Props$141 = {
|
|
4658
4769
|
/** The answer as text, for the clipboard; empty or absent draws no copy button. */
|
|
4659
4770
|
copyText?: string;
|
|
4660
4771
|
/** The vote already recorded against this answer, or `null` for none. */
|
|
@@ -4677,6 +4788,12 @@ type Props$134 = {
|
|
|
4677
4788
|
layout?: 'inline' | 'split';
|
|
4678
4789
|
/** Fires on copy; the button does the copying itself. */
|
|
4679
4790
|
onCopy?: () => void;
|
|
4791
|
+
/** Opt-in. After a thumbs-down, a one-line input sends the reader's comment here; the caller upserts it. */
|
|
4792
|
+
onDownComment?: (text: string) => void;
|
|
4793
|
+
commentPlaceholder?: string;
|
|
4794
|
+
/** Opt-in. Draws a button that asks the question again. */
|
|
4795
|
+
onRegenerate?: () => void;
|
|
4796
|
+
regenerateLabel?: string;
|
|
4680
4797
|
};
|
|
4681
4798
|
/**
|
|
4682
4799
|
* Copy and thumbs up/down for a finished answer.
|
|
@@ -4685,21 +4802,99 @@ type Props$134 = {
|
|
|
4685
4802
|
* - A vote can be changed but not withdrawn; pressing the pressed one re-sends it.
|
|
4686
4803
|
* - The caller owns the recorded vote and the write.
|
|
4687
4804
|
*/
|
|
4688
|
-
declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout }: Props$
|
|
4805
|
+
declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout, onDownComment, commentPlaceholder, onRegenerate, regenerateLabel }: Props$141) => import("react").JSX.Element;
|
|
4806
|
+
//#endregion
|
|
4807
|
+
//#region src/blocks/AIKit/SourceChip.d.ts
|
|
4808
|
+
type SourceState = 'verified' | 'unverified' | 'neutral';
|
|
4809
|
+
type SourceChipProps = {
|
|
4810
|
+
label: string;
|
|
4811
|
+
/** `verified`: a tool call supports it. `unverified`: named but never touched. `neutral`: nothing to check against. */
|
|
4812
|
+
state?: SourceState;
|
|
4813
|
+
/** What kind of thing it is (e.g. "table"); part of the accessible name, not the face. */
|
|
4814
|
+
kind?: string;
|
|
4815
|
+
icon?: ReactNode;
|
|
4816
|
+
/** Renders a link; also takes `onClick` for an in-page open that keeps the link as a fallback. */
|
|
4817
|
+
href?: string;
|
|
4818
|
+
/** Opens the link in a new tab. */
|
|
4819
|
+
external?: boolean;
|
|
4820
|
+
onClick?: () => void;
|
|
4821
|
+
title?: string;
|
|
4822
|
+
className?: string;
|
|
4823
|
+
};
|
|
4824
|
+
/**
|
|
4825
|
+
* One cited source in an answer's provenance row.
|
|
4826
|
+
*
|
|
4827
|
+
* - The verdict rides the border and the accessible name, not the visible text.
|
|
4828
|
+
* - A link when it has `href`, a button when it only has `onClick`, a plain label otherwise.
|
|
4829
|
+
* - A plain left click goes to `onClick`; modified clicks keep the link's own behaviour.
|
|
4830
|
+
*/
|
|
4831
|
+
declare const SourceChip: (props: SourceChipProps) => import("react").JSX.Element;
|
|
4832
|
+
//#endregion
|
|
4833
|
+
//#region src/blocks/AIKit/AnswerSources.d.ts
|
|
4834
|
+
declare const ANSWER_SOURCES_VISIBLE = 6;
|
|
4835
|
+
type AnswerSource = SourceChipProps & {
|
|
4836
|
+
id: string;
|
|
4837
|
+
};
|
|
4838
|
+
type Props$140 = {
|
|
4839
|
+
sources: AnswerSource[];
|
|
4840
|
+
/** Row heading. */
|
|
4841
|
+
label?: string;
|
|
4842
|
+
/** Shown instead of chips when `sources` is empty. */
|
|
4843
|
+
emptyLabel?: string;
|
|
4844
|
+
/** Chips shown before "+N more". */
|
|
4845
|
+
visibleCount?: number;
|
|
4846
|
+
/** Extra line under the row, e.g. the assumptions the answer made. */
|
|
4847
|
+
footnote?: ReactNode;
|
|
4848
|
+
className?: string;
|
|
4849
|
+
};
|
|
4850
|
+
/**
|
|
4851
|
+
* The provenance row under an answer: where its figures came from.
|
|
4852
|
+
*
|
|
4853
|
+
* - Says "N unverified" once, instead of on every chip, so checked sources can look calm.
|
|
4854
|
+
* - Collapses past `visibleCount` behind a "+N more" toggle.
|
|
4855
|
+
* - Empty `sources` states that none were declared, which is itself information.
|
|
4856
|
+
*/
|
|
4857
|
+
declare const AnswerSources: ({ sources, label, emptyLabel, visibleCount, footnote, className }: Props$140) => import("react").JSX.Element;
|
|
4689
4858
|
//#endregion
|
|
4690
4859
|
//#region src/blocks/AIKit/AnswerSummary.d.ts
|
|
4691
4860
|
type AnswerItem = {
|
|
4692
4861
|
question: string;
|
|
4693
4862
|
answer?: string;
|
|
4694
4863
|
};
|
|
4695
|
-
type Variant = 'success' | 'dismissed';
|
|
4864
|
+
type Variant = 'success' | 'dismissed' | 'expired';
|
|
4696
4865
|
type Props = {
|
|
4697
4866
|
items: readonly AnswerItem[];
|
|
4698
4867
|
variant?: Variant;
|
|
4868
|
+
/** Follows the header label, e.g. `Cancelled`; defaults to `Expired` for the `expired` variant. */
|
|
4869
|
+
statusLabel?: string;
|
|
4870
|
+
/** Why the questions are in their state, shown first once expanded. */
|
|
4871
|
+
statusMessage?: ReactNode;
|
|
4699
4872
|
noAnswerLabel?: string;
|
|
4700
4873
|
onExpandToggle?: (next: boolean) => void;
|
|
4701
4874
|
};
|
|
4702
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
|
|
4875
|
+
declare const AnswerSummary: ({ items, variant, statusLabel, statusMessage, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
|
|
4876
|
+
//#endregion
|
|
4877
|
+
//#region src/blocks/AIKit/AttachmentChip.d.ts
|
|
4878
|
+
type AttachmentStatus = 'uploading' | 'ready' | 'error';
|
|
4879
|
+
type Props$139 = {
|
|
4880
|
+
name: string;
|
|
4881
|
+
/** Replaces the file glyph while the upload is not failing. */
|
|
4882
|
+
thumbnailUrl?: string;
|
|
4883
|
+
status: AttachmentStatus;
|
|
4884
|
+
/** Shown as a tooltip on an `error` chip. */
|
|
4885
|
+
error?: string;
|
|
4886
|
+
onRemove: () => void;
|
|
4887
|
+
/** Extra content after the name, e.g. a size. */
|
|
4888
|
+
trailing?: ReactNode;
|
|
4889
|
+
className?: string;
|
|
4890
|
+
};
|
|
4891
|
+
/**
|
|
4892
|
+
* A file attached to a message being composed.
|
|
4893
|
+
*
|
|
4894
|
+
* - Capped width with a truncating name, so a long filename cannot push the text away.
|
|
4895
|
+
* - `error` explains itself in a tooltip; the remove control stays available in every status.
|
|
4896
|
+
*/
|
|
4897
|
+
declare const AttachmentChip: ({ name, thumbnailUrl, status, error, onRemove, trailing, className }: Props$139) => import("react").JSX.Element;
|
|
4703
4898
|
//#endregion
|
|
4704
4899
|
//#region src/blocks/AIKit/ChatInlineIcon.d.ts
|
|
4705
4900
|
/**
|
|
@@ -4710,7 +4905,7 @@ declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }:
|
|
|
4710
4905
|
* - A name that is both (`save`, of `save-changes`) is drawn now.
|
|
4711
4906
|
*/
|
|
4712
4907
|
declare const getChatInlineIconName: (text: string) => string | undefined;
|
|
4713
|
-
type Props$
|
|
4908
|
+
type Props$138 = {
|
|
4714
4909
|
/** The name from the token, without the `icon:` prefix. */
|
|
4715
4910
|
name: string;
|
|
4716
4911
|
};
|
|
@@ -4722,20 +4917,64 @@ type Props$133 = {
|
|
|
4722
4917
|
* - The heavier stroke holds its own beside a bold heading.
|
|
4723
4918
|
* - `aria-hidden`: the token's text is removed, so the glyph has no label to announce.
|
|
4724
4919
|
*/
|
|
4725
|
-
declare const ChatInlineIcon: ({ name }: Props$
|
|
4920
|
+
declare const ChatInlineIcon: ({ name }: Props$138) => import("react").JSX.Element | null;
|
|
4921
|
+
//#endregion
|
|
4922
|
+
//#region src/blocks/AIKit/ChatNotice.d.ts
|
|
4923
|
+
type ChatNoticeTone = 'error' | 'warn' | 'info';
|
|
4924
|
+
type Props$137 = {
|
|
4925
|
+
tone: ChatNoticeTone;
|
|
4926
|
+
children: ReactNode;
|
|
4927
|
+
/** A control for the reader to act on, e.g. a retry button. */
|
|
4928
|
+
action?: ReactNode;
|
|
4929
|
+
/** Raw error text, behind a collapsed "Technical details". */
|
|
4930
|
+
details?: string;
|
|
4931
|
+
/** Seconds until the action is worth trying again; counts down beside the message. */
|
|
4932
|
+
retryAfter?: number;
|
|
4933
|
+
className?: string;
|
|
4934
|
+
};
|
|
4935
|
+
/**
|
|
4936
|
+
* A notice row in a chat transcript.
|
|
4937
|
+
*
|
|
4938
|
+
* - Thin wrapper over `Alert`; `warn` maps to the warning variant.
|
|
4939
|
+
* - `details` stays collapsed so a stack trace never crowds the message.
|
|
4940
|
+
* - `retryAfter` appends a live countdown; `action` is always rendered, so the host decides whether to gate it.
|
|
4941
|
+
*/
|
|
4942
|
+
declare const ChatNotice: ({ tone, children, action, details, retryAfter, className }: Props$137) => import("react").JSX.Element;
|
|
4726
4943
|
//#endregion
|
|
4727
4944
|
//#region src/blocks/AIKit/CollapsibleStepHeader.d.ts
|
|
4728
4945
|
type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4729
|
-
type Props$
|
|
4946
|
+
type Props$136 = {
|
|
4730
4947
|
isExpanded: boolean;
|
|
4731
4948
|
onToggle: () => void;
|
|
4732
4949
|
label: ReactNode;
|
|
4733
4950
|
variant?: Variant$5;
|
|
4734
4951
|
};
|
|
4735
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$
|
|
4952
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$136) => import("react").JSX.Element;
|
|
4953
|
+
//#endregion
|
|
4954
|
+
//#region src/blocks/AIKit/ContextChip.d.ts
|
|
4955
|
+
declare const CONTEXT_CHIP_EXPANDABLE_LENGTH = 120;
|
|
4956
|
+
type ContextImage = {
|
|
4957
|
+
src: string;
|
|
4958
|
+
alt: string;
|
|
4959
|
+
};
|
|
4960
|
+
type Props$135 = {
|
|
4961
|
+
/** Where the quote came from, e.g. a message or a page title. */
|
|
4962
|
+
label: string;
|
|
4963
|
+
excerpt: string;
|
|
4964
|
+
images?: ContextImage[];
|
|
4965
|
+
onRemove: () => void;
|
|
4966
|
+
className?: string;
|
|
4967
|
+
};
|
|
4968
|
+
/**
|
|
4969
|
+
* A quote or reference attached to a message being composed.
|
|
4970
|
+
*
|
|
4971
|
+
* - The excerpt is clamped to two lines; "Show all" appears once it is long enough to be cut.
|
|
4972
|
+
* - Images sit under the excerpt as small thumbnails.
|
|
4973
|
+
*/
|
|
4974
|
+
declare const ContextChip: ({ label, excerpt, images, onRemove, className }: Props$135) => import("react").JSX.Element;
|
|
4736
4975
|
//#endregion
|
|
4737
4976
|
//#region src/blocks/AIKit/FileDownloadChip.d.ts
|
|
4738
|
-
type Props$
|
|
4977
|
+
type Props$134 = {
|
|
4739
4978
|
/** The file's own name, as the reader will see it saved. */
|
|
4740
4979
|
fileName: string;
|
|
4741
4980
|
/** Where it sits in the workspace, shown on hover — what tells two `report.pdf`s apart. */
|
|
@@ -4745,15 +4984,51 @@ type Props$131 = {
|
|
|
4745
4984
|
/** Whether a download is in flight — the host owns the fetch and the save. */
|
|
4746
4985
|
isPending?: boolean;
|
|
4747
4986
|
onDownload: () => void;
|
|
4987
|
+
/** Opt-in. Makes the name a preview button and the download a button of its own beside it. */
|
|
4988
|
+
onPreview?: () => void;
|
|
4989
|
+
/** Opt-in. Extra controls drawn as part of the chip, e.g. Save to library. */
|
|
4990
|
+
actions?: ReactNode;
|
|
4748
4991
|
className?: string;
|
|
4749
4992
|
};
|
|
4750
4993
|
/**
|
|
4751
4994
|
* A file the agent wrote, offered inside its own answer.
|
|
4752
4995
|
*
|
|
4753
|
-
* -
|
|
4996
|
+
* - By default the whole chip is the control: a small icon beside a truncating filename is hard to hit.
|
|
4997
|
+
* - With `onPreview` or `actions` the chip splits: the name previews (or downloads, without
|
|
4998
|
+
* `onPreview`), the download sits beside it, and `actions` follow.
|
|
4754
4999
|
* - Presentation only — the host fetches and saves, through its own auth.
|
|
4755
5000
|
*/
|
|
4756
|
-
declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, className }: Props$
|
|
5001
|
+
declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, onPreview, actions, className }: Props$134) => import("react").JSX.Element;
|
|
5002
|
+
//#endregion
|
|
5003
|
+
//#region src/blocks/AIKit/FileGalleryTile.d.ts
|
|
5004
|
+
type FileGalleryImage = {
|
|
5005
|
+
id: string;
|
|
5006
|
+
name: string;
|
|
5007
|
+
/** The thumbnail's URL; absent while the host is still loading it. */
|
|
5008
|
+
src?: string;
|
|
5009
|
+
/** The host could not produce a thumbnail. */
|
|
5010
|
+
isFailed?: boolean;
|
|
5011
|
+
};
|
|
5012
|
+
//#endregion
|
|
5013
|
+
//#region src/blocks/AIKit/FileGallery.d.ts
|
|
5014
|
+
type Props$133 = {
|
|
5015
|
+
images: readonly FileGalleryImage[];
|
|
5016
|
+
onOpen: (image: FileGalleryImage) => void;
|
|
5017
|
+
onRetry?: (image: FileGalleryImage) => void;
|
|
5018
|
+
/** Fires once per tile as it nears the viewport; the host loads its thumbnail here. */
|
|
5019
|
+
onImageVisible?: (image: FileGalleryImage) => void;
|
|
5020
|
+
/** Tiles drawn before the rest sit behind "+N more". */
|
|
5021
|
+
maxTiles?: number;
|
|
5022
|
+
className?: string;
|
|
5023
|
+
};
|
|
5024
|
+
/**
|
|
5025
|
+
* Image files the agent wrote, as a grid of thumbnails.
|
|
5026
|
+
*
|
|
5027
|
+
* - Presentation only: the host owns thumbnail URLs, their loading and their auth.
|
|
5028
|
+
* - Tiles ask for their thumbnail as they near the viewport, so a long gallery loads on scroll.
|
|
5029
|
+
* - Draws `maxTiles`, then a "+N more" button that reveals the rest.
|
|
5030
|
+
*/
|
|
5031
|
+
declare const FileGallery: ({ images, onOpen, onRetry, onImageVisible, maxTiles, className }: Props$133) => import("react").JSX.Element | null;
|
|
4757
5032
|
//#endregion
|
|
4758
5033
|
//#region src/blocks/AIKit/InlineStepDetail.d.ts
|
|
4759
5034
|
type Props$2 = {
|
|
@@ -4762,17 +5037,28 @@ type Props$2 = {
|
|
|
4762
5037
|
declare const InlineStepDetail: ({ children }: Props$2) => import("react").JSX.Element;
|
|
4763
5038
|
//#endregion
|
|
4764
5039
|
//#region src/blocks/AIKit/InlineStepLabel.d.ts
|
|
5040
|
+
/**
|
|
5041
|
+
* How a step reads in one mark.
|
|
5042
|
+
*
|
|
5043
|
+
* - A step that failed and then succeeded on retry is `success`.
|
|
5044
|
+
* - A step that was stopped before it finished is `dismissed`.
|
|
5045
|
+
*/
|
|
4765
5046
|
type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
|
|
4766
5047
|
type Props$4 = {
|
|
4767
5048
|
variant: Variant$3;
|
|
4768
5049
|
children: ReactNode;
|
|
5050
|
+
/** Quiet trailing text after the label, e.g. how long the step took. */
|
|
5051
|
+
meta?: ReactNode;
|
|
5052
|
+
/** Opt-in. What the step did or returned, behind a Details toggle on the row. */
|
|
5053
|
+
detail?: ReactNode;
|
|
5054
|
+
defaultExpanded?: boolean;
|
|
4769
5055
|
};
|
|
4770
|
-
declare const InlineStepLabel: ({ variant, children }: Props$4) => import("react").JSX.Element;
|
|
5056
|
+
declare const InlineStepLabel: ({ variant, children, meta, detail, defaultExpanded }: Props$4) => import("react").JSX.Element;
|
|
4771
5057
|
//#endregion
|
|
4772
5058
|
//#region src/blocks/AIKit/InlineStepGroup.d.ts
|
|
4773
5059
|
type Props$3 = {
|
|
4774
5060
|
label: ReactNode;
|
|
4775
|
-
/** How the whole run reads in one mark
|
|
5061
|
+
/** How the whole run reads in one mark; a retried-then-recovered run is `success`, a stopped one `dismissed`. */
|
|
4776
5062
|
variant?: Variant$3;
|
|
4777
5063
|
isExpanded: boolean;
|
|
4778
5064
|
onToggle: () => void;
|
|
@@ -4783,6 +5069,8 @@ type Props$3 = {
|
|
|
4783
5069
|
/** E2E anchor; selectors in `packages/e2e-testing` break silently if it moves. */
|
|
4784
5070
|
'data-testid'?: string;
|
|
4785
5071
|
className?: string;
|
|
5072
|
+
/** Opt-in. Drawn under the last row, inside the group, e.g. a connect link or a retry. */
|
|
5073
|
+
footer?: ReactNode;
|
|
4786
5074
|
/** The rows: `InlineStepLabel`, `InlineStepDetail`, and whatever a host draws between them. */
|
|
4787
5075
|
children: ReactNode;
|
|
4788
5076
|
};
|
|
@@ -4794,7 +5082,37 @@ type Props$3 = {
|
|
|
4794
5082
|
* - Animates `grid-template-rows`; children stay mounted while closed.
|
|
4795
5083
|
* - `role="group"`, not a `region` landmark: dozens per transcript would drown real landmarks.
|
|
4796
5084
|
*/
|
|
4797
|
-
declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, children }: Props$3) => import("react").JSX.Element;
|
|
5085
|
+
declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, footer, children }: Props$3) => import("react").JSX.Element;
|
|
5086
|
+
//#endregion
|
|
5087
|
+
//#region src/blocks/AIKit/JumpToLatest.d.ts
|
|
5088
|
+
type Props$132 = {
|
|
5089
|
+
visible: boolean;
|
|
5090
|
+
/** The agent is still writing below the fold: the button pulses. */
|
|
5091
|
+
working?: boolean;
|
|
5092
|
+
onClick: () => void;
|
|
5093
|
+
/** Text beside the arrow; absent draws an icon-only button named "Scroll to bottom". */
|
|
5094
|
+
label?: string;
|
|
5095
|
+
className?: string;
|
|
5096
|
+
};
|
|
5097
|
+
/**
|
|
5098
|
+
* Scrolls a transcript back to its newest message.
|
|
5099
|
+
*
|
|
5100
|
+
* - Renders nothing while `visible` is false.
|
|
5101
|
+
* - Positioning is the host's: pass `className` to pin it over the list.
|
|
5102
|
+
*/
|
|
5103
|
+
declare const JumpToLatest: ({ visible, working, onClick, label, className }: Props$132) => import("react").JSX.Element | null;
|
|
5104
|
+
//#endregion
|
|
5105
|
+
//#region src/blocks/AIKit/markdownOptions.d.ts
|
|
5106
|
+
type RenderDiagramActions = (safeSvg: string) => ReactNode;
|
|
5107
|
+
//#endregion
|
|
5108
|
+
//#region src/blocks/AIKit/diagramLanguages.d.ts
|
|
5109
|
+
/**
|
|
5110
|
+
* The fence languages `Markdown` draws instead of printing.
|
|
5111
|
+
*
|
|
5112
|
+
* - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
|
|
5113
|
+
* - Frozen: it is shared across every app in the bundle.
|
|
5114
|
+
*/
|
|
5115
|
+
declare const DIAGRAM_LANGUAGES: readonly string[];
|
|
4798
5116
|
//#endregion
|
|
4799
5117
|
//#region src/blocks/AIKit/Markdown.d.ts
|
|
4800
5118
|
declare const PROSE_CLASS: {
|
|
@@ -4808,13 +5126,6 @@ declare const PROSE_CLASS: {
|
|
|
4808
5126
|
* - `chrome`: uncapped, dense; for content a model did not write.
|
|
4809
5127
|
*/
|
|
4810
5128
|
type Rhythm = keyof typeof PROSE_CLASS;
|
|
4811
|
-
/**
|
|
4812
|
-
* The fence languages this renderer draws instead of printing.
|
|
4813
|
-
*
|
|
4814
|
-
* - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
|
|
4815
|
-
* - Frozen: it is shared across every app in the bundle.
|
|
4816
|
-
*/
|
|
4817
|
-
declare const DIAGRAM_LANGUAGES: readonly string[];
|
|
4818
5129
|
type BlockProps = {
|
|
4819
5130
|
/** GFM source; ```mermaid/```flint fences render as diagrams. */
|
|
4820
5131
|
children: string;
|
|
@@ -4823,8 +5134,21 @@ type BlockProps = {
|
|
|
4823
5134
|
/** Merged by key; an override **replaces** the built-in renderer, not wraps it.
|
|
4824
5135
|
* Keep in a module constant. */
|
|
4825
5136
|
components?: Components;
|
|
5137
|
+
/** Colour fenced code with a grammar (SQL, Python, JS/TS, JSON, shell, YAML); loads on demand. */
|
|
5138
|
+
highlight?: boolean;
|
|
5139
|
+
/** Sort table rows by a header press; numeric columns sort as numbers. */
|
|
5140
|
+
sortable?: boolean;
|
|
5141
|
+
/** Extra diagram toolbar controls; receives the sanitized SVG. Keep in a module constant. */
|
|
5142
|
+
diagramActions?: RenderDiagramActions;
|
|
5143
|
+
/** Add a built-in "Download SVG" action to every diagram. */
|
|
5144
|
+
diagramDownload?: boolean;
|
|
5145
|
+
/**
|
|
5146
|
+
* Draw a ```svg fence (or an ```xml/```html one holding a single SVG document) as a chart.
|
|
5147
|
+
* Sanitized: no scripts, handlers, `foreignObject`, SMIL or external references.
|
|
5148
|
+
*/
|
|
5149
|
+
allowSvgFences?: boolean;
|
|
4826
5150
|
};
|
|
4827
|
-
type Props$
|
|
5151
|
+
type Props$131 = BlockProps & {
|
|
4828
5152
|
className?: string;
|
|
4829
5153
|
rhythm?: Rhythm;
|
|
4830
5154
|
};
|
|
@@ -4840,8 +5164,8 @@ declare const MarkdownRoot: ({ children, className, rhythm }: PropsWithChildren<
|
|
|
4840
5164
|
rhythm?: Rhythm;
|
|
4841
5165
|
}>) => import("react").JSX.Element;
|
|
4842
5166
|
/** One parsed piece of an answer, with no surface of its own; memoise at the call site. */
|
|
4843
|
-
declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides }: BlockProps) => import("react").JSX.Element;
|
|
4844
|
-
declare function Markdown({ className, rhythm, ...blockProps }: Props$
|
|
5167
|
+
declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides, highlight, sortable, diagramActions, diagramDownload, allowSvgFences }: BlockProps) => import("react").JSX.Element;
|
|
5168
|
+
declare function Markdown({ className, rhythm, ...blockProps }: Props$131): import("react").JSX.Element;
|
|
4845
5169
|
declare namespace Markdown {
|
|
4846
5170
|
export { MarkdownRoot as Root };
|
|
4847
5171
|
export { MarkdownBlock as Block };
|
|
@@ -4858,7 +5182,7 @@ declare const FADE_SURFACE: {
|
|
|
4858
5182
|
readonly background: 'tw:from-background';
|
|
4859
5183
|
};
|
|
4860
5184
|
type Surface = keyof typeof FADE_SURFACE;
|
|
4861
|
-
type Props$
|
|
5185
|
+
type Props$130 = {
|
|
4862
5186
|
/** A `Table bordered` at intrinsic width (`tw:min-w-max`) — otherwise it wraps and never overflows. */
|
|
4863
5187
|
children: ReactNode;
|
|
4864
5188
|
/** What the host paints behind the table; paint `Table`'s header band this colour too. */
|
|
@@ -4867,6 +5191,8 @@ type Props$129 = {
|
|
|
4867
5191
|
actions?: ReactNode;
|
|
4868
5192
|
/** Opens the table somewhere wider; omit where there is nowhere to go (the fade still draws). */
|
|
4869
5193
|
onExpand?: () => void;
|
|
5194
|
+
/** Sort rows by a header press, when the table is drawn by `Markdown`'s row and cell renderers. */
|
|
5195
|
+
sortable?: boolean;
|
|
4870
5196
|
className?: string;
|
|
4871
5197
|
};
|
|
4872
5198
|
/**
|
|
@@ -4878,10 +5204,10 @@ type Props$129 = {
|
|
|
4878
5204
|
* `baseline-widely-available` build floor lacks, and must sit on `Table`'s own container.
|
|
4879
5205
|
* - Past `EXPAND_RATIO` the expand action shows without hover.
|
|
4880
5206
|
*/
|
|
4881
|
-
declare const MarkdownTable: ({ children, actions, onExpand, surface, className }: Props$
|
|
5207
|
+
declare const MarkdownTable: ({ children, actions, onExpand, surface, sortable, className }: Props$130) => import("react").JSX.Element;
|
|
4882
5208
|
//#endregion
|
|
4883
5209
|
//#region src/components/Avatar.d.ts
|
|
4884
|
-
type Props$
|
|
5210
|
+
type Props$129 = {
|
|
4885
5211
|
user?: {
|
|
4886
5212
|
name: string | undefined;
|
|
4887
5213
|
email: string | undefined;
|
|
@@ -4891,22 +5217,62 @@ type Props$128 = {
|
|
|
4891
5217
|
size?: number;
|
|
4892
5218
|
variant?: 'circle' | 'rounded';
|
|
4893
5219
|
} & ComponentProps<'span'>;
|
|
4894
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
5220
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$129) => import("react").JSX.Element;
|
|
5221
|
+
//#endregion
|
|
5222
|
+
//#region src/blocks/AIKit/MessageDeliveryStatus.d.ts
|
|
5223
|
+
type MessageStatus = 'sending' | 'failed';
|
|
4895
5224
|
//#endregion
|
|
4896
5225
|
//#region src/blocks/AIKit/MessageBubble.d.ts
|
|
4897
|
-
type Props$
|
|
5226
|
+
type Props$128 = {
|
|
4898
5227
|
variant: 'user' | 'assistant';
|
|
4899
5228
|
actions?: ReactNode;
|
|
4900
5229
|
createdAt?: string;
|
|
5230
|
+
/** `visible` draws the time in the actions row; the default keeps it as the user bubble's tooltip. */
|
|
5231
|
+
timestamp?: 'tooltip' | 'visible';
|
|
5232
|
+
/** What a user message replies to, drawn as a muted blockquote above the text. */
|
|
5233
|
+
quote?: ReactNode;
|
|
5234
|
+
/** User variant: a message still on its way, or one that did not arrive. */
|
|
5235
|
+
status?: MessageStatus;
|
|
5236
|
+
onRetry?: () => void;
|
|
5237
|
+
/** Who wrote it, where several people share a chat. */
|
|
5238
|
+
author?: ReactNode;
|
|
5239
|
+
/** Clip the message at this height behind Show more / Show less. */
|
|
5240
|
+
collapseAfterPx?: number;
|
|
5241
|
+
/** Opt-in per-message avatar, beside the bubble; none by default so a narrow panel keeps its width. */
|
|
5242
|
+
avatar?: ReactNode;
|
|
4901
5243
|
/** @deprecated No avatar is rendered; accepted so existing call sites keep compiling. */
|
|
4902
5244
|
user?: ComponentProps<typeof Avatar>['user'];
|
|
4903
5245
|
} & PropsWithChildren;
|
|
4904
|
-
declare const MessageBubble: ({ variant, children, actions, createdAt }: Props$
|
|
5246
|
+
declare const MessageBubble: ({ variant, children, actions, createdAt, timestamp, quote, status, onRetry, author, collapseAfterPx, avatar }: Props$128) => import("react").JSX.Element;
|
|
5247
|
+
//#endregion
|
|
5248
|
+
//#region src/blocks/AIKit/ModeChip.d.ts
|
|
5249
|
+
type Props$127 = {
|
|
5250
|
+
children: ReactNode;
|
|
5251
|
+
/** Mounted either way; `false` collapses and fades it out so neighbours slide instead of jump. */
|
|
5252
|
+
visible?: boolean;
|
|
5253
|
+
tooltip?: ReactNode;
|
|
5254
|
+
/** Accessible name of the chip, which turns the mode off. */
|
|
5255
|
+
removeLabel: string;
|
|
5256
|
+
color?: ComponentProps<typeof Badge>['color'];
|
|
5257
|
+
onRemove: () => void;
|
|
5258
|
+
className?: string;
|
|
5259
|
+
};
|
|
5260
|
+
/**
|
|
5261
|
+
* A removable pill naming a mode the composer is in.
|
|
5262
|
+
*
|
|
5263
|
+
* - The whole chip turns the mode off, not just the ×.
|
|
5264
|
+
* - Collapsed via a `0fr` / `1fr` grid column and taken out of the tab order while hidden.
|
|
5265
|
+
*/
|
|
5266
|
+
declare const ModeChip: ({ children, visible, tooltip, removeLabel, color, onRemove, className }: Props$127) => import("react").JSX.Element;
|
|
4905
5267
|
//#endregion
|
|
4906
5268
|
//#region src/blocks/AIKit/PlanApproval.d.ts
|
|
4907
|
-
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
|
|
5269
|
+
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested' | 'expired';
|
|
4908
5270
|
type PlanApprovalProps = {
|
|
4909
5271
|
status: PlanApprovalStatus;
|
|
5272
|
+
/** Replaces the status pill's text, e.g. `Cancelled` for an `expired` card closed by a restart. */
|
|
5273
|
+
statusLabel?: string;
|
|
5274
|
+
/** Why the card is in its status, shown under the title. */
|
|
5275
|
+
statusMessage?: ReactNode;
|
|
4910
5276
|
title: string;
|
|
4911
5277
|
summary?: ReactNode;
|
|
4912
5278
|
stepCount?: number;
|
|
@@ -4936,7 +5302,7 @@ type PlanApprovalProps = {
|
|
|
4936
5302
|
stepCountLabel?: (count: number) => string;
|
|
4937
5303
|
className?: string;
|
|
4938
5304
|
};
|
|
4939
|
-
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;
|
|
5305
|
+
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;
|
|
4940
5306
|
//#endregion
|
|
4941
5307
|
//#region src/blocks/AIKit/PlanRewritingIndicator.d.ts
|
|
4942
5308
|
type PlanRewritingIndicatorProps = {
|
|
@@ -5038,8 +5404,30 @@ type Props$123 = {
|
|
|
5038
5404
|
className?: string;
|
|
5039
5405
|
variant?: 'default' | 'inline';
|
|
5040
5406
|
disableSubmit?: boolean;
|
|
5407
|
+
/** Holds the composer read-only while the host reconnects: focus stays, Enter and send do nothing. */
|
|
5408
|
+
busy?: boolean;
|
|
5409
|
+
/** Escape with no menu open takes the caret out of the textarea. */
|
|
5410
|
+
blurOnEscape?: boolean;
|
|
5411
|
+
/** Runs after the composer's own key handling, and only for a key it left alone. */
|
|
5412
|
+
onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
|
|
5413
|
+
/** Files on the clipboard; a paste carrying text as well still inserts the text. */
|
|
5414
|
+
onPasteFiles?: (files: File[]) => void;
|
|
5415
|
+
/** Lets send fire with an empty text — for a host whose attachments are the message. */
|
|
5416
|
+
canSubmitEmpty?: boolean;
|
|
5417
|
+
/** A non-empty box sends while `streaming`/`submitted` instead of aborting; what that means is
|
|
5418
|
+
* the host's call. An empty box is unaffected, so Stop stays reachable. */
|
|
5419
|
+
allowSendWhileBusy?: boolean;
|
|
5420
|
+
/** Whether stopping is connected to anything; default `true`. `submitted` also covers an
|
|
5421
|
+
* approval POST, where aborting can cancel the question being answered. */
|
|
5422
|
+
canAbort?: boolean;
|
|
5041
5423
|
/** `/` menu: pick one and it becomes the start of the message. */
|
|
5042
5424
|
commands?: PromptCommand[];
|
|
5425
|
+
/** What the `/` list says when it has nothing to list or nothing matches — the host owns that wording. */
|
|
5426
|
+
commandsEmptyText?: ReactNode;
|
|
5427
|
+
/** The `/` commands are still on their way: an empty list says so instead of "none". */
|
|
5428
|
+
commandsLoading?: boolean;
|
|
5429
|
+
/** `typed` opens the `/` menu only for a `/` typed into an empty composer, never for pasted or set text. */
|
|
5430
|
+
slashTrigger?: 'value' | 'typed';
|
|
5043
5431
|
/** A form in the popup's place, opened by a `commands` action row; menus stay closed, Escape calls `onClose`. */
|
|
5044
5432
|
panel?: {
|
|
5045
5433
|
content: ReactNode;
|
|
@@ -5057,8 +5445,10 @@ type Props$123 = {
|
|
|
5057
5445
|
mentionsGroupHeading?: (group: string) => ReactNode;
|
|
5058
5446
|
/** More than one `@` pick per menu: each pick leaves a bare `@`, so the list stays open. */
|
|
5059
5447
|
mentionsMultiple?: boolean;
|
|
5448
|
+
/** Prompts already sent, oldest first: ↑ at the start of the text recalls them, ↓ steps back. */
|
|
5449
|
+
history?: string[];
|
|
5060
5450
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
5061
|
-
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;
|
|
5451
|
+
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;
|
|
5062
5452
|
declare namespace PromptInput {
|
|
5063
5453
|
export { PromptInputAction as Action };
|
|
5064
5454
|
export { PromptInputMenuTrigger as MenuTrigger };
|
|
@@ -5070,6 +5460,8 @@ type QuestionOption = {
|
|
|
5070
5460
|
label: string;
|
|
5071
5461
|
description?: string;
|
|
5072
5462
|
preview?: string;
|
|
5463
|
+
/** A short tag after the label, e.g. `Recommended`. */
|
|
5464
|
+
badge?: string;
|
|
5073
5465
|
};
|
|
5074
5466
|
type Props$7 = {
|
|
5075
5467
|
question: string;
|
|
@@ -5083,11 +5475,20 @@ type Props$7 = {
|
|
|
5083
5475
|
onCustomAnswerConfirm?: () => void;
|
|
5084
5476
|
showCustomAnswer?: boolean;
|
|
5085
5477
|
customAnswerPlaceholder?: string;
|
|
5478
|
+
customAnswerMaxLength?: number;
|
|
5086
5479
|
showSkip?: boolean;
|
|
5087
5480
|
onSkip?: () => void;
|
|
5481
|
+
/** Replaces the Skip button's `Space` hint; `null` drops the tooltip. */
|
|
5482
|
+
skipTooltip?: ReactNode;
|
|
5088
5483
|
onClose?: () => void;
|
|
5089
5484
|
onNext?: () => void;
|
|
5090
5485
|
submitTooltip?: ReactNode;
|
|
5486
|
+
/** Keeps the answer from being sent, by click or by ⌘/Ctrl+Enter. */
|
|
5487
|
+
isSubmitDisabled?: boolean;
|
|
5488
|
+
/** The answer is on its way: Submit spins and every action is disabled. */
|
|
5489
|
+
isSubmitting?: boolean;
|
|
5490
|
+
/** Why the last send failed, shown above the footer. */
|
|
5491
|
+
error?: ReactNode;
|
|
5091
5492
|
onPrevious?: () => void;
|
|
5092
5493
|
currentStep?: number;
|
|
5093
5494
|
totalSteps?: number;
|
|
@@ -5098,7 +5499,7 @@ type Props$7 = {
|
|
|
5098
5499
|
enableShortcuts?: boolean;
|
|
5099
5500
|
className?: string;
|
|
5100
5501
|
};
|
|
5101
|
-
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;
|
|
5502
|
+
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;
|
|
5102
5503
|
//#endregion
|
|
5103
5504
|
//#region src/blocks/AIKit/QuestionBlock.d.ts
|
|
5104
5505
|
type QuestionStep = {
|
|
@@ -5123,17 +5524,49 @@ type Props$6 = {
|
|
|
5123
5524
|
};
|
|
5124
5525
|
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className }: Props$6) => import("react").JSX.Element;
|
|
5125
5526
|
//#endregion
|
|
5527
|
+
//#region src/blocks/AIKit/streamingMarkdown.d.ts
|
|
5528
|
+
/**
|
|
5529
|
+
* A streaming answer split into blocks that can no longer change and the tail that still can.
|
|
5530
|
+
*
|
|
5531
|
+
* - Render each `sealed` block in its own memoised `Markdown.Block`, keyed by index; only `tail` re-parses.
|
|
5532
|
+
* - A sealed block's text never changes as more text arrives.
|
|
5533
|
+
* - Reference links and footnotes defined in a later block resolve only once the full answer renders.
|
|
5534
|
+
*/
|
|
5535
|
+
declare const splitSealedBlocks: (text: string) => {
|
|
5536
|
+
sealed: string[];
|
|
5537
|
+
tail: string;
|
|
5538
|
+
};
|
|
5539
|
+
type WithholdOptions = {
|
|
5540
|
+
/** Fence languages held back while open; `true` means every language `Markdown` draws. */
|
|
5541
|
+
diagram?: boolean | readonly string[];
|
|
5542
|
+
/** Hold back a table header until its delimiter row is complete. */
|
|
5543
|
+
tableHead?: boolean;
|
|
5544
|
+
};
|
|
5545
|
+
/**
|
|
5546
|
+
* The part of a streaming answer that is safe to paint now.
|
|
5547
|
+
*
|
|
5548
|
+
* - An open fence whose language is still being typed is always held back.
|
|
5549
|
+
* - An open fence in a `diagram` language is held back, or every chunk redraws the chart.
|
|
5550
|
+
* - Any other open fence streams as a growing code block.
|
|
5551
|
+
*/
|
|
5552
|
+
declare const withholdOpenTail: (text: string, { diagram, tableHead }?: WithholdOptions) => string;
|
|
5553
|
+
//#endregion
|
|
5126
5554
|
//#region src/blocks/AIKit/SuggestedPrompt.d.ts
|
|
5127
5555
|
type Props$122 = {
|
|
5128
5556
|
label: string;
|
|
5129
5557
|
disabled?: boolean;
|
|
5130
5558
|
onClick: () => void;
|
|
5131
5559
|
icon?: ReactNode;
|
|
5560
|
+
/** A secondary line under the label. */
|
|
5561
|
+
description?: ReactNode;
|
|
5562
|
+
/** Content pinned to the end of the row, e.g. a badge. */
|
|
5563
|
+
trailing?: ReactNode;
|
|
5564
|
+
'aria-label'?: string;
|
|
5132
5565
|
/** `bubble`: shaped like a chat message and outlined — a reply waiting to be sent. */
|
|
5133
5566
|
variant?: 'row' | 'bubble';
|
|
5134
5567
|
className?: string;
|
|
5135
5568
|
};
|
|
5136
|
-
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, variant, className }: Props$122) => import("react").JSX.Element;
|
|
5569
|
+
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, description, trailing, 'aria-label': ariaLabel, variant, className }: Props$122) => import("react").JSX.Element;
|
|
5137
5570
|
//#endregion
|
|
5138
5571
|
//#region src/blocks/AIKit/ThinkingIndicator.d.ts
|
|
5139
5572
|
type ThinkingIndicatorProps = {
|
|
@@ -5150,39 +5583,73 @@ type ThinkingIndicatorProps = {
|
|
|
5150
5583
|
*/
|
|
5151
5584
|
declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => import("react").JSX.Element;
|
|
5152
5585
|
//#endregion
|
|
5586
|
+
//#region src/blocks/AIKit/ToolCall/toolCallApprovalStatus.d.ts
|
|
5587
|
+
type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired' | 'timed-out' | 'cancelled' | 'unattended';
|
|
5588
|
+
type ToolCallApprovalAction = 'approve' | 'reject' | 'extra';
|
|
5589
|
+
//#endregion
|
|
5590
|
+
//#region src/blocks/AIKit/ToolCall/useApprovalShortcut.d.ts
|
|
5591
|
+
type ShortcutKey = 'enter' | 'mod-enter' | 'none';
|
|
5592
|
+
//#endregion
|
|
5593
|
+
//#region src/blocks/AIKit/ToolCall/ToolCallApprovalActions.d.ts
|
|
5594
|
+
type ToolCallApprovalExtraAction = {
|
|
5595
|
+
label: string;
|
|
5596
|
+
onClick: () => void;
|
|
5597
|
+
};
|
|
5598
|
+
//#endregion
|
|
5599
|
+
//#region src/blocks/AIKit/ToolCall/ToolCallApprovalNotice.d.ts
|
|
5600
|
+
type NoticeTone = 'warning' | 'destructive' | 'info';
|
|
5601
|
+
type ToolCallApprovalNoticeItem = {
|
|
5602
|
+
tone: NoticeTone;
|
|
5603
|
+
content: ReactNode;
|
|
5604
|
+
icon?: LucideIcon;
|
|
5605
|
+
};
|
|
5606
|
+
//#endregion
|
|
5153
5607
|
//#region src/blocks/AIKit/ToolCall/ToolCallApproval.d.ts
|
|
5154
|
-
type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired';
|
|
5155
5608
|
type ToolCallApprovalProps = {
|
|
5156
|
-
/** The tool being called (e.g. `run_sql`). Rendered as a monospace tag. */
|
|
5157
|
-
toolName: string;
|
|
5158
|
-
/** Human-readable summary of what the tool will do. */
|
|
5159
|
-
title?: ReactNode;
|
|
5160
5609
|
status: ToolCallApprovalStatus;
|
|
5610
|
+
/** Replaces the status badge's text, e.g. `Cancelled by Kai`. */
|
|
5611
|
+
statusLabel?: string;
|
|
5612
|
+
/** Why the call is in its terminal status, shown under the title. */
|
|
5613
|
+
statusMessage?: ReactNode;
|
|
5614
|
+
/** `record` collapses a resolved call to one line; a pending call always renders as a card. */
|
|
5615
|
+
density?: 'card' | 'record';
|
|
5616
|
+
resolvedBy?: ReactNode;
|
|
5617
|
+
resolvedAt?: Date;
|
|
5618
|
+
/** The tool being called (e.g. `run_sql`), rendered as a monospace tag. */
|
|
5619
|
+
toolName?: string;
|
|
5620
|
+
/** Leads the header, e.g. "Kai needs your OK" or an app's own status row. */
|
|
5621
|
+
eyebrow?: ReactNode;
|
|
5622
|
+
title?: ReactNode;
|
|
5623
|
+
/** App-rendered detail — a diff, a `ToolCallChip`, arguments. */
|
|
5624
|
+
children?: ReactNode;
|
|
5625
|
+
/** Rows above the detail naming what the call will do — a link going public, a destructive write. */
|
|
5626
|
+
notices?: readonly ToolCallApprovalNoticeItem[];
|
|
5627
|
+
/** A preview beside the detail; stacks under it in a narrow container. */
|
|
5628
|
+
aside?: ReactNode;
|
|
5629
|
+
error?: ReactNode;
|
|
5161
5630
|
onApprove?: () => void;
|
|
5162
5631
|
onReject?: () => void;
|
|
5163
|
-
/**
|
|
5164
|
-
|
|
5165
|
-
/**
|
|
5166
|
-
* Replaces the default Approve/Reject buttons in the pending state. Use when
|
|
5167
|
-
* the call needs bespoke controls (e.g. an inline reason field).
|
|
5168
|
-
*/
|
|
5169
|
-
actions?: ReactNode;
|
|
5170
|
-
isSubmitting?: boolean;
|
|
5171
|
-
/**
|
|
5172
|
-
* Opt into `Enter` = approve / `Escape` = reject while pending. Off by
|
|
5173
|
-
* default so the shortcuts never fire unexpectedly in a busy chat.
|
|
5174
|
-
*/
|
|
5175
|
-
enableShortcuts?: boolean;
|
|
5632
|
+
/** A third action beside the pair, e.g. "Always allow". */
|
|
5633
|
+
extraAction?: ToolCallApprovalExtraAction;
|
|
5176
5634
|
approveLabel?: string;
|
|
5177
5635
|
rejectLabel?: string;
|
|
5636
|
+
approveVariant?: 'primary' | 'danger';
|
|
5637
|
+
/** The action in flight: its button spins and every action is disabled. */
|
|
5638
|
+
pendingAction?: ToolCallApprovalAction | null;
|
|
5639
|
+
isDisabled?: boolean;
|
|
5640
|
+
/** Approves from anywhere on the page and shows the key on the approve button. */
|
|
5641
|
+
shortcutKey?: ShortcutKey;
|
|
5642
|
+
/** Shows the key without listening for it, for an app that owns the shortcut itself. */
|
|
5643
|
+
isShortcutHintOnly?: boolean;
|
|
5178
5644
|
className?: string;
|
|
5179
5645
|
};
|
|
5180
5646
|
/**
|
|
5181
|
-
* Per-tool-call approve/reject frame — the granular sibling of `PlanApproval
|
|
5182
|
-
*
|
|
5183
|
-
* renders the call detail
|
|
5647
|
+
* Per-tool-call approve/reject frame — the granular sibling of `PlanApproval`.
|
|
5648
|
+
*
|
|
5649
|
+
* - Chrome, status and actions only: the app renders the call detail and owns the permission wiring.
|
|
5650
|
+
* - Actions render only while `pending`.
|
|
5184
5651
|
*/
|
|
5185
|
-
declare const ToolCallApproval: ({ toolName, title,
|
|
5652
|
+
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;
|
|
5186
5653
|
//#endregion
|
|
5187
5654
|
//#region src/blocks/AIKit/ToolCall/ToolCallChip.d.ts
|
|
5188
5655
|
type ToolCallState = 'processing' | 'done' | 'error';
|
|
@@ -5223,7 +5690,7 @@ declare const variants$4: (props?: ({
|
|
|
5223
5690
|
variant?: "default" | "error" | "success" | "warning" | null | undefined;
|
|
5224
5691
|
size?: "lg" | "sm" | null | undefined;
|
|
5225
5692
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5226
|
-
type Props$121 = ComponentProps<typeof Root$
|
|
5693
|
+
type Props$121 = ComponentProps<typeof Root$13> & VariantProps<typeof variants$4>;
|
|
5227
5694
|
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$121) => import("react").JSX.Element;
|
|
5228
5695
|
//#endregion
|
|
5229
5696
|
//#region src/blocks/AIKit/UsageBar.d.ts
|
|
@@ -5302,7 +5769,7 @@ type Props$116 = ComponentProps<typeof CollapsibleTrigger>;
|
|
|
5302
5769
|
declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$116) => import("react").JSX.Element;
|
|
5303
5770
|
//#endregion
|
|
5304
5771
|
//#region src/components/Collapsible/Collapsible.d.ts
|
|
5305
|
-
type Props$115 = ComponentProps<typeof Root$
|
|
5772
|
+
type Props$115 = ComponentProps<typeof Root$12>;
|
|
5306
5773
|
declare function Collapsible(props: Props$115): import("react").JSX.Element;
|
|
5307
5774
|
declare namespace Collapsible {
|
|
5308
5775
|
export { CollapsibleTrigger$1 as Trigger };
|
|
@@ -5517,7 +5984,7 @@ type SkeletonProps = {
|
|
|
5517
5984
|
*
|
|
5518
5985
|
* - Match the eventual shape (`lg` per title row, `xs` per text line).
|
|
5519
5986
|
* - Not for slotless work (`DotsLoader`, `Button isLoading`) or empty / error states.
|
|
5520
|
-
* - `
|
|
5987
|
+
* - `Table.SkeletonRows` fills a loading `Table`; `SkeletonList` shells `Card`-list pages.
|
|
5521
5988
|
*
|
|
5522
5989
|
* @see RECIPES.md#data-card-with-skeleton
|
|
5523
5990
|
*/
|
|
@@ -5661,9 +6128,9 @@ declare const AppShell: typeof Root$17 & {
|
|
|
5661
6128
|
* - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.
|
|
5662
6129
|
* - `wide` (34rem) — multi-field or two-column forms: registration.
|
|
5663
6130
|
*/
|
|
5664
|
-
type Width = 'form' | 'wide';
|
|
6131
|
+
type Width$1 = 'form' | 'wide';
|
|
5665
6132
|
type RootProps = ComponentProps<'div'> & {
|
|
5666
|
-
width?: Width;
|
|
6133
|
+
width?: Width$1;
|
|
5667
6134
|
/** Marketing / illustration panel. Its presence switches the page to the split geometry. */
|
|
5668
6135
|
aside?: ReactNode;
|
|
5669
6136
|
/** Which side the `aside` takes on wide screens. */
|
|
@@ -6425,7 +6892,7 @@ type BreadcrumbDropdownGroupProps = {
|
|
|
6425
6892
|
/**
|
|
6426
6893
|
* A labelled group of `Breadcrumb.Dropdown.Item`s (e.g. one bucket with its tables). The group
|
|
6427
6894
|
* hides itself when neither its label nor any child matches the filter query; an active query
|
|
6428
|
-
*
|
|
6895
|
+
* opens collapsible groups, and a fold made under it lasts until the query changes. Non-empty `collapsible` groups toggle their items behind the
|
|
6429
6896
|
* header with an animated expand / collapse; a `collapsible` group with no items renders a
|
|
6430
6897
|
* non-interactive, greyed header that can't toggle.
|
|
6431
6898
|
*/
|
|
@@ -6483,10 +6950,12 @@ type BreadcrumbDropdownProps = {
|
|
|
6483
6950
|
searchPlaceholder?: string;
|
|
6484
6951
|
/** Rendered when the built-in filter hides everything. Default `"No results."`. */
|
|
6485
6952
|
emptyMessage?: ReactNode;
|
|
6953
|
+
/** The panel's own classes, e.g. a background the search row shares with the list. */
|
|
6954
|
+
panelClassName?: string;
|
|
6486
6955
|
/** `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item` elements. */
|
|
6487
6956
|
children: ReactNode;
|
|
6488
6957
|
};
|
|
6489
|
-
declare function BreadcrumbDropdown({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, children }: BreadcrumbDropdownProps): import("react").JSX.Element;
|
|
6958
|
+
declare function BreadcrumbDropdown({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, panelClassName, children }: BreadcrumbDropdownProps): import("react").JSX.Element;
|
|
6490
6959
|
declare namespace BreadcrumbDropdown {
|
|
6491
6960
|
export { BreadcrumbDropdownItem as Item };
|
|
6492
6961
|
export { BreadcrumbDropdownGroup as Group };
|
|
@@ -6704,6 +7173,46 @@ declare const TableHeader: ({ withShadow, className, ...props }: {
|
|
|
6704
7173
|
//#region src/components/Table/TableRow.d.ts
|
|
6705
7174
|
declare const TableRow: ({ ref, className, ...props }: ComponentProps<'tr'>) => import("react").JSX.Element;
|
|
6706
7175
|
//#endregion
|
|
7176
|
+
//#region src/components/Table/TableSkeletonRows.d.ts
|
|
7177
|
+
/** A width class, or one per row so the placeholders don't line up into a block. */
|
|
7178
|
+
type Width = string | string[];
|
|
7179
|
+
/**
|
|
7180
|
+
* What one column shows while the rows load.
|
|
7181
|
+
*
|
|
7182
|
+
* - `className` and `colSpan` match the real column's cells, so the placeholders keep their layout.
|
|
7183
|
+
* - `text` (default): one line of `widthClassName`.
|
|
7184
|
+
* - `name`: an optional icon (`gapClassName` from the lines, `tw:gap-3.5` by default), a name line
|
|
7185
|
+
* varied per row by default, an optional description line.
|
|
7186
|
+
* - `empty`: nothing, e.g. for a row's actions.
|
|
7187
|
+
*/
|
|
7188
|
+
type TableSkeletonColumn = {
|
|
7189
|
+
className?: string;
|
|
7190
|
+
colSpan?: number;
|
|
7191
|
+
} & ({
|
|
7192
|
+
type?: 'text';
|
|
7193
|
+
widthClassName?: Width;
|
|
7194
|
+
} | {
|
|
7195
|
+
type: 'name';
|
|
7196
|
+
iconClassName?: string;
|
|
7197
|
+
gapClassName?: string;
|
|
7198
|
+
widthClassName?: Width;
|
|
7199
|
+
descriptionClassName?: Width;
|
|
7200
|
+
} | {
|
|
7201
|
+
type: 'empty';
|
|
7202
|
+
});
|
|
7203
|
+
/**
|
|
7204
|
+
* Placeholder rows in a table's own columns while its rows load.
|
|
7205
|
+
*
|
|
7206
|
+
* - Render inside `Table.Body` in place of the rows.
|
|
7207
|
+
* - The first row announces `Loading {noun}` to screen readers; pass the plural noun, e.g. `jobs`.
|
|
7208
|
+
* - The rows don't take the hover tint, as there is nothing to act on yet.
|
|
7209
|
+
*/
|
|
7210
|
+
declare const TableSkeletonRows: ({ columns, noun, rows }: {
|
|
7211
|
+
columns: TableSkeletonColumn[];
|
|
7212
|
+
noun: string;
|
|
7213
|
+
rows?: number;
|
|
7214
|
+
}) => import("react").JSX.Element[];
|
|
7215
|
+
//#endregion
|
|
6707
7216
|
//#region src/components/Table/TableSortHeader.d.ts
|
|
6708
7217
|
type TableSortDirection = 'asc' | 'desc' | false;
|
|
6709
7218
|
/** Maps a sort direction to the `aria-sort` value for the enclosing `Table.Head`. */
|
|
@@ -6741,6 +7250,7 @@ declare namespace Table {
|
|
|
6741
7250
|
export { TableCell as Cell };
|
|
6742
7251
|
export { TableFooter as Footer };
|
|
6743
7252
|
export { TableSortHeader as SortHeader };
|
|
7253
|
+
export { TableSkeletonRows as SkeletonRows };
|
|
6744
7254
|
}
|
|
6745
7255
|
//#endregion
|
|
6746
7256
|
//#region src/components/Timeline/TimelineConnector.d.ts
|
|
@@ -7127,7 +7637,7 @@ declare const TextField: ({ label, action, required, requiredMark, help, tooltip
|
|
|
7127
7637
|
*
|
|
7128
7638
|
* @see RECIPES.md#modal-form
|
|
7129
7639
|
*/
|
|
7130
|
-
declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tanstack/
|
|
7640
|
+
declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TSubmitMeta>(props: import("@tanstack/form-core").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
7131
7641
|
readonly TextField: typeof TextField;
|
|
7132
7642
|
readonly NumberField: typeof NumberField;
|
|
7133
7643
|
readonly PasswordField: typeof PasswordField;
|
|
@@ -7140,7 +7650,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
|
|
|
7140
7650
|
readonly FormBody: typeof FormBody;
|
|
7141
7651
|
readonly SubmitButton: typeof SubmitButton;
|
|
7142
7652
|
readonly SubmitErrorAlert: typeof SubmitErrorAlert;
|
|
7143
|
-
}>, withForm: <TFormData, TOnMount extends undefined | import("@tanstack/
|
|
7653
|
+
}>, withForm: <TFormData, TOnMount extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/form-core").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData>, TSubmitMeta, TRenderProps extends object = {}>({ render, props }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
7144
7654
|
readonly TextField: typeof TextField;
|
|
7145
7655
|
readonly NumberField: typeof NumberField;
|
|
7146
7656
|
readonly PasswordField: typeof PasswordField;
|
|
@@ -7154,7 +7664,7 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
|
|
|
7154
7664
|
readonly SubmitButton: typeof SubmitButton;
|
|
7155
7665
|
readonly SubmitErrorAlert: typeof SubmitErrorAlert;
|
|
7156
7666
|
}, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
|
|
7157
|
-
form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/
|
|
7667
|
+
form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
|
|
7158
7668
|
readonly TextField: typeof TextField;
|
|
7159
7669
|
readonly NumberField: typeof NumberField;
|
|
7160
7670
|
readonly PasswordField: typeof PasswordField;
|
|
@@ -7305,11 +7815,13 @@ type Props$11 = {
|
|
|
7305
7815
|
/** Keep `<foreignObject>` through sanitization; its HTML children are still stripped.
|
|
7306
7816
|
* Enable only when each one is pre-flattened to bare text. */
|
|
7307
7817
|
allowForeignObject?: boolean;
|
|
7818
|
+
/** Keep `<use>` through sanitization. Enable only when every `href` is already a `#` reference. */
|
|
7819
|
+
allowUse?: boolean;
|
|
7308
7820
|
/** Extra toolbar controls (e.g. `ExportMenu`) between copy and fullscreen; receives the
|
|
7309
7821
|
* sanitized SVG. Injected so this lazy chunk carries no export dependencies. */
|
|
7310
7822
|
renderActions?: (safeSvg: string) => ReactNode;
|
|
7311
7823
|
};
|
|
7312
|
-
declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions }: Props$11) => import("react").JSX.Element;
|
|
7824
|
+
declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, allowUse, renderActions }: Props$11) => import("react").JSX.Element;
|
|
7313
7825
|
//#endregion
|
|
7314
7826
|
//#region src/components/ZoomableSvg/exportSvg.d.ts
|
|
7315
7827
|
declare const toSvgFileContent: (svg: string) => string;
|
|
@@ -7324,8 +7836,14 @@ declare const toSvgFileContent: (svg: string) => string;
|
|
|
7324
7836
|
declare const svgToPngBlob: (svg: string, background?: string) => Promise<Blob>;
|
|
7325
7837
|
//#endregion
|
|
7326
7838
|
//#region src/blocks/BrandEditor/BrandEditor.d.ts
|
|
7327
|
-
type
|
|
7328
|
-
|
|
7839
|
+
type Colors = NonNullable<Brand$1['theme']['colors']>;
|
|
7840
|
+
/** Colour tokens written as full CSS values rather than `R G B` channels. */
|
|
7841
|
+
type StateColorSlot = keyof Pick<Colors, 'hover' | 'hoverForeground' | 'pressed' | 'selected' | 'selectedForeground' | 'scrim'>;
|
|
7842
|
+
type ColorSlot = keyof Omit<Colors, 'sidebar' | 'chart' | StateColorSlot>;
|
|
7843
|
+
type SidebarColors = NonNullable<Colors['sidebar']>;
|
|
7844
|
+
/** Sidebar tokens written as full CSS values rather than `R G B` channels. */
|
|
7845
|
+
type SidebarStateSlot = keyof Pick<SidebarColors, 'sidebarHover' | 'sidebarHoverForeground' | 'sidebarSelected' | 'sidebarSelectedForeground'>;
|
|
7846
|
+
type SidebarSlot = keyof Omit<SidebarColors, SidebarStateSlot>;
|
|
7329
7847
|
type RadiusSize = keyof NonNullable<Brand$1['theme']['radii']>;
|
|
7330
7848
|
declare const DEFAULT_FALLBACK_FONT = "'Inter', system-ui, sans-serif";
|
|
7331
7849
|
declare const DEFAULT_FONT_OPTIONS: {
|
|
@@ -7363,5 +7881,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
|
|
|
7363
7881
|
/** WCAG level for normal-size text at a given ratio. */
|
|
7364
7882
|
declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
|
|
7365
7883
|
//#endregion
|
|
7366
|
-
export { Alert, AlertModal, AnswerActions, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, 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, 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, FileDownloadChip, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, 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, 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 TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, 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, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
|
|
7884
|
+
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, ArgoDesignContext, 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, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, splitSealedBlocks, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm, withholdOpenTail };
|
|
7367
7885
|
//# sourceMappingURL=index.d.ts.map
|