@keboola/design 11.3.0 → 11.5.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 +208 -1
- package/CHANGELOG.md +528 -0
- package/COMPONENT-API.md +68 -46
- package/dist/{AIKit-DaFT7p92.js → AIKit-CNX6aiKm.js} +338 -113
- package/dist/AIKit-CNX6aiKm.js.map +1 -0
- package/dist/{Alert-CseY3yAj.js → Alert-Ba5b2YPq.js} +3 -3
- package/dist/{Alert-CseY3yAj.js.map → Alert-Ba5b2YPq.js.map} +1 -1
- package/dist/{AlertModal-DQAGpsEy.js → AlertModal-BGJdaRRj.js} +3 -3
- package/dist/{AlertModal-DQAGpsEy.js.map → AlertModal-BGJdaRRj.js.map} +1 -1
- package/dist/{AppShell-BUoxM3fv.js → AppShell-DRgJxpXW.js} +2 -2
- package/dist/{AppShell-BUoxM3fv.js.map → AppShell-DRgJxpXW.js.map} +1 -1
- package/dist/{Badge-Ch26CXoP.js → Badge-D0pXdekt.js} +2 -2
- package/dist/Badge-D0pXdekt.js.map +1 -0
- package/dist/{BrandEditor-BnTLMRMp.js → BrandEditor-CSANsxUz.js} +8 -8
- package/dist/{BrandEditor-BnTLMRMp.js.map → BrandEditor-CSANsxUz.js.map} +1 -1
- package/dist/{BrandLogo-V2pRUAeO.js → BrandLogo-CoKBk4MI.js} +5 -5
- package/dist/BrandLogo-CoKBk4MI.js.map +1 -0
- package/dist/{Breadcrumb-CQTPn_KB.js → Breadcrumb-g_xn_-Nf.js} +3 -3
- package/dist/{Breadcrumb-CQTPn_KB.js.map → Breadcrumb-g_xn_-Nf.js.map} +1 -1
- package/dist/{Button-CPsEQuTN.js → Button-DsRrU5F1.js} +6 -5
- package/dist/Button-DsRrU5F1.js.map +1 -0
- package/dist/{Card-Cd5HSBmv.js → Card-Dyo7055Q.js} +2 -2
- package/dist/{Card-Cd5HSBmv.js.map → Card-Dyo7055Q.js.map} +1 -1
- package/dist/{Checkbox-5VNCcV7E.js → Checkbox-CUIn2jap.js} +3 -3
- package/dist/{Checkbox-5VNCcV7E.js.map → Checkbox-CUIn2jap.js.map} +1 -1
- package/dist/{Clipboard-B7rckqV_.js → Clipboard-BTW6C-b_.js} +2 -2
- package/dist/{Clipboard-B7rckqV_.js.map → Clipboard-BTW6C-b_.js.map} +1 -1
- package/dist/{ClipboardButton-CQ6Aewpg.js → ClipboardButton-CwZJdRaz.js} +3 -3
- package/dist/{ClipboardButton-CQ6Aewpg.js.map → ClipboardButton-CwZJdRaz.js.map} +1 -1
- package/dist/{CodeEditor-CUse8znx.js → CodeEditor-C9zy7PxK.js} +16 -27
- package/dist/CodeEditor-C9zy7PxK.js.map +1 -0
- package/dist/{ColorInput-Q1D9Vcc_.js → ColorInput-BZV-u_94.js} +3 -3
- package/dist/{ColorInput-Q1D9Vcc_.js.map → ColorInput-BZV-u_94.js.map} +1 -1
- package/dist/{ColorModeSwitch-B5PXCVqB.js → ColorModeSwitch-CsWLiTBX.js} +3 -3
- package/dist/{ColorModeSwitch-B5PXCVqB.js.map → ColorModeSwitch-CsWLiTBX.js.map} +1 -1
- package/dist/{Combobox-CyoRA7oY.js → Combobox-BfIfaVMA.js} +285 -109
- package/dist/Combobox-BfIfaVMA.js.map +1 -0
- package/dist/{Command-Ds68v2rX.js → Command-Bfa1kpbt.js} +6 -6
- package/dist/{Command-Ds68v2rX.js.map → Command-Bfa1kpbt.js.map} +1 -1
- package/dist/{CopyField-DI66uY_g.js → CopyField-DpT0Ngz1.js} +2 -2
- package/dist/{CopyField-DI66uY_g.js.map → CopyField-DpT0Ngz1.js.map} +1 -1
- package/dist/{DateInput-BPj2pzsn.js → DateInput-DiEd5uCL.js} +4 -4
- package/dist/{DateInput-BPj2pzsn.js.map → DateInput-DiEd5uCL.js.map} +1 -1
- package/dist/{DatePicker-DyEGuW9m.js → DatePicker-nA8YdE84.js} +2 -2
- package/dist/{DatePicker-DyEGuW9m.js.map → DatePicker-nA8YdE84.js.map} +1 -1
- package/dist/{DateRangeInput-u9DxNbHW.js → DateRangeInput-DPfVYchl.js} +4 -4
- package/dist/{DateRangeInput-u9DxNbHW.js.map → DateRangeInput-DPfVYchl.js.map} +1 -1
- package/dist/{DateRangePicker-CYYhX6S7.js → DateRangePicker-DjSUFjh4.js} +5 -5
- package/dist/{DateRangePicker-CYYhX6S7.js.map → DateRangePicker-DjSUFjh4.js.map} +1 -1
- package/dist/{DropdownMenu-DpMEcyCq.js → DropdownMenu-CASr-jgl.js} +2 -2
- package/dist/{DropdownMenu-DpMEcyCq.js.map → DropdownMenu-CASr-jgl.js.map} +1 -1
- package/dist/{FieldItem-qQKGU9lF.js → FieldItem-B7XMmZSz.js} +3 -3
- package/dist/{FieldItem-qQKGU9lF.js.map → FieldItem-B7XMmZSz.js.map} +1 -1
- package/dist/{FileUpload-C336MVnU.js → FileUpload-ABThVZyg.js} +2 -2
- package/dist/{FileUpload-C336MVnU.js.map → FileUpload-ABThVZyg.js.map} +1 -1
- package/dist/{Form-CTygENDc.js → Form-CsttTHn4.js} +8 -8
- package/dist/Form-CsttTHn4.js.map +1 -0
- package/dist/{FormGroup-BnwP0jNu.js → FormGroup-DHvTFdno.js} +3 -3
- package/dist/{FormGroup-BnwP0jNu.js.map → FormGroup-DHvTFdno.js.map} +1 -1
- package/dist/{FullScreenModal-j-M4aPFd.js → FullScreenModal-BvPuYibe.js} +3 -3
- package/dist/{FullScreenModal-j-M4aPFd.js.map → FullScreenModal-BvPuYibe.js.map} +1 -1
- package/dist/{HoverCard-yQq-O49c.js → HoverCard-B9ZMJxjn.js} +2 -2
- package/dist/{HoverCard-yQq-O49c.js.map → HoverCard-B9ZMJxjn.js.map} +1 -1
- package/dist/{InputGroup-D7zlmqPB.js → InputGroup-DcZRlVnN.js} +24 -16
- package/dist/InputGroup-DcZRlVnN.js.map +1 -0
- package/dist/{Kbd-D6LpR7G2.js → Kbd-Cvvt91Q8.js} +14 -4
- package/dist/Kbd-Cvvt91Q8.js.map +1 -0
- package/dist/MarkedText-DNGEUVWc.js +67 -0
- package/dist/MarkedText-DNGEUVWc.js.map +1 -0
- package/dist/{MermaidDiagram-JlvuGcY-.js → MermaidDiagram-CXG5tC6J.js} +19 -18
- package/dist/MermaidDiagram-CXG5tC6J.js.map +1 -0
- package/dist/{Modal-o4ATIexE.js → Modal-Coj-H02o.js} +16 -4
- package/dist/Modal-Coj-H02o.js.map +1 -0
- package/dist/{MultiActionButtonGroup-GTeFk-L8.js → MultiActionButtonGroup-DokHbPgM.js} +3 -3
- package/dist/{MultiActionButtonGroup-GTeFk-L8.js.map → MultiActionButtonGroup-DokHbPgM.js.map} +1 -1
- package/dist/{Navbar-CAQs4BZz.js → Navbar-Liy1TPI7.js} +7 -7
- package/dist/{Navbar-CAQs4BZz.js.map → Navbar-Liy1TPI7.js.map} +1 -1
- package/dist/PageHeader-Q3IpCnQd.js.map +1 -1
- package/dist/{PageToolbar-bG2YtSa3.js → PageToolbar-DExqEYGl.js} +4 -4
- package/dist/{PageToolbar-bG2YtSa3.js.map → PageToolbar-DExqEYGl.js.map} +1 -1
- package/dist/{Pagination-BB3X7ooY.js → Pagination-C_b7Xhey.js} +2 -2
- package/dist/{Pagination-BB3X7ooY.js.map → Pagination-C_b7Xhey.js.map} +1 -1
- package/dist/{Popconfirm-C2Ky5hJO.js → Popconfirm-5pBzT_HQ.js} +12 -13
- package/dist/{Popconfirm-C2Ky5hJO.js.map → Popconfirm-5pBzT_HQ.js.map} +1 -1
- package/dist/{Popover-DsbI2HKu.js → Popover-BEbQrC_P.js} +22 -19
- package/dist/Popover-BEbQrC_P.js.map +1 -0
- package/dist/{RadioGroup-BMxuZEbT.js → RadioGroup-DXPbSj8P.js} +3 -3
- package/dist/{RadioGroup-BMxuZEbT.js.map → RadioGroup-DXPbSj8P.js.map} +1 -1
- package/dist/{Search-DFeECt5D.js → Search-5uQAiNIP.js} +2 -2
- package/dist/{Search-DFeECt5D.js.map → Search-5uQAiNIP.js.map} +1 -1
- package/dist/{SearchInput-CCpdUego.js → SearchInput-D4UgAXJK.js} +3 -3
- package/dist/{SearchInput-CCpdUego.js.map → SearchInput-D4UgAXJK.js.map} +1 -1
- package/dist/{SectionNav-Bw_MVL0_.js → SectionNav-OkKCjSA-.js} +5 -5
- package/dist/{SectionNav-Bw_MVL0_.js.map → SectionNav-OkKCjSA-.js.map} +1 -1
- package/dist/{Select-D6IZVvwL.js → Select-DV3Hak_l.js} +31 -21
- package/dist/Select-DV3Hak_l.js.map +1 -0
- package/dist/{Sheet-BIzs2K2H.js → Sheet-Chf0kX1E.js} +3 -3
- package/dist/{Sheet-BIzs2K2H.js.map → Sheet-Chf0kX1E.js.map} +1 -1
- package/dist/{Sidebar-r1TW4g_b.js → Sidebar-D3cY1kha.js} +48 -22
- package/dist/Sidebar-D3cY1kha.js.map +1 -0
- package/dist/{Slider-CjxyfEty.js → Slider-CRf-bB4y.js} +3 -3
- package/dist/{Slider-CjxyfEty.js.map → Slider-CRf-bB4y.js.map} +1 -1
- package/dist/{Switch-BueTV03C.js → Switch-B0WdGSjz.js} +8 -8
- package/dist/{Switch-BueTV03C.js.map → Switch-B0WdGSjz.js.map} +1 -1
- package/dist/{Tabs-l72-WuhK.js → Tabs-eB974xJf.js} +2 -2
- package/dist/{Tabs-l72-WuhK.js.map → Tabs-eB974xJf.js.map} +1 -1
- package/dist/{TextInput-DhdRk8qm.js → TextInput-DH5SkbsE.js} +3 -3
- package/dist/{TextInput-DhdRk8qm.js.map → TextInput-DH5SkbsE.js.map} +1 -1
- package/dist/{ThemeProvider-DZfGdf1v.js → ThemeProvider-2RMdVGxO.js} +95 -15
- package/dist/ThemeProvider-2RMdVGxO.js.map +1 -0
- package/dist/{TimePicker-B6d2rAbX.js → TimePicker-BGeqc-Ed.js} +2 -2
- package/dist/{TimePicker-B6d2rAbX.js.map → TimePicker-BGeqc-Ed.js.map} +1 -1
- package/dist/{Timeline-6btyJl4D.js → Timeline-BG5Xogxh.js} +11 -11
- package/dist/{Timeline-6btyJl4D.js.map → Timeline-BG5Xogxh.js.map} +1 -1
- package/dist/{Toast-CxXUulYN.js → Toast-Dr6Uw7ao.js} +2 -2
- package/dist/{Toast-CxXUulYN.js.map → Toast-Dr6Uw7ao.js.map} +1 -1
- package/dist/{Workbench-BzE-Vvd9.js → Workbench-UR2FBC7I.js} +3 -1
- package/dist/Workbench-UR2FBC7I.js.map +1 -0
- package/dist/{ZoomableSvg-CNIzRHKH.js → ZoomableSvg-pooPb1Cu.js} +4 -4
- package/dist/{ZoomableSvg-CNIzRHKH.js.map → ZoomableSvg-pooPb1Cu.js.map} +1 -1
- package/dist/{context-BrNtMc1H.js → context-D7X470dy.js} +4 -3
- package/dist/context-D7X470dy.js.map +1 -0
- package/dist/{defaults-CTfvj2KB.js → defaults-i_xG2F_1.js} +2 -4
- package/dist/defaults-i_xG2F_1.js.map +1 -0
- package/dist/editors.js +5 -5
- package/dist/findLiteralMatches-BGBw8Vbl.js +62 -0
- package/dist/findLiteralMatches-BGBw8Vbl.js.map +1 -0
- package/dist/flint.js +134 -8
- package/dist/flint.js.map +1 -1
- package/dist/index.d.ts +1118 -566
- package/dist/index.js +64 -62
- package/dist/internal/blocks/AIKit.js +2 -2
- package/dist/internal/blocks/AppShell.js +1 -1
- package/dist/internal/blocks/AuthLayout.js +118 -0
- package/dist/internal/blocks/AuthLayout.js.map +1 -0
- package/dist/internal/blocks/BrandEditor.js +1 -1
- package/dist/internal/blocks/ChartPanel.js +1 -1
- package/dist/internal/blocks/ClipboardButton.js +1 -1
- package/dist/internal/blocks/ColorInput.js +1 -1
- package/dist/internal/blocks/ColorModeSwitch.js +1 -1
- package/dist/internal/blocks/Command.js +1 -1
- package/dist/internal/blocks/CopyField.js +1 -1
- package/dist/internal/blocks/DateInput.js +1 -1
- package/dist/internal/blocks/DateRangeInput.js +1 -1
- package/dist/internal/blocks/EmptyConfigurationActionCard.js +1 -1
- package/dist/internal/blocks/ErrorState.js +1 -1
- package/dist/internal/blocks/ExportMenu.js +5 -5
- package/dist/internal/blocks/ExportMenu.js.map +1 -1
- 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/MultiActionButtonGroup.js +1 -1
- package/dist/internal/blocks/MultiCombobox.js +116 -54
- package/dist/internal/blocks/MultiCombobox.js.map +1 -1
- package/dist/internal/blocks/NumberInput.js +1 -1
- package/dist/internal/blocks/PageToolbar.js +1 -1
- package/dist/internal/blocks/PasswordInput.js +2 -2
- package/dist/internal/blocks/SearchInput.js +1 -1
- package/dist/internal/blocks/SearchInputWithNavigation.js +3 -3
- package/dist/internal/blocks/SectionNav.js +1 -1
- package/dist/internal/blocks/SplitButton.js +2 -2
- package/dist/internal/blocks/StatCard.js +1 -1
- package/dist/internal/blocks/TextInput.js +1 -1
- package/dist/internal/blocks/Textarea.js +1 -1
- package/dist/internal/blocks/TimeInput.js +3 -3
- package/dist/internal/components/Alert.js +1 -1
- package/dist/internal/components/AlertModal.js +1 -1
- package/dist/internal/components/Avatar.js +1 -1
- package/dist/internal/components/Badge.js +1 -1
- package/dist/internal/components/BrandLogo.js +1 -1
- package/dist/internal/components/Breadcrumb.js +1 -1
- package/dist/internal/components/Button.js +1 -1
- package/dist/internal/components/Card.js +1 -1
- package/dist/internal/components/Checkbox.js +1 -1
- package/dist/internal/components/Clipboard.js +1 -1
- package/dist/internal/components/CollapsiblePanel.js +1 -1
- package/dist/internal/components/Combobox.js +2 -2
- package/dist/internal/components/DatePicker.js +1 -1
- package/dist/internal/components/DateRangePicker.js +1 -1
- package/dist/internal/components/DropdownMenu.js +1 -1
- package/dist/internal/components/FileUpload.js +1 -1
- package/dist/internal/components/FullScreenModal.js +1 -1
- package/dist/internal/components/HoverCard.js +1 -1
- package/dist/internal/components/InputGroup.js +1 -1
- package/dist/internal/components/Kbd.js +1 -1
- package/dist/internal/components/MarkedText.js +1 -1
- package/dist/internal/components/Modal.js +1 -1
- package/dist/internal/components/Navbar.js +1 -1
- package/dist/internal/components/Pagination.js +1 -1
- package/dist/internal/components/Popconfirm.js +1 -1
- package/dist/internal/components/Popover.js +1 -1
- package/dist/internal/components/RadioGroup.js +1 -1
- package/dist/internal/components/Search.js +1 -1
- package/dist/internal/components/Select.js +1 -1
- package/dist/internal/components/Sheet.js +1 -1
- package/dist/internal/components/Sidebar.js +1 -1
- package/dist/internal/components/Slider.js +1 -1
- package/dist/internal/components/Switch.js +1 -1
- package/dist/internal/components/Tabs.js +1 -1
- package/dist/internal/components/ThemeProvider.js +4 -4
- 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 +3 -3
- package/dist/internal/components/Toggle.js.map +1 -1
- package/dist/internal/components/Tooltip.js +1 -1
- package/dist/internal/components/Truncated.js +1 -1
- package/dist/internal/components/Workbench.js +1 -1
- package/dist/internal/components/ZoomableSvg.js +1 -1
- package/dist/internal/utils.js +3 -3
- package/dist/markdown-editor.js +32 -26
- package/dist/markdown-editor.js.map +1 -1
- package/dist/mermaid.js +1 -1
- package/dist/rjsf.js +24 -25
- package/dist/rjsf.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/testing.js +4 -4
- package/dist/testing.js.map +1 -1
- package/dist/{useColorSchemeState-BJEk6esG.js → themeScopeContext-D7fSyb06.js} +17 -4
- package/dist/themeScopeContext-D7fSyb06.js.map +1 -0
- package/dist/{themeTokens-7T1AFLhq.js → themeTokens-qP1-55O7.js} +38 -11
- package/dist/themeTokens-qP1-55O7.js.map +1 -0
- package/dist/{toast-BweSoKn3.js → toast-DIC0iNRf.js} +2 -2
- package/dist/{toast-BweSoKn3.js.map → toast-DIC0iNRf.js.map} +1 -1
- package/dist/{utils-B-g7d_Jb.js → utils-DSvrhU8E.js} +7 -3
- package/dist/{utils-B-g7d_Jb.js.map → utils-DSvrhU8E.js.map} +1 -1
- package/dist/vega.d.ts +1 -1
- package/dist/vega.js +3 -3
- package/dist/vega.js.map +1 -1
- package/dist/{vegaTheme-FBXgAdHK.js → vegaTheme-CSvFEMBl.js} +6 -6
- package/dist/vegaTheme-CSvFEMBl.js.map +1 -0
- package/package.json +12 -10
- package/src/styles.css +3 -0
- package/dist/AIKit-DaFT7p92.js.map +0 -1
- package/dist/Badge-Ch26CXoP.js.map +0 -1
- package/dist/BrandLogo-V2pRUAeO.js.map +0 -1
- package/dist/Button-CPsEQuTN.js.map +0 -1
- package/dist/CodeEditor-CUse8znx.js.map +0 -1
- package/dist/Combobox-CyoRA7oY.js.map +0 -1
- package/dist/Form-CTygENDc.js.map +0 -1
- package/dist/InputGroup-D7zlmqPB.js.map +0 -1
- package/dist/Kbd-D6LpR7G2.js.map +0 -1
- package/dist/MarkedText-Ckbft5mw.js +0 -44
- package/dist/MarkedText-Ckbft5mw.js.map +0 -1
- package/dist/MermaidDiagram-JlvuGcY-.js.map +0 -1
- package/dist/Modal-o4ATIexE.js.map +0 -1
- package/dist/Popover-DsbI2HKu.js.map +0 -1
- package/dist/Select-D6IZVvwL.js.map +0 -1
- package/dist/Sidebar-r1TW4g_b.js.map +0 -1
- package/dist/ThemeProvider-DZfGdf1v.js.map +0 -1
- package/dist/Workbench-BzE-Vvd9.js.map +0 -1
- package/dist/context-BrNtMc1H.js.map +0 -1
- package/dist/defaults-CTfvj2KB.js.map +0 -1
- package/dist/escapeStringRegexp-8MxP2knR.js +0 -6
- package/dist/escapeStringRegexp-8MxP2knR.js.map +0 -1
- package/dist/themeTokens-7T1AFLhq.js.map +0 -1
- package/dist/useColorSchemeState-BJEk6esG.js.map +0 -1
- package/dist/vegaTheme-FBXgAdHK.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentPro
|
|
|
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";
|
|
10
|
-
import { Brand, Brand as Brand$1, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from "@keboola/brand-registry";
|
|
11
10
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
12
11
|
import { Group, Root as Root$2, Trigger as Trigger$2 } from "@radix-ui/react-dropdown-menu";
|
|
13
12
|
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
@@ -17,7 +16,7 @@ import { LabelProps } from "@radix-ui/react-label";
|
|
|
17
16
|
import { Content as Content$1, Portal as Portal$1, Root as Root$4, Trigger as Trigger$3 } from "@radix-ui/react-alert-dialog";
|
|
18
17
|
import { Close, Content as Content$2, Overlay as Overlay$1, Portal as Portal$2, Root as Root$5, Title as Title$1, Trigger as Trigger$4 } from "@radix-ui/react-dialog";
|
|
19
18
|
import * as RSeparator from "@radix-ui/react-separator";
|
|
20
|
-
import { Close as Close$1, Content as Content$3, PopoverContentProps, PopoverProps, Root as Root$6, Trigger as Trigger$5 } from "@radix-ui/react-popover";
|
|
19
|
+
import { Close as Close$1, Content as Content$3, PopoverContentProps, PopoverProps, Portal as Portal$3, Root as Root$6, Trigger as Trigger$5 } from "@radix-ui/react-popover";
|
|
21
20
|
import { Content as Content$4, Root as Root$7, Trigger as Trigger$6 } from "@radix-ui/react-hover-card";
|
|
22
21
|
import { Command as Command$1, defaultFilter, useCommandState } from "cmdk";
|
|
23
22
|
import TextareaAutosize from "react-textarea-autosize";
|
|
@@ -30,9 +29,11 @@ import { CheckedState, Root as Root$11 } from "@radix-ui/react-checkbox";
|
|
|
30
29
|
import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
|
|
31
30
|
import { AnyFormApi } from "@tanstack/react-form";
|
|
32
31
|
import { OTPInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, SlotProps as OtpInputRenderSlotProps } from "input-otp";
|
|
32
|
+
import { Components, Options } from "react-markdown";
|
|
33
33
|
import { Root as Root$12 } from "@radix-ui/react-progress";
|
|
34
34
|
import { CollapsibleTrigger, Content as Content$5, Root as Root$13 } from "@radix-ui/react-collapsible";
|
|
35
35
|
import { Action as Action$1, ExternalToast, Toaster as Toaster$1 } from "sonner";
|
|
36
|
+
import { Brand, Brand as Brand$1, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from "@keboola/brand-registry";
|
|
36
37
|
import { Group as Group$1, Panel as ResizablePanel, PanelImperativeHandle, Separator as Separator$1, useDefaultLayout } from "react-resizable-panels";
|
|
37
38
|
import * as RadixTabs from "@radix-ui/react-tabs";
|
|
38
39
|
//#region src/components/Button/styles.d.ts
|
|
@@ -55,7 +56,7 @@ declare const argoVariants: (props?: ({
|
|
|
55
56
|
* for height (including `icon-*` sizes when rendering icon-only). Icons are
|
|
56
57
|
* composed as children — `<Button><Trash2 className="tw:size-4" /> Delete</Button>`.
|
|
57
58
|
*/
|
|
58
|
-
type Props$
|
|
59
|
+
type Props$262 = {
|
|
59
60
|
/** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
|
|
60
61
|
isLoading?: boolean;
|
|
61
62
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
@@ -74,31 +75,31 @@ type Props$260 = {
|
|
|
74
75
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
75
76
|
* @see RECIPES.md#confirm-dialog — for destructive-action confirmation
|
|
76
77
|
*/
|
|
77
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$
|
|
78
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$262) => import("react/jsx-runtime").JSX.Element;
|
|
78
79
|
//#endregion
|
|
79
80
|
//#region src/components/Button/ButtonInline.d.ts
|
|
80
81
|
declare const buttonInlineVariants: (props?: ({
|
|
81
82
|
color?: "custom" | "danger" | "dark" | "link" | "muted" | null | undefined;
|
|
82
83
|
variant?: "custom" | "link" | "link-reverse" | null | undefined;
|
|
83
84
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
84
|
-
type Props$
|
|
85
|
+
type Props$261 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
85
86
|
asChild?: boolean;
|
|
86
87
|
};
|
|
87
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
88
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$261) => import("react/jsx-runtime").JSX.Element;
|
|
88
89
|
//#endregion
|
|
89
90
|
//#region src/components/ButtonGroup/ButtonGroup.d.ts
|
|
90
91
|
declare const buttonGroupVariant: (props?: ({
|
|
91
92
|
variant?: "block" | "inline" | null | undefined;
|
|
92
93
|
space?: "compact" | "extra-small" | "large" | "little-small" | "medium" | "small" | null | undefined;
|
|
93
94
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
94
|
-
type Props$
|
|
95
|
+
type Props$260 = {
|
|
95
96
|
children: ReactNode;
|
|
96
97
|
className?: string;
|
|
97
98
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
98
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
99
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$260) => import("react/jsx-runtime").JSX.Element;
|
|
99
100
|
//#endregion
|
|
100
101
|
//#region src/components/DropdownMenu/DropdownMenuItem.d.ts
|
|
101
|
-
type Props$
|
|
102
|
+
type Props$259 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
102
103
|
/**
|
|
103
104
|
* Fix for `autoFocus` on inputs not working correctly in modals.
|
|
104
105
|
* While the DropdownMenuItem was animating out and the modal was animating in, the dying DropdownMenuItem was constantly trying to steal focus while the Dialog was trying to correctly set the new focus.
|
|
@@ -110,22 +111,22 @@ type Props$257 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
|
110
111
|
isLoading?: boolean;
|
|
111
112
|
iconClassName?: string;
|
|
112
113
|
};
|
|
113
|
-
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$
|
|
114
|
+
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$259) => import("react/jsx-runtime").JSX.Element;
|
|
114
115
|
//#endregion
|
|
115
116
|
//#region src/blocks/SplitButton/SplitButton.d.ts
|
|
116
|
-
type Variant$
|
|
117
|
+
type Variant$9 = ComponentProps<typeof Button>['variant'];
|
|
117
118
|
type Size = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
118
119
|
type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
119
|
-
type Props$
|
|
120
|
+
type Props$258 = {
|
|
120
121
|
actions?: ReactNode;
|
|
121
122
|
isActionsOpen?: boolean;
|
|
122
123
|
onActionsOpenChange?: (open: boolean) => void;
|
|
123
124
|
/** Optional leading-icon slot — pass a Lucide icon node. */
|
|
124
125
|
icon?: ReactNode;
|
|
125
|
-
variant?: Exclude<Variant$
|
|
126
|
+
variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
|
|
126
127
|
size?: SpitButtonSize;
|
|
127
128
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
128
|
-
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$
|
|
129
|
+
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$258) => import("react/jsx-runtime").JSX.Element;
|
|
129
130
|
declare const SplitButton: typeof SplitButtonBase & {
|
|
130
131
|
Action: typeof DropdownMenuItem;
|
|
131
132
|
Actions: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -135,21 +136,21 @@ declare const SplitButton: typeof SplitButtonBase & {
|
|
|
135
136
|
declare const tooltipVariants: (props?: ({
|
|
136
137
|
variant?: "action" | "explanatory" | null | undefined;
|
|
137
138
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
138
|
-
type Props$
|
|
139
|
+
type Props$257 = {
|
|
139
140
|
keepOpenOnPointerDownOutside?: boolean;
|
|
140
141
|
placement?: ComponentProps<typeof Content>['side'];
|
|
141
142
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
142
|
-
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$
|
|
143
|
+
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$257) => import("react/jsx-runtime").JSX.Element;
|
|
143
144
|
//#endregion
|
|
144
145
|
//#region src/components/Tooltip/TooltipRoot.d.ts
|
|
145
|
-
type Props$
|
|
146
|
-
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$
|
|
146
|
+
type Props$256 = ComponentProps<typeof Root$1>;
|
|
147
|
+
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$256) => import("react/jsx-runtime").JSX.Element;
|
|
147
148
|
//#endregion
|
|
148
149
|
//#region src/components/Tooltip/TooltipTrigger.d.ts
|
|
149
|
-
type Props$
|
|
150
|
+
type Props$255 = {
|
|
150
151
|
keepOpenOnClick?: boolean;
|
|
151
152
|
} & ComponentProps<typeof Trigger$1>;
|
|
152
|
-
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$
|
|
153
|
+
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$255) => import("react/jsx-runtime").JSX.Element;
|
|
153
154
|
//#endregion
|
|
154
155
|
//#region src/components/Tooltip/Tooltip.d.ts
|
|
155
156
|
type TriggerProps$1 = {
|
|
@@ -159,7 +160,7 @@ type TriggerProps$1 = {
|
|
|
159
160
|
* Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
|
|
160
161
|
* `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
|
|
161
162
|
*/
|
|
162
|
-
type Props$
|
|
163
|
+
type Props$8 = {
|
|
163
164
|
/** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
|
|
164
165
|
keepOpenOnTriggerClick?: boolean;
|
|
165
166
|
/** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
|
|
@@ -176,7 +177,7 @@ type Props$7 = {
|
|
|
176
177
|
} & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;
|
|
177
178
|
/** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */
|
|
178
179
|
declare const TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
|
|
179
|
-
declare function Tooltip({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, triggerAsChild }: Props$
|
|
180
|
+
declare function Tooltip({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, delayDuration, triggerAsChild }: Props$8): import("react/jsx-runtime").JSX.Element;
|
|
180
181
|
declare namespace Tooltip {
|
|
181
182
|
export { TooltipRoot as Root };
|
|
182
183
|
export { TooltipContent as Content };
|
|
@@ -184,7 +185,7 @@ declare namespace Tooltip {
|
|
|
184
185
|
}
|
|
185
186
|
//#endregion
|
|
186
187
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButton.d.ts
|
|
187
|
-
type Props$
|
|
188
|
+
type Props$254 = {
|
|
188
189
|
disabled?: boolean;
|
|
189
190
|
icon: ReactNode;
|
|
190
191
|
isLoading?: boolean;
|
|
@@ -194,13 +195,13 @@ type Props$252 = {
|
|
|
194
195
|
tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];
|
|
195
196
|
'data-testid'?: string;
|
|
196
197
|
};
|
|
197
|
-
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$
|
|
198
|
+
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$254) => import("react/jsx-runtime").JSX.Element;
|
|
198
199
|
//#endregion
|
|
199
200
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButtonGroup.d.ts
|
|
200
|
-
type Props$
|
|
201
|
+
type Props$253 = {
|
|
201
202
|
className?: string;
|
|
202
203
|
} & PropsWithChildren;
|
|
203
|
-
declare function MultiActionButtonGroup({ children, className }: Props$
|
|
204
|
+
declare function MultiActionButtonGroup({ children, className }: Props$253): import("react/jsx-runtime").JSX.Element;
|
|
204
205
|
declare namespace MultiActionButtonGroup {
|
|
205
206
|
export { MultiActionButton as Button };
|
|
206
207
|
}
|
|
@@ -212,55 +213,55 @@ declare const toggleVariants: (props?: ({
|
|
|
212
213
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
213
214
|
iconOnly?: boolean | null | undefined;
|
|
214
215
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
215
|
-
type Props$
|
|
216
|
+
type Props$252 = {
|
|
216
217
|
icon?: ReactNode;
|
|
217
218
|
badge?: ReactNode;
|
|
218
219
|
orientation?: 'horizontal' | 'vertical';
|
|
219
220
|
} & ComponentProps<typeof Root$3> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
|
|
220
|
-
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$
|
|
221
|
+
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$252) => import("react/jsx-runtime").JSX.Element;
|
|
221
222
|
//#endregion
|
|
222
223
|
//#region src/components/ToggleGroup/ToggleGroup.d.ts
|
|
223
224
|
declare const rootVariants: (props?: ({
|
|
224
225
|
size?: "large" | "medium" | "small" | null | undefined;
|
|
225
226
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
226
|
-
type RootProps$
|
|
227
|
+
type RootProps$9 = ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof rootVariants>;
|
|
227
228
|
/**
|
|
228
229
|
* Segmented row of mutually-exclusive (or multi-select) options. Built on `@radix-ui/react-toggle-group`.
|
|
229
230
|
* For `type="single"`, `onValueChange` receives `""` when the user deselects the active item.
|
|
230
231
|
*/
|
|
231
|
-
declare const Root$
|
|
232
|
+
declare const Root$20: ({ ref, className, size, ...props }: RootProps$9) => import("react/jsx-runtime").JSX.Element;
|
|
232
233
|
type ItemProps$1 = ComponentProps<typeof ToggleGroupPrimitive.Item>;
|
|
233
234
|
declare const Item$1: ({ ref, className, ...props }: ItemProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
234
|
-
declare const ToggleGroup: typeof Root$
|
|
235
|
+
declare const ToggleGroup: typeof Root$20 & {
|
|
235
236
|
/** Individual segment inside a `ToggleGroup`. `value` is required and must be unique within the group. */
|
|
236
237
|
Item: typeof Item$1;
|
|
237
238
|
};
|
|
238
239
|
//#endregion
|
|
239
240
|
//#region src/components/Clipboard/Clipboard.d.ts
|
|
240
|
-
type Props$
|
|
241
|
-
tooltip?: Props$
|
|
242
|
-
tooltipPlacement?: Props$
|
|
243
|
-
tooltipVariant?: Props$
|
|
244
|
-
asChild?: Props$
|
|
241
|
+
type Props$251 = {
|
|
242
|
+
tooltip?: Props$8['tooltip'];
|
|
243
|
+
tooltipPlacement?: Props$8['placement'];
|
|
244
|
+
tooltipVariant?: Props$8['variant'];
|
|
245
|
+
asChild?: Props$8['triggerAsChild'];
|
|
245
246
|
text?: string | (() => string);
|
|
246
247
|
} & ComponentProps<'button'>;
|
|
247
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
248
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$251) => import("react/jsx-runtime").JSX.Element;
|
|
248
249
|
//#endregion
|
|
249
250
|
//#region src/blocks/ClipboardButton/ClipboardButton.d.ts
|
|
250
251
|
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
251
252
|
type ButtonProps$4 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
252
|
-
type Props$
|
|
253
|
+
type Props$250 = ClipboardProps$1 & ButtonProps$4 & {
|
|
253
254
|
icon?: ReactNode;
|
|
254
255
|
};
|
|
255
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
256
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$250) => import("react/jsx-runtime").JSX.Element;
|
|
256
257
|
//#endregion
|
|
257
258
|
//#region src/blocks/ClipboardButton/ClipboardInline.d.ts
|
|
258
259
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
259
260
|
type ButtonProps$3 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
260
|
-
type Props$
|
|
261
|
+
type Props$249 = {
|
|
261
262
|
hideIcon?: boolean;
|
|
262
263
|
} & ClipboardProps & ButtonProps$3;
|
|
263
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
264
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$249) => import("react/jsx-runtime").JSX.Element;
|
|
264
265
|
//#endregion
|
|
265
266
|
//#region src/blocks/ExportMenu/ExportMenu.d.ts
|
|
266
267
|
type ExportMenuItem = {
|
|
@@ -268,11 +269,17 @@ type ExportMenuItem = {
|
|
|
268
269
|
label: string;
|
|
269
270
|
onSelect: () => void;
|
|
270
271
|
};
|
|
271
|
-
type Props$
|
|
272
|
+
type Props$248 = {
|
|
272
273
|
items: ExportMenuItem[];
|
|
273
274
|
/** Accessible name + tooltip for the trigger, e.g. "Export table". */
|
|
274
275
|
label: string;
|
|
275
276
|
size?: 'icon-xs' | 'icon-sm';
|
|
277
|
+
/**
|
|
278
|
+
* Trigger weight. `outline` (default) for a standalone control; `invisible`
|
|
279
|
+
* where the trigger sits in a row of ghost actions and a border would make
|
|
280
|
+
* the one menu louder than the buttons beside it.
|
|
281
|
+
*/
|
|
282
|
+
variant?: 'outline' | 'invisible';
|
|
276
283
|
};
|
|
277
284
|
/**
|
|
278
285
|
* Download-icon trigger with a menu of export formats.
|
|
@@ -284,7 +291,7 @@ type Props$246 = {
|
|
|
284
291
|
* which in turn pulls `ScrollArea`) plus two more external deps behind the lazy
|
|
285
292
|
* boundary. Callers already paying for the barrel inject this instead.
|
|
286
293
|
*/
|
|
287
|
-
declare const ExportMenu: ({ items, label, size }: Props$
|
|
294
|
+
declare const ExportMenu: ({ items, label, size, variant }: Props$248) => import("react/jsx-runtime").JSX.Element;
|
|
288
295
|
//#endregion
|
|
289
296
|
//#region src/blocks/CopyField/CopyBox.d.ts
|
|
290
297
|
type CopyBoxProps = {
|
|
@@ -481,11 +488,11 @@ declare const LABELS$1: {
|
|
|
481
488
|
readonly signup: 'Sign up with Microsoft';
|
|
482
489
|
readonly continue: 'Continue with Microsoft';
|
|
483
490
|
};
|
|
484
|
-
type Props$
|
|
491
|
+
type Props$247 = ComponentPropsWithRef<'button'> & {
|
|
485
492
|
label?: keyof typeof LABELS$1;
|
|
486
493
|
isLoading?: boolean;
|
|
487
494
|
};
|
|
488
|
-
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
495
|
+
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$247) => import("react/jsx-runtime").JSX.Element;
|
|
489
496
|
//#endregion
|
|
490
497
|
//#region src/blocks/GoogleButton/GoogleButton.d.ts
|
|
491
498
|
declare const LABELS: {
|
|
@@ -499,15 +506,15 @@ declare const variants$6: (props?: ({
|
|
|
499
506
|
shape?: "circle" | "rectangular" | null | undefined;
|
|
500
507
|
size?: "default" | "icon" | null | undefined;
|
|
501
508
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
502
|
-
type Props$
|
|
509
|
+
type Props$246 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
|
|
503
510
|
label?: keyof typeof LABELS;
|
|
504
511
|
isLoading?: boolean;
|
|
505
512
|
};
|
|
506
|
-
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
513
|
+
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$246) => import("react/jsx-runtime").JSX.Element;
|
|
507
514
|
//#endregion
|
|
508
515
|
//#region src/components/Link.d.ts
|
|
509
|
-
type Props$
|
|
510
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
516
|
+
type Props$245 = ComponentProps<'a'>;
|
|
517
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$245) => import("react/jsx-runtime").JSX.Element;
|
|
511
518
|
//#endregion
|
|
512
519
|
//#region src/components/AlertModal/variant.d.ts
|
|
513
520
|
/**
|
|
@@ -517,7 +524,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
|
|
|
517
524
|
type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
518
525
|
//#endregion
|
|
519
526
|
//#region src/components/AlertModal/AlertModalContent.d.ts
|
|
520
|
-
type Props$
|
|
527
|
+
type Props$244 = {
|
|
521
528
|
variant?: AlertModalVariant;
|
|
522
529
|
icon?: ReactNode;
|
|
523
530
|
title?: ReactNode;
|
|
@@ -527,23 +534,23 @@ type Props$242 = {
|
|
|
527
534
|
confirmDisabled?: boolean;
|
|
528
535
|
container?: ComponentProps<typeof Portal$1>['container'];
|
|
529
536
|
} & Omit<ComponentProps<typeof Content$1>, 'title'>;
|
|
530
|
-
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$
|
|
537
|
+
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$244) => import("react/jsx-runtime").JSX.Element;
|
|
531
538
|
//#endregion
|
|
532
539
|
//#region src/components/AlertModal/AlertModalTrigger.d.ts
|
|
533
|
-
type Props$
|
|
534
|
-
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$
|
|
540
|
+
type Props$243 = ComponentPropsWithRef<typeof Trigger$3>;
|
|
541
|
+
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$243) => import("react/jsx-runtime").JSX.Element;
|
|
535
542
|
//#endregion
|
|
536
543
|
//#region src/components/AlertModal/AlertModal.d.ts
|
|
537
544
|
type ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
|
|
538
545
|
type CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;
|
|
539
|
-
type Props$
|
|
546
|
+
type Props$242 = {
|
|
540
547
|
onConfirm?: ConfirmHandler;
|
|
541
548
|
onCancel?: CancelHandler;
|
|
542
549
|
skipAsyncWait?: boolean;
|
|
543
550
|
/** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
|
|
544
551
|
isLoading?: boolean;
|
|
545
552
|
} & ComponentProps<typeof Root$4>;
|
|
546
|
-
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$
|
|
553
|
+
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$242): import("react/jsx-runtime").JSX.Element;
|
|
547
554
|
declare namespace AlertModal {
|
|
548
555
|
export { AlertModalTrigger as Trigger };
|
|
549
556
|
export { AlertModalContent as Content };
|
|
@@ -551,27 +558,39 @@ declare namespace AlertModal {
|
|
|
551
558
|
//#endregion
|
|
552
559
|
//#region src/components/Modal/ModalBody.d.ts
|
|
553
560
|
/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as="form"` is reserved for future use. */
|
|
554
|
-
type Props$
|
|
561
|
+
type Props$241 = ComponentProps<'div'> & {
|
|
555
562
|
as?: 'form';
|
|
556
563
|
};
|
|
557
564
|
/**
|
|
558
565
|
* Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.
|
|
559
566
|
* Takes available height inside `Modal.Content` and scrolls when content overflows.
|
|
560
567
|
*/
|
|
561
|
-
declare const ModalBody: ({ className, ...props }: Props$
|
|
568
|
+
declare const ModalBody: ({ className, ...props }: Props$241) => import("react/jsx-runtime").JSX.Element;
|
|
562
569
|
//#endregion
|
|
563
570
|
//#region src/components/Modal/ModalContent.d.ts
|
|
564
|
-
type Props$
|
|
571
|
+
type Props$240 = ComponentProps<typeof Content$2> & {
|
|
565
572
|
size?: 'small' | 'medium' | 'large';
|
|
566
573
|
};
|
|
567
|
-
declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$
|
|
574
|
+
declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$240) => import("react/jsx-runtime").JSX.Element;
|
|
568
575
|
//#endregion
|
|
569
576
|
//#region src/components/Modal/ModalFooter.d.ts
|
|
570
|
-
type Props$
|
|
571
|
-
|
|
577
|
+
type Props$239 = ComponentPropsWithRef<'div'>;
|
|
578
|
+
/**
|
|
579
|
+
* The modal's action row.
|
|
580
|
+
*
|
|
581
|
+
* - Right-aligns its children in a row, 8px apart, at their natural height.
|
|
582
|
+
* - Imposes no width on its children: one that should fill the row carries `tw:w-full` itself
|
|
583
|
+
* (`Button block`, `ButtonGroup variant="block"`). Passing `tw:w-full` to the footer does
|
|
584
|
+
* nothing — it already stretches to the modal's width as a `ModalContent` flex item.
|
|
585
|
+
* - Owns the horizontal padding; `ModalContent` owns the vertical edge padding.
|
|
586
|
+
* - Overriding the arrangement means passing the conflicting class: `cn` runs tailwind-merge, which
|
|
587
|
+
* displaces only within a group. `tw:justify-between` replaces `justify-end`; `tw:flex-col`
|
|
588
|
+
* leaves `items-center` and the gap in place, so a stacked footer wants `tw:items-stretch` too.
|
|
589
|
+
*/
|
|
590
|
+
declare const ModalFooter: ({ className, ...props }: Props$239) => import("react/jsx-runtime").JSX.Element;
|
|
572
591
|
//#endregion
|
|
573
592
|
//#region src/components/Modal/ModalHeader.d.ts
|
|
574
|
-
type Props$
|
|
593
|
+
type Props$238 = {
|
|
575
594
|
/** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */
|
|
576
595
|
icon?: ReactNode;
|
|
577
596
|
/** Visible subtitle below the title (also fills `aria-describedby`). */
|
|
@@ -584,11 +603,11 @@ type Props$236 = {
|
|
|
584
603
|
hideCloseIcon?: boolean;
|
|
585
604
|
} & ComponentProps<'div'>;
|
|
586
605
|
/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */
|
|
587
|
-
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$
|
|
606
|
+
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$238) => import("react/jsx-runtime").JSX.Element;
|
|
588
607
|
//#endregion
|
|
589
608
|
//#region src/components/Modal/ModalIcon.d.ts
|
|
590
609
|
type NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';
|
|
591
|
-
type Props$
|
|
610
|
+
type Props$237 = {
|
|
592
611
|
color: NamedColor | (string & {});
|
|
593
612
|
icon: ReactNode;
|
|
594
613
|
};
|
|
@@ -606,25 +625,25 @@ type Props$235 = {
|
|
|
606
625
|
* `blue` info, `gray` neutral, `violet` agent) to encode meaning; the palette stays fixed across
|
|
607
626
|
* brand themes.
|
|
608
627
|
*/
|
|
609
|
-
declare const ModalIcon: ({ color, icon }: Props$
|
|
628
|
+
declare const ModalIcon: ({ color, icon }: Props$237) => import("react/jsx-runtime").JSX.Element;
|
|
610
629
|
//#endregion
|
|
611
630
|
//#region src/components/Modal/ModalImage.d.ts
|
|
612
|
-
type Props$
|
|
631
|
+
type Props$236 = {
|
|
613
632
|
src: string;
|
|
614
633
|
/** Accessible alt text. Defaults to `""` (decorative) — provide it when the image carries meaning. */
|
|
615
634
|
alt?: string;
|
|
616
635
|
};
|
|
617
|
-
declare const ModalImage: ({ src, alt }: Props$
|
|
636
|
+
declare const ModalImage: ({ src, alt }: Props$236) => import("react/jsx-runtime").JSX.Element | null;
|
|
618
637
|
//#endregion
|
|
619
638
|
//#region src/components/Modal/ModalOverlay.d.ts
|
|
620
|
-
type Props$
|
|
639
|
+
type Props$235 = ComponentProps<typeof Overlay$1> & {
|
|
621
640
|
disableTransition?: boolean;
|
|
622
641
|
};
|
|
623
|
-
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$
|
|
642
|
+
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$235) => import("react/jsx-runtime").JSX.Element;
|
|
624
643
|
//#endregion
|
|
625
644
|
//#region src/components/Modal/Modal.d.ts
|
|
626
|
-
type Props$
|
|
627
|
-
declare function Modal(props: Props$
|
|
645
|
+
type Props$234 = ComponentProps<typeof Root$5>;
|
|
646
|
+
declare function Modal(props: Props$234): import("react/jsx-runtime").JSX.Element;
|
|
628
647
|
declare namespace Modal {
|
|
629
648
|
export { Close };
|
|
630
649
|
export { Trigger$4 as Trigger };
|
|
@@ -638,13 +657,13 @@ declare namespace Modal {
|
|
|
638
657
|
}
|
|
639
658
|
//#endregion
|
|
640
659
|
//#region src/components/FullScreenModal/FullScreenModalBody.d.ts
|
|
641
|
-
type Props$
|
|
642
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
660
|
+
type Props$233 = HTMLAttributes<HTMLDivElement>;
|
|
661
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$233 & {
|
|
643
662
|
ref?: Ref<HTMLDivElement>;
|
|
644
663
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
645
664
|
//#endregion
|
|
646
665
|
//#region src/components/FullScreenModal/FullScreenModalHeader.d.ts
|
|
647
|
-
type Props$
|
|
666
|
+
type Props$232 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
648
667
|
title: ReactNode;
|
|
649
668
|
titleClassName?: string;
|
|
650
669
|
titleWrapperClassName?: string;
|
|
@@ -653,17 +672,17 @@ type Props$230 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
653
672
|
onClose?: () => void;
|
|
654
673
|
showPreviousTitle?: boolean;
|
|
655
674
|
}>;
|
|
656
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
675
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$232) => import("react/jsx-runtime").JSX.Element;
|
|
657
676
|
//#endregion
|
|
658
677
|
//#region src/components/FullScreenModal/FullScreenModalRoot.d.ts
|
|
659
|
-
type Props$
|
|
678
|
+
type Props$231 = HTMLAttributes<HTMLDivElement> & {
|
|
660
679
|
children: ReactNode;
|
|
661
680
|
/** Lock body scroll when modal is open. Default: true */
|
|
662
681
|
lockBodyScroll?: boolean;
|
|
663
682
|
/** Callback when ESC key is pressed */
|
|
664
683
|
onEscapeKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
665
684
|
};
|
|
666
|
-
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$
|
|
685
|
+
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$231) => import("react").ReactPortal;
|
|
667
686
|
//#endregion
|
|
668
687
|
//#region src/components/FullScreenModal/FullScreenModal.d.ts
|
|
669
688
|
declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
@@ -672,42 +691,42 @@ declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
|
672
691
|
};
|
|
673
692
|
//#endregion
|
|
674
693
|
//#region src/components/Sheet/SheetBody.d.ts
|
|
675
|
-
type Props$
|
|
676
|
-
declare const SheetBody: ({ className, ...rest }: Props$
|
|
694
|
+
type Props$230 = ComponentProps<'div'>;
|
|
695
|
+
declare const SheetBody: ({ className, ...rest }: Props$230) => import("react/jsx-runtime").JSX.Element;
|
|
677
696
|
//#endregion
|
|
678
697
|
//#region src/components/Sheet/SheetContent.d.ts
|
|
679
698
|
declare const sheetContentVariants: (props?: ({
|
|
680
699
|
disableTransition?: boolean | null | undefined;
|
|
681
700
|
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
682
701
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
683
|
-
type Props$
|
|
702
|
+
type Props$229 = ComponentProps<typeof Content$2> & {
|
|
684
703
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
685
704
|
hideOverlay?: boolean;
|
|
686
705
|
keepOpenOnPointerDownOutside?: boolean;
|
|
687
706
|
} & VariantProps<typeof sheetContentVariants> & Pick<ComponentProps<typeof Portal$2>, 'container'>;
|
|
688
|
-
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$
|
|
707
|
+
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$229) => import("react/jsx-runtime").JSX.Element;
|
|
689
708
|
//#endregion
|
|
690
709
|
//#region src/components/Sheet/SheetFooter.d.ts
|
|
691
|
-
type Props$
|
|
692
|
-
declare const SheetFooter: ({ className, ...props }: Props$
|
|
710
|
+
type Props$228 = ComponentProps<'div'>;
|
|
711
|
+
declare const SheetFooter: ({ className, ...props }: Props$228) => import("react/jsx-runtime").JSX.Element;
|
|
693
712
|
//#endregion
|
|
694
713
|
//#region src/components/Sheet/SheetHeader.d.ts
|
|
695
|
-
type Props$
|
|
714
|
+
type Props$227 = {
|
|
696
715
|
title?: ReactNode;
|
|
697
716
|
description?: ReactNode;
|
|
698
717
|
hideCloseIcon?: boolean;
|
|
699
718
|
} & ComponentProps<'div'>;
|
|
700
|
-
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$
|
|
719
|
+
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$227) => import("react/jsx-runtime").JSX.Element;
|
|
701
720
|
//#endregion
|
|
702
721
|
//#region src/components/Sheet/SheetTitle.d.ts
|
|
703
|
-
type Props$
|
|
722
|
+
type Props$226 = ComponentProps<typeof Title$1> & {
|
|
704
723
|
visuallyHidden?: boolean;
|
|
705
724
|
};
|
|
706
|
-
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$
|
|
725
|
+
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$226) => import("react/jsx-runtime").JSX.Element;
|
|
707
726
|
//#endregion
|
|
708
727
|
//#region src/components/Sheet/Sheet.d.ts
|
|
709
|
-
type Props$
|
|
710
|
-
declare function Sheet(props: Props$
|
|
728
|
+
type Props$225 = ComponentProps<typeof Root$5>;
|
|
729
|
+
declare function Sheet(props: Props$225): import("react/jsx-runtime").JSX.Element;
|
|
711
730
|
declare namespace Sheet {
|
|
712
731
|
export { Close };
|
|
713
732
|
export { Trigger$4 as Trigger };
|
|
@@ -723,12 +742,19 @@ declare const variants$5: (props?: ({
|
|
|
723
742
|
variant?: "argo" | "default" | null | undefined;
|
|
724
743
|
matchTriggerWidth?: boolean | null | undefined;
|
|
725
744
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
726
|
-
type Props$
|
|
727
|
-
|
|
745
|
+
type Props$224 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
|
|
746
|
+
/**
|
|
747
|
+
* Where the popover portals to. Defaults to `document.body`; a host that
|
|
748
|
+
* scopes its own theme passes the element that carries it, so the panel is
|
|
749
|
+
* styled by the scope it belongs to rather than the page behind it.
|
|
750
|
+
*/
|
|
751
|
+
container?: ComponentProps<typeof Portal$3>['container'];
|
|
752
|
+
};
|
|
753
|
+
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$224) => import("react/jsx-runtime").JSX.Element;
|
|
728
754
|
//#endregion
|
|
729
755
|
//#region src/components/Popover/Popover.d.ts
|
|
730
|
-
type Props$
|
|
731
|
-
declare function Popover(props: Props$
|
|
756
|
+
type Props$223 = ComponentProps<typeof Root$6>;
|
|
757
|
+
declare function Popover(props: Props$223): import("react/jsx-runtime").JSX.Element;
|
|
732
758
|
declare namespace Popover {
|
|
733
759
|
export { PopoverContent as Content };
|
|
734
760
|
export { Trigger$5 as Trigger };
|
|
@@ -745,8 +771,8 @@ type PopconfirmContextType = {
|
|
|
745
771
|
};
|
|
746
772
|
//#endregion
|
|
747
773
|
//#region src/components/Popconfirm/PopconfirmBody.d.ts
|
|
748
|
-
type Props$
|
|
749
|
-
declare const PopconfirmBody: (props: Props$
|
|
774
|
+
type Props$222 = ComponentProps<'div'>;
|
|
775
|
+
declare const PopconfirmBody: (props: Props$222) => import("react/jsx-runtime").JSX.Element;
|
|
750
776
|
//#endregion
|
|
751
777
|
//#region src/components/Popconfirm/PopconfirmCancel.d.ts
|
|
752
778
|
type SlotProps$5 = {
|
|
@@ -756,8 +782,8 @@ type ButtonProps$2 = {
|
|
|
756
782
|
asChild?: false;
|
|
757
783
|
children?: ReactNode;
|
|
758
784
|
} & Omit<ComponentProps<typeof Button>, 'children'>;
|
|
759
|
-
type Props$
|
|
760
|
-
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
785
|
+
type Props$221 = SlotProps$5 | ButtonProps$2;
|
|
786
|
+
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$221) => import("react/jsx-runtime").JSX.Element;
|
|
761
787
|
//#endregion
|
|
762
788
|
//#region src/components/Popconfirm/PopconfirmConfirm.d.ts
|
|
763
789
|
type SlotProps$4 = {
|
|
@@ -767,27 +793,27 @@ type ButtonProps$1 = {
|
|
|
767
793
|
asChild?: false;
|
|
768
794
|
children?: ReactNode;
|
|
769
795
|
} & Omit<ComponentProps<typeof Button>, 'children' | 'isLoading'>;
|
|
770
|
-
type Props$
|
|
771
|
-
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
796
|
+
type Props$220 = SlotProps$4 | ButtonProps$1;
|
|
797
|
+
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$220) => import("react/jsx-runtime").JSX.Element;
|
|
772
798
|
//#endregion
|
|
773
799
|
//#region src/components/Popconfirm/PopconfirmContent.d.ts
|
|
774
|
-
type Props$
|
|
775
|
-
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$
|
|
800
|
+
type Props$219 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
|
|
801
|
+
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$219) => import("react/jsx-runtime").JSX.Element;
|
|
776
802
|
//#endregion
|
|
777
803
|
//#region src/components/Popconfirm/PopconfirmFooter.d.ts
|
|
778
|
-
type Props$
|
|
779
|
-
declare const PopconfirmFooter: ({ className, ...props }: Props$
|
|
804
|
+
type Props$218 = ComponentProps<'div'>;
|
|
805
|
+
declare const PopconfirmFooter: ({ className, ...props }: Props$218) => import("react/jsx-runtime").JSX.Element;
|
|
780
806
|
//#endregion
|
|
781
807
|
//#region src/components/Popconfirm/PopconfirmTrigger.d.ts
|
|
782
|
-
type Props$
|
|
783
|
-
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$
|
|
808
|
+
type Props$217 = ComponentProps<typeof Popover.Trigger>;
|
|
809
|
+
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$217) => import("react/jsx-runtime").JSX.Element;
|
|
784
810
|
//#endregion
|
|
785
811
|
//#region src/components/Popconfirm/Popconfirm.d.ts
|
|
786
|
-
type Props$
|
|
812
|
+
type Props$216 = {
|
|
787
813
|
children: ReactNode;
|
|
788
814
|
skipAsyncWait?: boolean;
|
|
789
815
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
790
|
-
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
816
|
+
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$216): import("react/jsx-runtime").JSX.Element;
|
|
791
817
|
declare namespace Popconfirm {
|
|
792
818
|
export { PopconfirmConfirm as Confirm };
|
|
793
819
|
export { PopconfirmCancel as Cancel };
|
|
@@ -798,54 +824,54 @@ declare namespace Popconfirm {
|
|
|
798
824
|
}
|
|
799
825
|
//#endregion
|
|
800
826
|
//#region src/components/HoverCard/HoverCardContent.d.ts
|
|
801
|
-
type Props$
|
|
802
|
-
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$
|
|
827
|
+
type Props$215 = ComponentProps<typeof Content$4>;
|
|
828
|
+
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$215) => import("react/jsx-runtime").JSX.Element;
|
|
803
829
|
//#endregion
|
|
804
830
|
//#region src/components/HoverCard/HoverCard.d.ts
|
|
805
|
-
type Props$
|
|
806
|
-
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$
|
|
831
|
+
type Props$214 = ComponentProps<typeof Root$7>;
|
|
832
|
+
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$214): import("react/jsx-runtime").JSX.Element;
|
|
807
833
|
declare namespace HoverCard {
|
|
808
834
|
export { HoverCardContent as Content };
|
|
809
835
|
export { Trigger$6 as Trigger };
|
|
810
836
|
}
|
|
811
837
|
//#endregion
|
|
812
838
|
//#region src/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts
|
|
813
|
-
type Props$
|
|
839
|
+
type Props$213 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
814
840
|
closeOnSelect?: boolean;
|
|
815
841
|
indicator?: 'switch' | 'checkbox' | 'check';
|
|
816
842
|
indicatorAlign?: 'start' | 'end';
|
|
817
843
|
isLoading?: boolean;
|
|
818
844
|
};
|
|
819
|
-
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, ...props }: Props$
|
|
845
|
+
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, ...props }: Props$213) => import("react/jsx-runtime").JSX.Element;
|
|
820
846
|
//#endregion
|
|
821
847
|
//#region src/components/DropdownMenu/DropdownMenuContent.d.ts
|
|
822
|
-
type Props$
|
|
848
|
+
type Props$212 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
|
|
823
849
|
forceMount?: boolean;
|
|
824
850
|
viewPortClassName?: string;
|
|
825
851
|
container?: HTMLElement | null;
|
|
826
852
|
};
|
|
827
|
-
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$
|
|
853
|
+
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$212) => import("react/jsx-runtime").JSX.Element;
|
|
828
854
|
//#endregion
|
|
829
855
|
//#region src/components/DropdownMenu/DropdownMenuItemDescription.d.ts
|
|
830
|
-
type Props$
|
|
856
|
+
type Props$211 = ComponentProps<'span'> & {
|
|
831
857
|
hideOnHover?: boolean;
|
|
832
858
|
};
|
|
833
|
-
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$
|
|
859
|
+
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$211) => import("react/jsx-runtime").JSX.Element;
|
|
834
860
|
//#endregion
|
|
835
861
|
//#region src/components/DropdownMenu/DropdownMenuLabel.d.ts
|
|
836
|
-
type Props$
|
|
837
|
-
declare const DropdownMenuLabel: ({ className, ...props }: Props$
|
|
862
|
+
type Props$210 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
|
|
863
|
+
declare const DropdownMenuLabel: ({ className, ...props }: Props$210) => import("react/jsx-runtime").JSX.Element;
|
|
838
864
|
//#endregion
|
|
839
865
|
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.d.ts
|
|
840
|
-
type Props$
|
|
866
|
+
type Props$209<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
|
|
841
867
|
value?: Value;
|
|
842
868
|
defaultValue?: Value;
|
|
843
869
|
onValueChange?: (value: Value) => void;
|
|
844
870
|
};
|
|
845
|
-
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$
|
|
871
|
+
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$209<Value>) => import("react/jsx-runtime").JSX.Element;
|
|
846
872
|
//#endregion
|
|
847
873
|
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.d.ts
|
|
848
|
-
type Props$
|
|
874
|
+
type Props$208 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
849
875
|
closeOnSelect?: boolean;
|
|
850
876
|
indicatorAlign?: 'start' | 'end';
|
|
851
877
|
indicator?: 'radio' | 'check' | 'none';
|
|
@@ -853,30 +879,30 @@ type Props$206 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
|
853
879
|
iconClassName?: string;
|
|
854
880
|
isLoading?: boolean;
|
|
855
881
|
};
|
|
856
|
-
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$
|
|
882
|
+
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$208) => import("react/jsx-runtime").JSX.Element;
|
|
857
883
|
//#endregion
|
|
858
884
|
//#region src/components/DropdownMenu/DropdownMenuSeparator.d.ts
|
|
859
|
-
type Props$
|
|
860
|
-
declare const DropdownMenuSeparator: ({ className, ...props }: Props$
|
|
885
|
+
type Props$207 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
886
|
+
declare const DropdownMenuSeparator: ({ className, ...props }: Props$207) => import("react/jsx-runtime").JSX.Element;
|
|
861
887
|
//#endregion
|
|
862
888
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.d.ts
|
|
863
889
|
declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
864
890
|
//#endregion
|
|
865
891
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.d.ts
|
|
866
|
-
type Props$
|
|
867
|
-
declare const DropdownMenuSubContent: ({ className, ...props }: Props$
|
|
892
|
+
type Props$206 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
|
|
893
|
+
declare const DropdownMenuSubContent: ({ className, ...props }: Props$206) => import("react/jsx-runtime").JSX.Element;
|
|
868
894
|
//#endregion
|
|
869
895
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.d.ts
|
|
870
|
-
type Props$
|
|
871
|
-
declare const DropdownMenuSubTrigger: ({ className, children, ...props }: Props$
|
|
896
|
+
type Props$205 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>;
|
|
897
|
+
declare const DropdownMenuSubTrigger: ({ className, children, ...props }: Props$205) => import("react/jsx-runtime").JSX.Element;
|
|
872
898
|
//#endregion
|
|
873
899
|
//#region src/components/DropdownMenu/DropdownMenuTrigger.d.ts
|
|
874
|
-
type Props$
|
|
875
|
-
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$
|
|
900
|
+
type Props$204 = ComponentProps<typeof Trigger$2>;
|
|
901
|
+
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$204) => import("react/jsx-runtime").JSX.Element;
|
|
876
902
|
//#endregion
|
|
877
903
|
//#region src/components/DropdownMenu/DropdownMenu.d.ts
|
|
878
|
-
type Props$
|
|
879
|
-
declare function DropdownMenu({ modal, ...props }: Props$
|
|
904
|
+
type Props$203 = ComponentProps<typeof Root$2>;
|
|
905
|
+
declare function DropdownMenu({ modal, ...props }: Props$203): import("react/jsx-runtime").JSX.Element;
|
|
880
906
|
declare namespace DropdownMenu {
|
|
881
907
|
export { DropdownMenuTrigger as Trigger };
|
|
882
908
|
export { DropdownMenuContent as Content };
|
|
@@ -894,40 +920,40 @@ declare namespace DropdownMenu {
|
|
|
894
920
|
}
|
|
895
921
|
//#endregion
|
|
896
922
|
//#region src/blocks/Command/CommandContent.d.ts
|
|
897
|
-
type Props$
|
|
898
|
-
declare const CommandContent: ({ className, ...rest }: Props$
|
|
923
|
+
type Props$202 = ComponentProps<'div'>;
|
|
924
|
+
declare const CommandContent: ({ className, ...rest }: Props$202) => import("react/jsx-runtime").JSX.Element;
|
|
899
925
|
//#endregion
|
|
900
926
|
//#region src/blocks/Command/CommandEmpty.d.ts
|
|
901
|
-
type Props$
|
|
902
|
-
declare const CommandEmpty: ({ ...props }: Props$
|
|
927
|
+
type Props$201 = ComponentProps<typeof Command$1.Empty>;
|
|
928
|
+
declare const CommandEmpty: ({ ...props }: Props$201) => import("react/jsx-runtime").JSX.Element;
|
|
903
929
|
//#endregion
|
|
904
930
|
//#region src/blocks/Command/CommandGroup.d.ts
|
|
905
|
-
type Props$
|
|
906
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
931
|
+
type Props$200 = ComponentProps<typeof Command$1.Group>;
|
|
932
|
+
declare const CommandGroup: ({ className, ...props }: Props$200) => import("react/jsx-runtime").JSX.Element;
|
|
907
933
|
//#endregion
|
|
908
934
|
//#region src/components/InputGroup/InputGroupAddon.d.ts
|
|
909
935
|
declare const addonVariants$1: (props?: ({
|
|
910
936
|
align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
|
|
911
937
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
912
|
-
type Props$
|
|
913
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
938
|
+
type Props$199 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
939
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$199) => import("react/jsx-runtime").JSX.Element;
|
|
914
940
|
//#endregion
|
|
915
941
|
//#region src/components/InputGroup/InputGroupButton.d.ts
|
|
916
942
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
917
|
-
type Props$
|
|
918
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
943
|
+
type Props$198 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
944
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$198) => import("react/jsx-runtime").JSX.Element;
|
|
919
945
|
//#endregion
|
|
920
946
|
//#region src/components/InputGroup/InputGroupInput.d.ts
|
|
921
|
-
type Props$
|
|
922
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
947
|
+
type Props$197 = ComponentProps<'input'>;
|
|
948
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$197) => import("react/jsx-runtime").JSX.Element;
|
|
923
949
|
//#endregion
|
|
924
950
|
//#region src/components/InputGroup/InputGroupText.d.ts
|
|
925
|
-
type Props$
|
|
926
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
951
|
+
type Props$196 = ComponentProps<'span'>;
|
|
952
|
+
declare const InputGroupText: ({ className, ...props }: Props$196) => import("react/jsx-runtime").JSX.Element;
|
|
927
953
|
//#endregion
|
|
928
954
|
//#region src/components/InputGroup/InputGroupTextArea.d.ts
|
|
929
955
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof TextareaAutosize>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
930
|
-
type Props$
|
|
956
|
+
type Props$195 = TextareaNativeProps$1 & {
|
|
931
957
|
value?: string | null;
|
|
932
958
|
defaultValue?: string | null;
|
|
933
959
|
onValueChange?: (value: string) => void;
|
|
@@ -935,7 +961,7 @@ type Props$193 = TextareaNativeProps$1 & {
|
|
|
935
961
|
maxRows?: number | 'unlimited';
|
|
936
962
|
disableResize?: boolean;
|
|
937
963
|
};
|
|
938
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
964
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$195) => import("react/jsx-runtime").JSX.Element;
|
|
939
965
|
//#endregion
|
|
940
966
|
//#region src/components/InputGroup/InputGroup.d.ts
|
|
941
967
|
declare const inputGroupVariants: (props?: ({
|
|
@@ -944,10 +970,10 @@ declare const inputGroupVariants: (props?: ({
|
|
|
944
970
|
sizing?: "default" | "medium" | "small" | null | undefined;
|
|
945
971
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
946
972
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
947
|
-
type Props$
|
|
973
|
+
type Props$194 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
|
|
948
974
|
variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
|
|
949
975
|
};
|
|
950
|
-
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
976
|
+
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$194) => import("react/jsx-runtime").JSX.Element;
|
|
951
977
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
952
978
|
Input: typeof InputGroupInput;
|
|
953
979
|
Addon: typeof InputGroupAddon;
|
|
@@ -996,47 +1022,59 @@ type Props$3 = InputGroupProps$9 & OwnProps & Omit<ComponentProps<'input'>, 'pre
|
|
|
996
1022
|
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$3) => import("react/jsx-runtime").JSX.Element;
|
|
997
1023
|
//#endregion
|
|
998
1024
|
//#region src/blocks/Command/CommandInput.d.ts
|
|
999
|
-
type Props$
|
|
1000
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
1025
|
+
type Props$193 = ComponentProps<typeof TextInput>;
|
|
1026
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$193) => import("react/jsx-runtime").JSX.Element;
|
|
1001
1027
|
//#endregion
|
|
1002
1028
|
//#region src/blocks/Command/CommandItem/CheckIndicator.d.ts
|
|
1003
|
-
type Props$
|
|
1029
|
+
type Props$192 = {
|
|
1004
1030
|
variant?: 'checkbox' | 'radio' | 'default';
|
|
1005
1031
|
};
|
|
1006
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
1032
|
+
declare const CheckIndicator: ({ variant }: Props$192) => import("react/jsx-runtime").JSX.Element | null;
|
|
1007
1033
|
//#endregion
|
|
1008
1034
|
//#region src/blocks/Command/CommandItem/CommandItem.d.ts
|
|
1009
|
-
type Props$
|
|
1035
|
+
type Props$191 = ComponentProps<typeof Command$1.Item> & {
|
|
1010
1036
|
icon?: ReactNode;
|
|
1011
1037
|
checked?: boolean;
|
|
1012
1038
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
1013
1039
|
actions?: ReactNode;
|
|
1014
1040
|
};
|
|
1015
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
1041
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$191) => import("react/jsx-runtime").JSX.Element;
|
|
1016
1042
|
//#endregion
|
|
1017
1043
|
//#region src/components/ScrollArea/ScrollArea.d.ts
|
|
1018
|
-
type Props$
|
|
1044
|
+
type Props$190 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1019
1045
|
viewPortClassName?: string;
|
|
1020
1046
|
scrollBarClassName?: string;
|
|
1021
1047
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1022
1048
|
};
|
|
1023
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1049
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$190) => import("react/jsx-runtime").JSX.Element;
|
|
1024
1050
|
//#endregion
|
|
1025
1051
|
//#region src/components/ScrollArea/ScrollBar.d.ts
|
|
1026
|
-
type Props$
|
|
1027
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1052
|
+
type Props$189 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1053
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$189) => import("react/jsx-runtime").JSX.Element;
|
|
1028
1054
|
//#endregion
|
|
1029
1055
|
//#region src/blocks/Command/CommandList.d.ts
|
|
1030
|
-
type Props$
|
|
1031
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1056
|
+
type Props$188 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1057
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$188) => import("react/jsx-runtime").JSX.Element;
|
|
1032
1058
|
//#endregion
|
|
1033
1059
|
//#region src/blocks/Command/CommandSeparator.d.ts
|
|
1034
|
-
type Props$
|
|
1035
|
-
declare const CommandSeparator: ({ className, ...props }: Props$
|
|
1060
|
+
type Props$187 = ComponentProps<typeof Command$1.Separator>;
|
|
1061
|
+
declare const CommandSeparator: ({ className, ...props }: Props$187) => import("react/jsx-runtime").JSX.Element;
|
|
1036
1062
|
//#endregion
|
|
1037
1063
|
//#region src/blocks/Command/Command.d.ts
|
|
1038
|
-
type
|
|
1039
|
-
|
|
1064
|
+
type Variant$8 = 'default' | 'argo';
|
|
1065
|
+
type Props$186 = ComponentProps<typeof Command$1> & {
|
|
1066
|
+
/**
|
|
1067
|
+
* Which styling the parts take, when the theme's own answer is wrong for the
|
|
1068
|
+
* surface.
|
|
1069
|
+
*
|
|
1070
|
+
* - Unset, it follows the theme — `argo` under the new design system.
|
|
1071
|
+
* - `argo` is sized for the full-screen palette: a full-bleed 48px input with
|
|
1072
|
+
* no border or radius, and a list inset to match. Passing `default` is how a
|
|
1073
|
+
* command in a small surface — a popover, a menu — opts out of that.
|
|
1074
|
+
*/
|
|
1075
|
+
variant?: Variant$8;
|
|
1076
|
+
};
|
|
1077
|
+
declare function Command({ className, variant, ...rest }: Props$186): import("react/jsx-runtime").JSX.Element;
|
|
1040
1078
|
declare namespace Command {
|
|
1041
1079
|
export { CommandContent as Content };
|
|
1042
1080
|
export { CommandSeparator as Separator };
|
|
@@ -1067,7 +1105,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
|
|
|
1067
1105
|
declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
|
|
1068
1106
|
//#endregion
|
|
1069
1107
|
//#region src/components/SpotlightBackdrop/SpotlightBackdrop.d.ts
|
|
1070
|
-
type Props$
|
|
1108
|
+
type Props$185 = {
|
|
1071
1109
|
/** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */
|
|
1072
1110
|
rect: TargetRect | null;
|
|
1073
1111
|
/** Padding around the target inside the cut-out, in px. */
|
|
@@ -1089,7 +1127,7 @@ type Props$183 = {
|
|
|
1089
1127
|
* (steps, next/prev, "seen" persistence) is intentionally app-owned; see the
|
|
1090
1128
|
* "Guided tour (recipe)" story for the composition.
|
|
1091
1129
|
*/
|
|
1092
|
-
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$
|
|
1130
|
+
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$185) => import("react/jsx-runtime").JSX.Element;
|
|
1093
1131
|
//#endregion
|
|
1094
1132
|
//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/types.d.ts
|
|
1095
1133
|
/**
|
|
@@ -2108,7 +2146,7 @@ declare function DropdownNav(props: HTMLAttributes<HTMLDivElement>): React$1.JSX
|
|
|
2108
2146
|
* @group Components
|
|
2109
2147
|
* @see https://daypicker.dev/guides/custom-components
|
|
2110
2148
|
*/
|
|
2111
|
-
declare function Footer$
|
|
2149
|
+
declare function Footer$2(props: HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
2112
2150
|
//#endregion
|
|
2113
2151
|
//#region ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.d.ts
|
|
2114
2152
|
/**
|
|
@@ -2247,7 +2285,7 @@ declare function PreviousMonthButton(props: ButtonHTMLAttributes<HTMLButtonEleme
|
|
|
2247
2285
|
* @group Components
|
|
2248
2286
|
* @see https://daypicker.dev/guides/custom-components
|
|
2249
2287
|
*/
|
|
2250
|
-
declare function Root$
|
|
2288
|
+
declare function Root$19(props: {
|
|
2251
2289
|
/** Ref for the root element, used when `animate` is `true`. */
|
|
2252
2290
|
rootRef?: Ref<HTMLDivElement>;
|
|
2253
2291
|
} & HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
@@ -2722,7 +2760,7 @@ type CustomComponents = {
|
|
|
2722
2760
|
/** Render the container of the dropdowns. */
|
|
2723
2761
|
DropdownNav: typeof DropdownNav;
|
|
2724
2762
|
/** Render the footer element announced by screen readers. */
|
|
2725
|
-
Footer: typeof Footer$
|
|
2763
|
+
Footer: typeof Footer$2;
|
|
2726
2764
|
/** Render the container of the MonthGrid. */
|
|
2727
2765
|
Month: typeof Month;
|
|
2728
2766
|
/** Render the caption of the month grid. */
|
|
@@ -2740,7 +2778,7 @@ type CustomComponents = {
|
|
|
2740
2778
|
/** Render the next month button element in the navigation. */
|
|
2741
2779
|
NextMonthButton: typeof NextMonthButton;
|
|
2742
2780
|
/** Render the root element of the calendar. */
|
|
2743
|
-
Root: typeof Root$
|
|
2781
|
+
Root: typeof Root$19;
|
|
2744
2782
|
/** Render the select element in the dropdowns. */
|
|
2745
2783
|
Select: typeof Select$1;
|
|
2746
2784
|
/** Render the weeks section in the month grid. */
|
|
@@ -3486,16 +3524,16 @@ declare namespace DateRangePicker {
|
|
|
3486
3524
|
}
|
|
3487
3525
|
//#endregion
|
|
3488
3526
|
//#region src/components/TimePicker/TimePicker.d.ts
|
|
3489
|
-
type Props$
|
|
3527
|
+
type Props$184 = {
|
|
3490
3528
|
children?: ReactNode;
|
|
3491
3529
|
defaultSelected?: string | null;
|
|
3492
3530
|
selected?: string | null;
|
|
3493
3531
|
onSelect?: (time: string) => void;
|
|
3494
3532
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
3495
|
-
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$
|
|
3533
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$184) => import("react/jsx-runtime").JSX.Element;
|
|
3496
3534
|
//#endregion
|
|
3497
3535
|
//#region src/components/Label/Label.d.ts
|
|
3498
|
-
type Props$
|
|
3536
|
+
type Props$183 = {
|
|
3499
3537
|
id?: string | number;
|
|
3500
3538
|
htmlFor?: string | number;
|
|
3501
3539
|
} & Omit<LabelProps, 'id' | 'htmlFor'>;
|
|
@@ -3510,11 +3548,11 @@ declare const Optional: ({ className, ...props }: ComponentPropsWithRef<'span'>)
|
|
|
3510
3548
|
* announced by assistive tech — conveying the requirement is the caller's responsibility: set
|
|
3511
3549
|
* `aria-required` (or `required`) on the associated control.
|
|
3512
3550
|
*/
|
|
3513
|
-
declare const Required: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react/jsx-runtime").JSX.Element;
|
|
3514
|
-
declare function Label({ className, children, id, htmlFor, ...rest }: Props$
|
|
3551
|
+
declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react/jsx-runtime").JSX.Element;
|
|
3552
|
+
declare function Label({ className, children, id, htmlFor, ...rest }: Props$183): import("react/jsx-runtime").JSX.Element;
|
|
3515
3553
|
declare namespace Label {
|
|
3516
3554
|
export { Optional };
|
|
3517
|
-
export { Required };
|
|
3555
|
+
export { Required$1 as Required };
|
|
3518
3556
|
}
|
|
3519
3557
|
//#endregion
|
|
3520
3558
|
//#region src/components/FieldBox/styles.d.ts
|
|
@@ -3529,14 +3567,14 @@ declare const switchVariants: (props?: ({
|
|
|
3529
3567
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3530
3568
|
//#endregion
|
|
3531
3569
|
//#region src/components/Switch/Switch.d.ts
|
|
3532
|
-
type Props$
|
|
3570
|
+
type Props$182 = {
|
|
3533
3571
|
id?: string | number;
|
|
3534
3572
|
children?: ReactNode;
|
|
3535
3573
|
description?: ReactNode;
|
|
3536
3574
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
3537
3575
|
position?: 'start' | 'end';
|
|
3538
3576
|
} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
|
|
3539
|
-
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$
|
|
3577
|
+
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$182) => import("react/jsx-runtime").JSX.Element;
|
|
3540
3578
|
//#endregion
|
|
3541
3579
|
//#region src/components/RadioGroup/context.d.ts
|
|
3542
3580
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
@@ -3544,52 +3582,52 @@ type Orientation = 'vertical' | 'horizontal';
|
|
|
3544
3582
|
//#endregion
|
|
3545
3583
|
//#region src/components/RadioGroup/RadioGroupItem.d.ts
|
|
3546
3584
|
type ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;
|
|
3547
|
-
type Props$
|
|
3585
|
+
type Props$181<T extends string = string> = ItemProps & {
|
|
3548
3586
|
value: T;
|
|
3549
3587
|
tooltip?: ReactNode;
|
|
3550
|
-
tooltipVariant?: Props$
|
|
3551
|
-
tooltipPlacement?: Props$
|
|
3588
|
+
tooltipVariant?: Props$8['variant'];
|
|
3589
|
+
tooltipPlacement?: Props$8['placement'];
|
|
3552
3590
|
description?: ReactNode;
|
|
3553
3591
|
};
|
|
3554
|
-
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$
|
|
3592
|
+
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$181<T>) => import("react/jsx-runtime").JSX.Element;
|
|
3555
3593
|
//#endregion
|
|
3556
3594
|
//#region src/components/RadioGroup/RadioGroupSeparator.d.ts
|
|
3557
3595
|
declare const RadioGroupSeparator: () => import("react/jsx-runtime").JSX.Element;
|
|
3558
3596
|
//#endregion
|
|
3559
3597
|
//#region src/components/RadioGroup/RadioGroup.d.ts
|
|
3560
|
-
type Props$
|
|
3598
|
+
type Props$180<Value> = {
|
|
3561
3599
|
variant?: Variant$7;
|
|
3562
3600
|
orientation?: Orientation;
|
|
3563
3601
|
onValueChange?: (value: Value) => void;
|
|
3564
3602
|
value?: Value | null;
|
|
3565
3603
|
defaultValue?: Value | null;
|
|
3566
3604
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
3567
|
-
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
3605
|
+
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$180<Value>): import("react/jsx-runtime").JSX.Element;
|
|
3568
3606
|
declare namespace RadioGroup {
|
|
3569
3607
|
export { RadioGroupItem as Item };
|
|
3570
3608
|
export { RadioGroupSeparator as Separator };
|
|
3571
3609
|
}
|
|
3572
3610
|
//#endregion
|
|
3573
3611
|
//#region src/components/Slider/SliderThumb.d.ts
|
|
3574
|
-
type Props$
|
|
3612
|
+
type Props$179 = ComponentProps<typeof Thumb$1> & {
|
|
3575
3613
|
tooltip?: ReactNode;
|
|
3576
3614
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
3577
3615
|
};
|
|
3578
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
3616
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$179) => import("react/jsx-runtime").JSX.Element;
|
|
3579
3617
|
//#endregion
|
|
3580
3618
|
//#region src/components/Slider/Slider.d.ts
|
|
3581
3619
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
3582
|
-
type Props$
|
|
3620
|
+
type Props$178 = ComponentProps<typeof Root$9> & {
|
|
3583
3621
|
thumbTooltip?: ThumbTooltipFn;
|
|
3584
3622
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
3585
3623
|
rangeClassName?: string;
|
|
3586
3624
|
};
|
|
3587
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
3625
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$178) => import("react/jsx-runtime").JSX.Element;
|
|
3588
3626
|
//#endregion
|
|
3589
3627
|
//#region src/components/Search/Search.d.ts
|
|
3590
3628
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
|
|
3591
3629
|
type SearchBlurEventHandler = (value: string, event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
3592
|
-
type Props$
|
|
3630
|
+
type Props$177 = {
|
|
3593
3631
|
suffix?: ReactNode;
|
|
3594
3632
|
disableDebounce?: boolean;
|
|
3595
3633
|
debounceDelay?: number;
|
|
@@ -3604,19 +3642,19 @@ type Props$175 = {
|
|
|
3604
3642
|
/**
|
|
3605
3643
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
3606
3644
|
*/
|
|
3607
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
3645
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$177) => import("react/jsx-runtime").JSX.Element;
|
|
3608
3646
|
//#endregion
|
|
3609
3647
|
//#region src/components/Search/SearchForm.d.ts
|
|
3610
|
-
type Props$
|
|
3648
|
+
type Props$176 = {
|
|
3611
3649
|
onSubmit: (value: string) => void;
|
|
3612
3650
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
3613
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
3651
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$176) => import("react/jsx-runtime").JSX.Element;
|
|
3614
3652
|
//#endregion
|
|
3615
3653
|
//#region src/components/Select/SelectContent.d.ts
|
|
3616
3654
|
/**
|
|
3617
3655
|
* Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).
|
|
3618
3656
|
*/
|
|
3619
|
-
type Props$
|
|
3657
|
+
type Props$175 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
3620
3658
|
container?: HTMLElement | null;
|
|
3621
3659
|
};
|
|
3622
3660
|
/**
|
|
@@ -3624,21 +3662,22 @@ type Props$173 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
|
3624
3662
|
* Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via
|
|
3625
3663
|
* the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.
|
|
3626
3664
|
*/
|
|
3627
|
-
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$
|
|
3665
|
+
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$175) => import("react/jsx-runtime").JSX.Element;
|
|
3628
3666
|
//#endregion
|
|
3629
3667
|
//#region src/components/Select/SelectGroup.d.ts
|
|
3630
|
-
type Props$
|
|
3631
|
-
declare const SelectGroup: ({ className, ...props }: Props$
|
|
3668
|
+
type Props$174 = ComponentProps<typeof SelectPrimitive.Group>;
|
|
3669
|
+
declare const SelectGroup: ({ className, ...props }: Props$174) => import("react/jsx-runtime").JSX.Element;
|
|
3632
3670
|
//#endregion
|
|
3633
3671
|
//#region src/components/Select/SelectItem.d.ts
|
|
3634
|
-
type Props$
|
|
3672
|
+
type Props$173 = ComponentProps<typeof SelectPrimitive.Item> & {
|
|
3635
3673
|
icon?: ReactNode;
|
|
3674
|
+
hint?: ReactNode;
|
|
3636
3675
|
};
|
|
3637
|
-
declare const SelectItem$1: ({ ref, className, children, icon, ...props }: Props$
|
|
3676
|
+
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$173) => import("react/jsx-runtime").JSX.Element;
|
|
3638
3677
|
//#endregion
|
|
3639
3678
|
//#region src/components/Select/SelectLabel.d.ts
|
|
3640
|
-
type Props$
|
|
3641
|
-
declare const SelectLabel: ({ className, ...props }: Props$
|
|
3679
|
+
type Props$172 = ComponentProps<typeof SelectPrimitive.Label>;
|
|
3680
|
+
declare const SelectLabel: ({ className, ...props }: Props$172) => import("react/jsx-runtime").JSX.Element;
|
|
3642
3681
|
//#endregion
|
|
3643
3682
|
//#region src/components/Select/SelectRoot.d.ts
|
|
3644
3683
|
type SelectRootProps = {
|
|
@@ -3659,20 +3698,31 @@ type SelectRootProps = {
|
|
|
3659
3698
|
declare const SelectRoot: (props: SelectRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
3660
3699
|
//#endregion
|
|
3661
3700
|
//#region src/components/Select/SelectSeparator.d.ts
|
|
3662
|
-
type Props$
|
|
3663
|
-
declare const SelectSeparator: ({ className, ...props }: Props$
|
|
3701
|
+
type Props$171 = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
3702
|
+
declare const SelectSeparator: ({ className, ...props }: Props$171) => import("react/jsx-runtime").JSX.Element;
|
|
3664
3703
|
//#endregion
|
|
3665
3704
|
//#region src/components/Select/SelectTrigger.d.ts
|
|
3666
|
-
type
|
|
3705
|
+
type BaseProps$1 = ComponentProps<typeof SelectPrimitive.Trigger> & Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {
|
|
3667
3706
|
variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'> | 'inline';
|
|
3668
3707
|
} & Pick<ComponentProps<typeof SelectPrimitive.Value>, 'placeholder'>;
|
|
3669
|
-
|
|
3708
|
+
/**
|
|
3709
|
+
* The trigger needs an accessible name, so one of the three routes to one is required.
|
|
3710
|
+
*
|
|
3711
|
+
* - `role="combobox"` is not a name-from-content role: neither the selected item's label nor the
|
|
3712
|
+
* `placeholder` names it.
|
|
3713
|
+
* - `id` counts only when a `<Label htmlFor>` points at it — the type cannot check that pair.
|
|
3714
|
+
* - Passing more than one is allowed; `aria-label` wins over a `<Label htmlFor>`.
|
|
3715
|
+
*/
|
|
3716
|
+
type SelectTriggerProps = BaseProps$1 & (Required<Pick<BaseProps$1, 'aria-label'>> | Required<Pick<BaseProps$1, 'aria-labelledby'>> | Required<Pick<BaseProps$1, 'id'>>);
|
|
3717
|
+
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3670
3718
|
//#endregion
|
|
3671
3719
|
//#region src/components/Select/Select.d.ts
|
|
3672
3720
|
type SelectItem = {
|
|
3673
3721
|
value: string;
|
|
3674
3722
|
label: ReactNode;
|
|
3675
3723
|
icon?: ReactNode;
|
|
3724
|
+
/** Trailing muted note shown in the listbox only — never in the trigger. */
|
|
3725
|
+
hint?: ReactNode;
|
|
3676
3726
|
disabled?: boolean;
|
|
3677
3727
|
};
|
|
3678
3728
|
type SelectItemGroup = {
|
|
@@ -3680,10 +3730,19 @@ type SelectItemGroup = {
|
|
|
3680
3730
|
items: readonly SelectItem[];
|
|
3681
3731
|
};
|
|
3682
3732
|
type TriggerProps = ComponentProps<typeof SelectTrigger>;
|
|
3683
|
-
type
|
|
3733
|
+
type BaseProps = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange' | 'dir' | 'autoComplete' | 'form'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className' | 'onBlur' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & {
|
|
3684
3734
|
items?: readonly (SelectItem | SelectItemGroup)[];
|
|
3685
3735
|
};
|
|
3686
|
-
|
|
3736
|
+
/**
|
|
3737
|
+
* A `Select` needs an accessible name, so one of the three routes to one is required.
|
|
3738
|
+
*
|
|
3739
|
+
* - `role="combobox"` is not a name-from-content role: neither the selected item's label nor the
|
|
3740
|
+
* `placeholder` names the trigger.
|
|
3741
|
+
* - `id` counts only when a `<Label htmlFor>` points at it — the type cannot check that pair.
|
|
3742
|
+
* - Passing more than one is allowed; `aria-label` wins over a `<Label htmlFor>`.
|
|
3743
|
+
*/
|
|
3744
|
+
type SelectProps = BaseProps & (Required<Pick<BaseProps, 'aria-label'>> | Required<Pick<BaseProps, 'aria-labelledby'>> | Required<Pick<BaseProps, 'id'>>);
|
|
3745
|
+
declare function Select({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, dir, autoComplete, form, variant, state, sizing, placeholder, className, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, items, ...accessibleName }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
3687
3746
|
declare namespace Select {
|
|
3688
3747
|
export { SelectRoot as Root };
|
|
3689
3748
|
export { SelectTrigger as Trigger };
|
|
@@ -3695,40 +3754,61 @@ declare namespace Select {
|
|
|
3695
3754
|
}
|
|
3696
3755
|
//#endregion
|
|
3697
3756
|
//#region src/components/Checkbox/Checkbox.d.ts
|
|
3698
|
-
type Props$
|
|
3757
|
+
type Props$170 = {
|
|
3699
3758
|
id?: string | number;
|
|
3700
3759
|
description?: ReactNode;
|
|
3701
3760
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
3702
3761
|
position?: 'start' | 'end';
|
|
3703
|
-
tooltip?: Props$
|
|
3704
|
-
tooltipPlacement?: Props$
|
|
3762
|
+
tooltip?: Props$8['tooltip'];
|
|
3763
|
+
tooltipPlacement?: Props$8['placement'];
|
|
3705
3764
|
} & Omit<ComponentProps<typeof Root$11>, 'id'>;
|
|
3706
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3765
|
+
declare function Checkbox(prop: Omit<Props$170, 'checked' | 'onCheckedChange'> & {
|
|
3707
3766
|
checked?: boolean;
|
|
3708
3767
|
onCheckedChange?: (checked: boolean) => void;
|
|
3709
3768
|
}): ReactNode;
|
|
3710
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3769
|
+
declare function Checkbox(prop: Omit<Props$170, 'checked' | 'onCheckedChange'> & {
|
|
3711
3770
|
checked?: CheckedState;
|
|
3712
3771
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
3713
3772
|
}): ReactNode;
|
|
3714
3773
|
//#endregion
|
|
3774
|
+
//#region src/components/Combobox/blankValues.d.ts
|
|
3775
|
+
/**
|
|
3776
|
+
* A string as a row or a chip shows it — named when its text is blank, itself otherwise.
|
|
3777
|
+
*
|
|
3778
|
+
* - Exported so an `itemToLabel` / `itemToChipLabel` / `itemToSelectedLabel` / `renderChips`
|
|
3779
|
+
* override can keep the default naming instead of retyping the labels.
|
|
3780
|
+
* - The two blank values get their own labels; any other whitespace-only string (a tab, a run of
|
|
3781
|
+
* spaces) falls back to a generic one, so two different ones read alike.
|
|
3782
|
+
* - Identity is unaffected — `toLabel` keys items off the raw string.
|
|
3783
|
+
*/
|
|
3784
|
+
declare const namedLabel: (text: string) => string;
|
|
3785
|
+
/**
|
|
3786
|
+
* `values` with both blank values offered ahead of them, and duplicates collapsed.
|
|
3787
|
+
*
|
|
3788
|
+
* - The dedupe matters where the list is the distinct values of a Storage column: it can already
|
|
3789
|
+
* hold a blank, and two `Object.is`-equal rows both report `aria-selected` and toggle each other.
|
|
3790
|
+
* - First occurrence wins, so the order of the values is otherwise preserved.
|
|
3791
|
+
* - String items only — the seven Storage filters this serves are all string-valued.
|
|
3792
|
+
*/
|
|
3793
|
+
declare const withBlankValues: (values: readonly string[]) => string[];
|
|
3794
|
+
//#endregion
|
|
3715
3795
|
//#region src/components/Badge/BadgeAddon.d.ts
|
|
3716
3796
|
declare const addonVariants: (props?: ({
|
|
3717
3797
|
align?: "inline-end" | "inline-start" | null | undefined;
|
|
3718
3798
|
variant?: "floating" | "inline" | null | undefined;
|
|
3719
3799
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3720
|
-
type Props$
|
|
3721
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
3800
|
+
type Props$169 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
3801
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$169) => import("react/jsx-runtime").JSX.Element;
|
|
3722
3802
|
//#endregion
|
|
3723
3803
|
//#region src/components/Badge/BadgeButton.d.ts
|
|
3724
|
-
type Props$
|
|
3725
|
-
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$
|
|
3804
|
+
type Props$168 = ComponentProps<'button'>;
|
|
3805
|
+
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$168) => import("react/jsx-runtime").JSX.Element;
|
|
3726
3806
|
//#endregion
|
|
3727
3807
|
//#region src/components/Badge/BadgeLabel.d.ts
|
|
3728
|
-
type Props$
|
|
3808
|
+
type Props$167 = ComponentProps<'span'> & {
|
|
3729
3809
|
asChild?: boolean;
|
|
3730
3810
|
};
|
|
3731
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
3811
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$167) => import("react/jsx-runtime").JSX.Element;
|
|
3732
3812
|
//#endregion
|
|
3733
3813
|
//#region src/components/Badge/styles.d.ts
|
|
3734
3814
|
declare const badgeRootVariants: (props?: ({
|
|
@@ -3737,8 +3817,8 @@ declare const badgeRootVariants: (props?: ({
|
|
|
3737
3817
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3738
3818
|
//#endregion
|
|
3739
3819
|
//#region src/components/Badge/BadgeRoot.d.ts
|
|
3740
|
-
type Props$
|
|
3741
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
3820
|
+
type Props$166 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
3821
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$166) => import("react/jsx-runtime").JSX.Element;
|
|
3742
3822
|
//#endregion
|
|
3743
3823
|
//#region src/components/Badge/Badge.d.ts
|
|
3744
3824
|
type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
|
|
@@ -3749,7 +3829,7 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
|
3749
3829
|
* `amber` = caution, `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
|
|
3750
3830
|
* Pass `prefix` / `suffix` for icon-style addons.
|
|
3751
3831
|
*/
|
|
3752
|
-
type Props$
|
|
3832
|
+
type Props$165 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
3753
3833
|
prefix?: ReactNode;
|
|
3754
3834
|
prefixVariant?: AddonVariant;
|
|
3755
3835
|
suffix?: ReactNode;
|
|
@@ -3767,7 +3847,7 @@ type Props$161 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProp
|
|
|
3767
3847
|
* **Composition:** drop into `PageHeader.Detail` `badges` slot, `Table.Cell`, or alongside titles in cards.
|
|
3768
3848
|
* Use `Badge.Button` for an interactive (clickable) badge variant.
|
|
3769
3849
|
*/
|
|
3770
|
-
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
3850
|
+
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$165) => import("react/jsx-runtime").JSX.Element;
|
|
3771
3851
|
declare const Badge: typeof BadgeInner & {
|
|
3772
3852
|
Root: typeof BadgeRoot;
|
|
3773
3853
|
Button: typeof BadgeButton;
|
|
@@ -3775,16 +3855,49 @@ declare const Badge: typeof BadgeInner & {
|
|
|
3775
3855
|
Addon: typeof BadgeAddon;
|
|
3776
3856
|
};
|
|
3777
3857
|
//#endregion
|
|
3778
|
-
//#region src/components/Combobox/
|
|
3858
|
+
//#region src/components/Combobox/ComboboxChip.d.ts
|
|
3779
3859
|
type BadgeColor = ComponentProps<typeof Badge>['color'];
|
|
3780
3860
|
type BadgeVariant = ComponentProps<typeof Badge>['variant'];
|
|
3781
|
-
type Props$
|
|
3861
|
+
type Props$164 = {
|
|
3862
|
+
children: ReactNode;
|
|
3863
|
+
color?: BadgeColor;
|
|
3864
|
+
variant?: BadgeVariant;
|
|
3865
|
+
};
|
|
3866
|
+
/**
|
|
3867
|
+
* One chip in a `MultiCombobox`'s chip area — Badge chrome plus the remove button.
|
|
3868
|
+
*
|
|
3869
|
+
* - Position is the identity: Base UI removes the chip at an index, so render one per entry of
|
|
3870
|
+
* `value`, in that order. There is no value prop to pass.
|
|
3871
|
+
* - `children` is the chip's content, so it can hold a link or an action of its own.
|
|
3872
|
+
* - Renders inside a `MultiCombobox`'s `renderChips` slot, or `Combobox.Chips`.
|
|
3873
|
+
* - A chip the user cannot remove is a plain `Badge`, not a chip — a chip would take a position
|
|
3874
|
+
* that a removal counts against.
|
|
3875
|
+
*/
|
|
3876
|
+
declare const ComboboxChip: ({ children, color, variant }: Props$164) => import("react/jsx-runtime").JSX.Element;
|
|
3877
|
+
//#endregion
|
|
3878
|
+
//#region src/components/Combobox/ComboboxChips.d.ts
|
|
3879
|
+
type Props$163<Value> = {
|
|
3782
3880
|
maxVisible?: number;
|
|
3783
3881
|
itemToChipLabel?: (item: Value) => ReactNode;
|
|
3784
3882
|
itemToChipColor?: (item: Value) => BadgeColor;
|
|
3883
|
+
/**
|
|
3884
|
+
* Labels for chips the control shows but the user does not own — a pinned set the caller keeps.
|
|
3885
|
+
*
|
|
3886
|
+
* - Each label gets a chip of its own, ahead of the values and outside the `maxVisible` slice.
|
|
3887
|
+
* - No remove button, and no entry in `value` — there is nothing for a removal to report.
|
|
3888
|
+
*/
|
|
3889
|
+
pinnedChipLabels?: ReactNode[];
|
|
3785
3890
|
variant?: BadgeVariant;
|
|
3891
|
+
/**
|
|
3892
|
+
* Renders the chip area from the selected values, in place of the default chips.
|
|
3893
|
+
*
|
|
3894
|
+
* - Every other prop here is then unused: the caller decides what each value becomes and how
|
|
3895
|
+
* many of them show.
|
|
3896
|
+
* - Build removable chips with `Combobox.Chip`; nothing requires one chip per value.
|
|
3897
|
+
*/
|
|
3898
|
+
children?: (values: Value[]) => ReactNode;
|
|
3786
3899
|
};
|
|
3787
|
-
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, variant }: Props$
|
|
3900
|
+
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$163<Value>) => import("react/jsx-runtime").JSX.Element;
|
|
3788
3901
|
//#endregion
|
|
3789
3902
|
//#region src/components/Combobox/ComboboxContent.d.ts
|
|
3790
3903
|
type PortalProps = ComponentProps<typeof Combobox$1.Portal>;
|
|
@@ -3792,72 +3905,72 @@ type PositionerProps = ComponentProps<typeof Combobox$1.Positioner>;
|
|
|
3792
3905
|
type PopupProps = Omit<ComponentProps<typeof Combobox$1.Popup>, 'className'> & {
|
|
3793
3906
|
className?: string;
|
|
3794
3907
|
};
|
|
3795
|
-
type Props$
|
|
3796
|
-
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$
|
|
3908
|
+
type Props$162 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
|
|
3909
|
+
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$162) => import("react/jsx-runtime").JSX.Element;
|
|
3797
3910
|
//#endregion
|
|
3798
3911
|
//#region src/components/Combobox/ComboboxEmpty.d.ts
|
|
3799
|
-
type Props$
|
|
3912
|
+
type Props$161 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
|
|
3800
3913
|
className?: string;
|
|
3801
3914
|
};
|
|
3802
|
-
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$
|
|
3915
|
+
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$161) => import("react/jsx-runtime").JSX.Element;
|
|
3803
3916
|
//#endregion
|
|
3804
3917
|
//#region src/components/Combobox/ComboboxInput.d.ts
|
|
3805
|
-
type Props$
|
|
3806
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
3918
|
+
type Props$160 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
|
|
3919
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$160) => import("react/jsx-runtime").JSX.Element;
|
|
3807
3920
|
//#endregion
|
|
3808
3921
|
//#region src/components/Combobox/ComboboxInputGroup.d.ts
|
|
3809
3922
|
type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
3810
|
-
type Props$
|
|
3923
|
+
type Props$159 = InputGroupProps$8 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
3811
3924
|
className?: string;
|
|
3812
3925
|
};
|
|
3813
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
3926
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$159) => import("react/jsx-runtime").JSX.Element;
|
|
3814
3927
|
//#endregion
|
|
3815
3928
|
//#region src/components/Combobox/ComboboxItemIndicator.d.ts
|
|
3816
3929
|
type Variant$6 = 'check' | 'checkbox';
|
|
3817
|
-
type Props$
|
|
3930
|
+
type Props$158 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
3818
3931
|
className?: string;
|
|
3819
3932
|
variant?: Variant$6;
|
|
3820
3933
|
};
|
|
3821
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
3934
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$158) => import("react/jsx-runtime").JSX.Element;
|
|
3822
3935
|
//#endregion
|
|
3823
3936
|
//#region src/components/Combobox/ComboboxItem.d.ts
|
|
3824
|
-
type Props$
|
|
3937
|
+
type Props$157 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
3825
3938
|
className?: string;
|
|
3826
3939
|
icon?: ReactNode;
|
|
3827
3940
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
|
|
3828
3941
|
};
|
|
3829
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$
|
|
3942
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$157) => import("react/jsx-runtime").JSX.Element;
|
|
3830
3943
|
//#endregion
|
|
3831
3944
|
//#region src/components/Combobox/ComboboxList.d.ts
|
|
3832
|
-
type Props$
|
|
3945
|
+
type Props$156 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
|
|
3833
3946
|
className?: string;
|
|
3834
3947
|
};
|
|
3835
|
-
declare const ComboboxList: ({ ref, className, ...props }: Props$
|
|
3948
|
+
declare const ComboboxList: ({ ref, className, ...props }: Props$156) => import("react/jsx-runtime").JSX.Element;
|
|
3836
3949
|
//#endregion
|
|
3837
3950
|
//#region src/components/Combobox/ComboboxRoot.d.ts
|
|
3838
3951
|
declare const ComboboxRoot: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => import("react/jsx-runtime").JSX.Element;
|
|
3839
3952
|
//#endregion
|
|
3840
3953
|
//#region src/components/Combobox/ComboboxSeparator.d.ts
|
|
3841
|
-
type Props$
|
|
3954
|
+
type Props$155 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
|
|
3842
3955
|
className?: string;
|
|
3843
3956
|
};
|
|
3844
|
-
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$
|
|
3957
|
+
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$155) => import("react/jsx-runtime").JSX.Element;
|
|
3845
3958
|
//#endregion
|
|
3846
3959
|
//#region src/components/Combobox/Group/ComboboxGroup.d.ts
|
|
3847
|
-
type Props$
|
|
3960
|
+
type Props$154 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
|
|
3848
3961
|
className?: string;
|
|
3849
3962
|
};
|
|
3850
|
-
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$
|
|
3963
|
+
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$154) => import("react/jsx-runtime").JSX.Element;
|
|
3851
3964
|
//#endregion
|
|
3852
3965
|
//#region src/components/Combobox/Group/ComboboxGroupLabel.d.ts
|
|
3853
|
-
type Props$
|
|
3966
|
+
type Props$153 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
|
|
3854
3967
|
className?: string;
|
|
3855
3968
|
};
|
|
3856
|
-
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$
|
|
3969
|
+
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$153) => import("react/jsx-runtime").JSX.Element;
|
|
3857
3970
|
//#endregion
|
|
3858
3971
|
//#region src/components/Combobox/Group/ComboboxCollection.d.ts
|
|
3859
|
-
type Props$
|
|
3860
|
-
declare const ComboboxCollection: ({ ...props }: Props$
|
|
3972
|
+
type Props$152 = Combobox$1.Collection.Props;
|
|
3973
|
+
declare const ComboboxCollection: ({ ...props }: Props$152) => import("react/jsx-runtime").JSX.Element;
|
|
3861
3974
|
//#endregion
|
|
3862
3975
|
//#region src/components/Combobox/types.d.ts
|
|
3863
3976
|
type Group$2<Item = unknown> = {
|
|
@@ -3885,8 +3998,16 @@ type CreatableProps$1<Value> = {
|
|
|
3885
3998
|
*/
|
|
3886
3999
|
canCreate?: (query: string) => boolean;
|
|
3887
4000
|
};
|
|
3888
|
-
type Props$
|
|
4001
|
+
type Props$151<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps$1<Value> & {
|
|
3889
4002
|
items?: readonly (Value | GroupShape)[];
|
|
4003
|
+
/**
|
|
4004
|
+
* Offer a clear button once a value is selected. Defaults to **`true`**.
|
|
4005
|
+
*
|
|
4006
|
+
* - `BaseCombobox.Clear` only mounts while there is something to clear, so an empty combobox
|
|
4007
|
+
* renders identically either way.
|
|
4008
|
+
* - Pass `false` where clearing must not be reachable — a required field, or a control whose
|
|
4009
|
+
* empty state the surrounding form cannot represent.
|
|
4010
|
+
*/
|
|
3890
4011
|
allowClear?: boolean;
|
|
3891
4012
|
empty?: ReactNode;
|
|
3892
4013
|
indicator?: Indicator$4;
|
|
@@ -3898,13 +4019,54 @@ type Props$148<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Publ
|
|
|
3898
4019
|
* or `true` to force it. Grouped lists are never virtualized.
|
|
3899
4020
|
*/
|
|
3900
4021
|
virtualized?: boolean | 'auto';
|
|
4022
|
+
/**
|
|
4023
|
+
* Rewrites what the user types before the control adopts it.
|
|
4024
|
+
*
|
|
4025
|
+
* - Runs on typing only. The selection's own label comes from the item, so normalising that
|
|
4026
|
+
* too would corrupt what the closed control displays.
|
|
4027
|
+
* - The query the list filters by is the rewritten text, and so is everything `allowCreate`
|
|
4028
|
+
* derives from it — a character the user cannot type is one they cannot create.
|
|
4029
|
+
* - Reach for it where a created value has a character set: a bucket or table identifier.
|
|
4030
|
+
* `canCreate` is the gate for a format the user must get right themselves.
|
|
4031
|
+
* - It has to rewrite rather than drop: it sees the whole text on every keystroke, so one
|
|
4032
|
+
* calling `trim()` swallows the space before the next word.
|
|
4033
|
+
*/
|
|
4034
|
+
inputValueSanitizer?: (input: string) => string;
|
|
4035
|
+
/**
|
|
4036
|
+
* Reports the query the list filters by, `inputValueSanitizer` already applied.
|
|
4037
|
+
*
|
|
4038
|
+
* - For an owner that needs the query for itself: a server-side search, an option order, the
|
|
4039
|
+
* name a "create" form opens with.
|
|
4040
|
+
* - The query is empty while the input still shows the selection's label, so a list fetched
|
|
4041
|
+
* for a query cannot stay narrowed behind a selection the user has moved on from. The
|
|
4042
|
+
* mount render reports too, so a search driven by this needs no first fetch of its own.
|
|
4043
|
+
* - Notification only, and deliberately not Base UI's own `onInputValueChange`: the control
|
|
4044
|
+
* keeps ownership of the text — a selection snaps it back to that item's label, and
|
|
4045
|
+
* creating or clearing a value rewrites it — so there is no controlled `inputValue` to
|
|
4046
|
+
* hold in sync.
|
|
4047
|
+
*/
|
|
4048
|
+
onQueryChange?: (query: string) => void;
|
|
3901
4049
|
/** `query` is the current search text — pass it to `MarkedText` to highlight the match. */
|
|
3902
4050
|
itemToLabel?: (item: Value, query: string) => ReactNode;
|
|
3903
4051
|
itemToIcon?: (item: Value) => ReactNode;
|
|
3904
4052
|
itemToDisabled?: (item: Value) => boolean;
|
|
4053
|
+
/**
|
|
4054
|
+
* How the selection renders once the popup is closed — an icon, a badge, a secondary line.
|
|
4055
|
+
*
|
|
4056
|
+
* - Shows ahead of the input, and the input's own text turns transparent behind it, so the
|
|
4057
|
+
* selection reads once. Typing dissolves it and hands the row back to the query.
|
|
4058
|
+
* - The input keeps `itemToStringLabel`'s text as its value, so this is decoration: a screen
|
|
4059
|
+
* reader still reports the selection. That is the reason to reach for it over drawing the
|
|
4060
|
+
* selection yourself in `prefix`, which costs the input its accessible value.
|
|
4061
|
+
* - Left unset, the selection is that text alone — `itemToLabel` styles the open list's rows,
|
|
4062
|
+
* not the selection, and the two are free to differ.
|
|
4063
|
+
* - The node owns its own overflow, as `itemToLabel` and `itemToChipLabel` do: the control caps
|
|
4064
|
+
* the area so the clear and open buttons stay reachable, and clips what does not fit.
|
|
4065
|
+
*/
|
|
4066
|
+
itemToSelectedLabel?: (item: Value) => ReactNode;
|
|
3905
4067
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
3906
4068
|
};
|
|
3907
|
-
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, id, className, empty, indicator, prefix, virtualized, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel, itemToIcon, groupToLabel }: Props$
|
|
4069
|
+
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, id, className, empty, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel, itemToIcon, itemToSelectedLabel, groupToLabel }: Props$151<Value, GroupShape>): import("react/jsx-runtime").JSX.Element;
|
|
3908
4070
|
declare namespace Combobox {
|
|
3909
4071
|
export { ComboboxRoot as Root };
|
|
3910
4072
|
export { ComboboxInputGroup as InputGroup };
|
|
@@ -3919,34 +4081,160 @@ declare namespace Combobox {
|
|
|
3919
4081
|
export { ComboboxGroupLabel as GroupLabel };
|
|
3920
4082
|
export { ComboboxCollection as GroupList };
|
|
3921
4083
|
export { ComboboxChips as Chips };
|
|
4084
|
+
export { ComboboxChip as Chip };
|
|
3922
4085
|
}
|
|
3923
4086
|
//#endregion
|
|
4087
|
+
//#region src/components/Combobox/matchByWords.d.ts
|
|
4088
|
+
/** A single searchable text. `null` / `undefined` / `''` stand for "this item has no such field". */
|
|
4089
|
+
type Text = string | number | null | undefined;
|
|
4090
|
+
/**
|
|
4091
|
+
* Whether every word of `query` occurs in at least one of `texts`, ignoring case.
|
|
4092
|
+
*
|
|
4093
|
+
* - Words may match different texts and in any order: `prod eu` matches `['eu-central', 'production']`.
|
|
4094
|
+
* - A word matches by containment, not as a whole word: `prod` matches `production`.
|
|
4095
|
+
* - An empty or whitespace-only query matches every item.
|
|
4096
|
+
* - Empty and absent texts are skipped, so a missing field never matches.
|
|
4097
|
+
* - Comparison is a plain lowercased `includes`, not Base UI's `Intl.Collator` `contains`, so
|
|
4098
|
+
* `Muller` does not find `Müller`. The wrapper this replaces matched the same way.
|
|
4099
|
+
* - `apps/kbc-ui` has its own `matchByWords` of the same name over 68 mostly non-combobox call
|
|
4100
|
+
* sites. It splits on a single space and keeps empty texts, so the two are not interchangeable
|
|
4101
|
+
* until that one re-exports this.
|
|
4102
|
+
*
|
|
4103
|
+
* Reach for it as a `Combobox` / `MultiCombobox` `filter` when the searchable text is **not** the
|
|
4104
|
+
* label — a user's email behind their name, a table id behind its display name:
|
|
4105
|
+
*
|
|
4106
|
+
* ```tsx
|
|
4107
|
+
* <Combobox filter={(user, query) => matchByWords([user.name, user.email], query)} … />
|
|
4108
|
+
* ```
|
|
4109
|
+
*
|
|
4110
|
+
* When only the label is searchable, pass {@link filterByWords} instead of closing over this.
|
|
4111
|
+
*/
|
|
4112
|
+
declare const matchByWords: (texts: Text | readonly Text[], query: string) => boolean;
|
|
4113
|
+
/**
|
|
4114
|
+
* `filter` that matches the item's displayed label word by word.
|
|
4115
|
+
*
|
|
4116
|
+
* - Drop-in for the built-in match, which takes the query as one substring: `filter={filterByWords}`.
|
|
4117
|
+
* - Generic, so passing it leaves the combobox's own item type inference untouched.
|
|
4118
|
+
* - The label is what the combobox itself displays — `itemToStringLabel` where the call site passes
|
|
4119
|
+
* one, otherwise the item's own `label`, `value`, or string form.
|
|
4120
|
+
* - **Only the label is searched.** Nothing walks the rest of the item, so a field the label omits
|
|
4121
|
+
* stays unsearchable by design — a filter that quietly matched an id the user cannot see is
|
|
4122
|
+
* worse than one that does not match. Close over {@link matchByWords} to name those fields.
|
|
4123
|
+
*/
|
|
4124
|
+
declare const filterByWords: <Item>(item: Item, query: string, itemToString?: (item: Item) => string) => boolean;
|
|
4125
|
+
//#endregion
|
|
3924
4126
|
//#region src/blocks/MultiCombobox/MultiCombobox.d.ts
|
|
3925
4127
|
type ComboboxProps<Value> = Combobox$1.Root.Props<Value, true>;
|
|
3926
4128
|
type ComboboxInputProps = ComponentProps<typeof Combobox.Input>;
|
|
3927
4129
|
type ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;
|
|
3928
4130
|
type ComboboxItemProps = ComponentProps<typeof Combobox.Item>;
|
|
3929
|
-
type ComboboxChipsProps = ComponentProps<typeof Combobox.Chips
|
|
4131
|
+
type ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;
|
|
3930
4132
|
type Indicator$3 = NonNullable<ComboboxItemProps['indicator']>;
|
|
3931
4133
|
type CreatableProps<Value> = {
|
|
3932
4134
|
allowCreate?: boolean;
|
|
4135
|
+
/**
|
|
4136
|
+
* Words the create row. Receives the values committing the row will add — an entry standing for
|
|
4137
|
+
* several values arrives trimmed and re-joined with its own separator, not as typed.
|
|
4138
|
+
*/
|
|
3933
4139
|
queryToCreateLabel?: (query: string) => ReactNode;
|
|
4140
|
+
/**
|
|
4141
|
+
* Projects one entered string into an item. Called once per value, so a split entry calls it
|
|
4142
|
+
* several times, each with an already-trimmed part.
|
|
4143
|
+
*/
|
|
3934
4144
|
queryToCreateValue?: (query: string) => Value;
|
|
4145
|
+
/**
|
|
4146
|
+
* Gate on each value the entry stands for, for `allowCreate`.
|
|
4147
|
+
*
|
|
4148
|
+
* - Returning `false` drops that value, so an entry left with none hides the create row and the
|
|
4149
|
+
* empty state shows instead.
|
|
4150
|
+
* - Only called for a value that matches no item and nothing already selected — one naming an
|
|
4151
|
+
* item is selected rather than minted, so its format is not this gate's business.
|
|
4152
|
+
* - Reach for it when a free-form value has a format (a column name, an email address).
|
|
4153
|
+
*/
|
|
4154
|
+
canCreate?: (query: string) => boolean;
|
|
4155
|
+
/**
|
|
4156
|
+
* Separator that makes one creatable entry stand for several values. Defaults to **`','`**, so
|
|
4157
|
+
* pasting `id1, id2, id3` adds three chips.
|
|
4158
|
+
*
|
|
4159
|
+
* - Pass a string or a non-capturing `RegExp` for another convention: `';'` for an Outlook
|
|
4160
|
+
* address list, `/[\s,]+/` where a value can never contain a space. A capture group would be
|
|
4161
|
+
* handed back as a value of its own — that is `String.prototype.split`'s own behaviour.
|
|
4162
|
+
* - Pass `null` where a value legitimately contains the separator — a free-text label, a
|
|
4163
|
+
* sentence — and one entry must stay one chip.
|
|
4164
|
+
* - Whitespace is deliberately not part of the default: tags and column names contain spaces,
|
|
4165
|
+
* and each part is trimmed anyway, so `id1, id2` needs nothing more than the comma.
|
|
4166
|
+
*/
|
|
4167
|
+
createSeparator?: string | RegExp | null;
|
|
3935
4168
|
};
|
|
3936
4169
|
/**
|
|
3937
4170
|
* Props for `MultiCombobox`. Generic over `Value` (the item shape) and `GroupShape` (optional group wrapper).
|
|
3938
4171
|
* Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
|
|
3939
|
-
* the default substring matcher. Pass `
|
|
4172
|
+
* the default substring matcher. Pass `isItemEqualToValue` when the items are objects a store recreates —
|
|
4173
|
+
* without it Base UI matches `value` against `items` by reference. Pass `allowCreate` to let the user add
|
|
4174
|
+
* free-form values not in `items`.
|
|
3940
4175
|
*/
|
|
3941
|
-
type Props$
|
|
4176
|
+
type Props$150<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter' | 'isItemEqualToValue'> & Pick<ComboboxChipsProps<Value>, 'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'> & CreatableProps<Value> & {
|
|
3942
4177
|
items?: readonly (Value | GroupShape)[];
|
|
4178
|
+
/**
|
|
4179
|
+
* Offer a clear-all button once something is selected. Defaults to **`true`**.
|
|
4180
|
+
*
|
|
4181
|
+
* - `BaseCombobox.Clear` only mounts while chips exist, so an empty control renders identically
|
|
4182
|
+
* either way. Individual chips stay removable regardless.
|
|
4183
|
+
* - Pass `false` where emptying the whole selection must not be one click away.
|
|
4184
|
+
*/
|
|
3943
4185
|
allowClear?: boolean;
|
|
4186
|
+
/**
|
|
4187
|
+
* Adds a "Select All" row that selects the whole item set.
|
|
4188
|
+
*
|
|
4189
|
+
* - The row is hidden while a query narrows the list — it never means "everything matching".
|
|
4190
|
+
* - Selecting it while everything is already selected clears the selection.
|
|
4191
|
+
*/
|
|
3944
4192
|
allowSelectAll?: boolean;
|
|
3945
4193
|
empty?: ReactNode;
|
|
3946
4194
|
indicator?: Indicator$3;
|
|
4195
|
+
/**
|
|
4196
|
+
* Rewrites what the user types before the control adopts it.
|
|
4197
|
+
*
|
|
4198
|
+
* - The query the list filters by is the rewritten text, and so is every value a created entry
|
|
4199
|
+
* is split into — a character the user cannot type is one they cannot create.
|
|
4200
|
+
* - Reach for it where a created value has a character set: a column name, a scope, an
|
|
4201
|
+
* identifier. `canCreate` is the gate for a format the user must get right themselves.
|
|
4202
|
+
* - It has to rewrite rather than drop: it sees the whole text on every keystroke, so one
|
|
4203
|
+
* calling `trim()` swallows the space before the next word.
|
|
4204
|
+
*/
|
|
4205
|
+
inputValueSanitizer?: (input: string) => string;
|
|
4206
|
+
/**
|
|
4207
|
+
* Reports the query the list filters by, `inputValueSanitizer` already applied.
|
|
4208
|
+
*
|
|
4209
|
+
* - For an owner that needs the query for itself: a server-side search, an option order, the
|
|
4210
|
+
* text a synthetic row is offered for. The mount render reports too, so a search driven by
|
|
4211
|
+
* this needs no first fetch of its own.
|
|
4212
|
+
* - Notification only, and deliberately not Base UI's own `onInputValueChange`: the control
|
|
4213
|
+
* keeps ownership of the text — a pick clears it — so there is no controlled `inputValue`
|
|
4214
|
+
* to hold in sync.
|
|
4215
|
+
*/
|
|
4216
|
+
onQueryChange?: (query: string) => void;
|
|
4217
|
+
/**
|
|
4218
|
+
* The item's row in the list, and its chip unless `itemToChipLabel` overrides it.
|
|
4219
|
+
*
|
|
4220
|
+
* - Defaults to `itemToStringLabel`, so a control that projects its items — ids carrying the
|
|
4221
|
+
* selection, the label looked up beside them — states the projection once.
|
|
4222
|
+
* - Pass it separately only where the row is richer than the input's own text.
|
|
4223
|
+
*/
|
|
3947
4224
|
itemToLabel?: (item: Value) => ReactNode;
|
|
3948
4225
|
itemToIcon?: (item: Value) => ReactNode;
|
|
3949
4226
|
itemToDisabled?: (item: Value) => boolean;
|
|
4227
|
+
/**
|
|
4228
|
+
* Renders the chip area from the selected values, in place of the default chips.
|
|
4229
|
+
*
|
|
4230
|
+
* - For the case no per-value accessor can express: one node standing for the whole selection
|
|
4231
|
+
* ("3 tables selected"), or a chip count that is not the value count.
|
|
4232
|
+
* - A chip that merely holds richer content — a link, an action of its own — needs no slot:
|
|
4233
|
+
* `itemToChipLabel` returns a `ReactNode` and the chip lets it take the keyboard.
|
|
4234
|
+
* - The chip props above go unused while this is set, `maxVisible` and its `+N` chip included.
|
|
4235
|
+
* - `Combobox.Chip` builds a removable chip.
|
|
4236
|
+
*/
|
|
4237
|
+
renderChips?: (values: Value[]) => ReactNode;
|
|
3950
4238
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
3951
4239
|
};
|
|
3952
4240
|
/**
|
|
@@ -3956,16 +4244,17 @@ type Props$147<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
3956
4244
|
* Items render as chips above the input; `maxVisible` collapses excess into a `+N more` chip.
|
|
3957
4245
|
* **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`.
|
|
3958
4246
|
* **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` for form integration.
|
|
3959
|
-
* Pass `allowSelectAll` for a
|
|
3960
|
-
*
|
|
4247
|
+
* Pass `allowSelectAll` for a "Select All" item when the full enum is small — it covers the whole set
|
|
4248
|
+
* and hides itself while a query is active. Pass `allowCreate` to let the user add free-form values
|
|
4249
|
+
* that are not in `items` (e.g. entering column names by hand).
|
|
3961
4250
|
*
|
|
3962
4251
|
* @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
|
|
3963
4252
|
* @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
|
|
3964
4253
|
*/
|
|
3965
|
-
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, indicator, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible }: Props$
|
|
4254
|
+
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, id, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, indicator, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible }: Props$150<Value, GroupShape>) => import("react/jsx-runtime").JSX.Element;
|
|
3966
4255
|
//#endregion
|
|
3967
4256
|
//#region src/blocks/Form/connectors/MultiComboboxField.d.ts
|
|
3968
|
-
type Props$
|
|
4257
|
+
type Props$149 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
|
|
3969
4258
|
inputClassName?: string;
|
|
3970
4259
|
};
|
|
3971
4260
|
/**
|
|
@@ -3993,7 +4282,7 @@ type Props$146 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
|
|
|
3993
4282
|
* Pass `allowCreate` for an enum the user may extend — an open list of synchronous action names, say.
|
|
3994
4283
|
* The created values land in the field value like any other.
|
|
3995
4284
|
*/
|
|
3996
|
-
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$
|
|
4285
|
+
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$149) => import("react/jsx-runtime").JSX.Element;
|
|
3997
4286
|
//#endregion
|
|
3998
4287
|
//#region src/blocks/Textarea/Textarea.d.ts
|
|
3999
4288
|
type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
|
|
@@ -4007,12 +4296,12 @@ type TextareaOwnProps = {
|
|
|
4007
4296
|
disableResize?: boolean;
|
|
4008
4297
|
containerClassName?: string;
|
|
4009
4298
|
};
|
|
4010
|
-
type Props$
|
|
4299
|
+
type Props$148 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
|
|
4011
4300
|
/**
|
|
4012
4301
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
4013
4302
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
4014
4303
|
*/
|
|
4015
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$
|
|
4304
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$148) => import("react/jsx-runtime").JSX.Element;
|
|
4016
4305
|
//#endregion
|
|
4017
4306
|
//#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
|
|
4018
4307
|
type AutoSaveTextareaProps = {
|
|
@@ -4027,14 +4316,14 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
|
|
|
4027
4316
|
//#region src/blocks/ColorInput/ColorInput.d.ts
|
|
4028
4317
|
type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4029
4318
|
type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
4030
|
-
type Props$
|
|
4319
|
+
type Props$147 = InputGroupProps$6 & InputGroupInputProps$6 & {
|
|
4031
4320
|
value?: string | null;
|
|
4032
4321
|
defaultValue?: string | null;
|
|
4033
4322
|
onValueChange?: (value: string) => void;
|
|
4034
4323
|
onValueBlur?: (value: string) => void;
|
|
4035
4324
|
allowClear?: boolean;
|
|
4036
4325
|
};
|
|
4037
|
-
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
4326
|
+
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$147) => import("react/jsx-runtime").JSX.Element;
|
|
4038
4327
|
//#endregion
|
|
4039
4328
|
//#region src/components/ThemeProvider/useBrandState.d.ts
|
|
4040
4329
|
type UseBrandOptions = {
|
|
@@ -4066,17 +4355,52 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
|
|
|
4066
4355
|
};
|
|
4067
4356
|
//#endregion
|
|
4068
4357
|
//#region src/components/ThemeProvider/ThemeProvider.d.ts
|
|
4069
|
-
type Props$
|
|
4358
|
+
type Props$146 = UseColorSchemeOptions & UseBrandOptions & {
|
|
4070
4359
|
/** Brands this provider knows about; the active brand id resolves against these. */
|
|
4071
4360
|
brands?: readonly Brand$1[];
|
|
4072
4361
|
children: ReactNode;
|
|
4073
4362
|
};
|
|
4074
|
-
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$
|
|
4363
|
+
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$146) => import("react/jsx-runtime").JSX.Element;
|
|
4364
|
+
//#endregion
|
|
4365
|
+
//#region src/components/ThemeProvider/ThemeScope.d.ts
|
|
4366
|
+
/** The scope's themed portal container, or `null` outside a `ThemeScope`. */
|
|
4367
|
+
declare const useThemeScopeContainer: () => HTMLElement | null;
|
|
4368
|
+
type Props$145 = {
|
|
4369
|
+
/** Colour scheme for this subtree. `system` follows the OS preference. */
|
|
4370
|
+
scheme: ColorScheme;
|
|
4371
|
+
/** Merged onto the child element. */
|
|
4372
|
+
className?: string;
|
|
4373
|
+
/** A single element to theme. Its props are merged — no wrapper is rendered. */
|
|
4374
|
+
children: ReactNode;
|
|
4375
|
+
};
|
|
4376
|
+
/**
|
|
4377
|
+
* Runs one subtree in its own colour scheme while the rest of the app keeps the
|
|
4378
|
+
* provider's.
|
|
4379
|
+
*
|
|
4380
|
+
* Two things have to happen for that to look right, and doing only the first is
|
|
4381
|
+
* why a bare `data-theme` attribute produces a half-themed panel: the
|
|
4382
|
+
* stylesheet's `[data-theme='dark']` block re-points the *raw* tokens
|
|
4383
|
+
* (`--foreground`), but a brand injects the resolved aliases as inline vars on
|
|
4384
|
+
* `<html>`, which the subtree inherits. So the scope also re-injects the active
|
|
4385
|
+
* brand's tokens **for its own scheme**, where they beat the inherited ones.
|
|
4386
|
+
*
|
|
4387
|
+
* It renders **no element of its own** — the attribute, vars and className are
|
|
4388
|
+
* merged onto the child. An extra wrapper (even `display: contents`, which
|
|
4389
|
+
* layout ignores but selectors do not) silently breaks direct-child selectors
|
|
4390
|
+
* like `[data-fill=true] > &` in the element it wraps.
|
|
4391
|
+
*/
|
|
4392
|
+
declare const ThemeScope: ({ scheme, className, children }: Props$145) => import("react/jsx-runtime").JSX.Element;
|
|
4075
4393
|
//#endregion
|
|
4076
4394
|
//#region src/components/ThemeProvider/context.d.ts
|
|
4077
4395
|
type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
|
|
4078
4396
|
themes: Theme[];
|
|
4079
4397
|
currentTheme: Theme;
|
|
4398
|
+
/**
|
|
4399
|
+
* The active brand's raw token payload. Exposed so a nested `ThemeScope`
|
|
4400
|
+
* can re-derive tokens for a different colour scheme; `currentTheme` only
|
|
4401
|
+
* carries the switcher metadata (id/name/shell/logo), not the tokens.
|
|
4402
|
+
*/
|
|
4403
|
+
brandTheme: Brand$1['theme'];
|
|
4080
4404
|
};
|
|
4081
4405
|
declare const useTheme: () => ThemeContextValue;
|
|
4082
4406
|
/**
|
|
@@ -4098,7 +4422,7 @@ declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
|
|
|
4098
4422
|
declare const DEFAULT_BRAND_ID = "design-system";
|
|
4099
4423
|
//#endregion
|
|
4100
4424
|
//#region src/blocks/ColorModeSwitch/ColorModeSwitch.d.ts
|
|
4101
|
-
type Props$
|
|
4425
|
+
type Props$144 = {
|
|
4102
4426
|
/** The active color scheme. Controlled — pair with `onValueChange`. */
|
|
4103
4427
|
value: ColorScheme;
|
|
4104
4428
|
/** Called with the chosen scheme when the user picks a menu item. */
|
|
@@ -4123,12 +4447,12 @@ type Props$142 = {
|
|
|
4123
4447
|
* The menu uses `DropdownMenu.RadioGroup` for single-select semantics; the active
|
|
4124
4448
|
* item is marked as checked. The trigger's `aria-label` names the current scheme.
|
|
4125
4449
|
*/
|
|
4126
|
-
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$
|
|
4450
|
+
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$144) => import("react/jsx-runtime").JSX.Element;
|
|
4127
4451
|
//#endregion
|
|
4128
4452
|
//#region src/blocks/DateInput/DateInput.d.ts
|
|
4129
4453
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4130
4454
|
type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4131
|
-
type Props$
|
|
4455
|
+
type Props$143 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
4132
4456
|
value?: Date | null;
|
|
4133
4457
|
defaultValue?: Date | null;
|
|
4134
4458
|
onValueChange?: (value: Date | null) => void;
|
|
@@ -4138,12 +4462,12 @@ type Props$141 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
|
4138
4462
|
endMonth?: Date;
|
|
4139
4463
|
startMonth?: Date;
|
|
4140
4464
|
};
|
|
4141
|
-
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$
|
|
4465
|
+
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$143) => import("react/jsx-runtime").JSX.Element;
|
|
4142
4466
|
//#endregion
|
|
4143
4467
|
//#region src/blocks/NumberInput/NumberInput.d.ts
|
|
4144
4468
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4145
4469
|
type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
4146
|
-
type Props$
|
|
4470
|
+
type Props$142 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
4147
4471
|
value?: number | null;
|
|
4148
4472
|
defaultValue?: number | null;
|
|
4149
4473
|
onValueChange?: (value: number | null) => void;
|
|
@@ -4151,12 +4475,12 @@ type Props$140 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
|
4151
4475
|
prefix?: ReactNode;
|
|
4152
4476
|
suffix?: ReactNode;
|
|
4153
4477
|
};
|
|
4154
|
-
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
4478
|
+
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$142) => import("react/jsx-runtime").JSX.Element;
|
|
4155
4479
|
//#endregion
|
|
4156
4480
|
//#region src/blocks/PasswordInput/PasswordInput.d.ts
|
|
4157
4481
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4158
4482
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
4159
|
-
type Props$
|
|
4483
|
+
type Props$141 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
4160
4484
|
value?: string | null;
|
|
4161
4485
|
defaultValue?: string | null;
|
|
4162
4486
|
onValueChange?: (value: string) => void;
|
|
@@ -4173,24 +4497,24 @@ type Props$139 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
|
4173
4497
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
4174
4498
|
defaultPasswordVisibility?: boolean;
|
|
4175
4499
|
};
|
|
4176
|
-
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$
|
|
4500
|
+
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$141) => import("react/jsx-runtime").JSX.Element;
|
|
4177
4501
|
//#endregion
|
|
4178
4502
|
//#region src/blocks/TimeInput/TimeInput.d.ts
|
|
4179
4503
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4180
4504
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4181
|
-
type Props$
|
|
4505
|
+
type Props$140 = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
4182
4506
|
value?: string | null;
|
|
4183
4507
|
defaultValue?: string | null;
|
|
4184
4508
|
onValueChange?: (value: string | null) => void;
|
|
4185
4509
|
onValueBlur?: (value: string | null) => void;
|
|
4186
4510
|
allowClear?: boolean;
|
|
4187
4511
|
};
|
|
4188
|
-
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4512
|
+
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$140) => import("react/jsx-runtime").JSX.Element;
|
|
4189
4513
|
//#endregion
|
|
4190
4514
|
//#region src/blocks/DateRangeInput/DateRangeInput.d.ts
|
|
4191
4515
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4192
4516
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4193
|
-
type Props$
|
|
4517
|
+
type Props$139 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
4194
4518
|
value?: DateRange$1 | null;
|
|
4195
4519
|
defaultValue?: DateRange$1 | null;
|
|
4196
4520
|
onValueChange?: (value: DateRange$1 | null) => void;
|
|
@@ -4199,7 +4523,7 @@ type Props$137 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
4199
4523
|
startMonth?: Date;
|
|
4200
4524
|
endMonth?: Date;
|
|
4201
4525
|
};
|
|
4202
|
-
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$
|
|
4526
|
+
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$139) => import("react/jsx-runtime").JSX.Element;
|
|
4203
4527
|
//#endregion
|
|
4204
4528
|
//#region src/blocks/OtpInput/OtpInputGroup.d.ts
|
|
4205
4529
|
type GroupProps = ComponentProps<'div'>;
|
|
@@ -4231,11 +4555,11 @@ type RootOwnProps = {
|
|
|
4231
4555
|
sizing?: OtpInputSizing;
|
|
4232
4556
|
containerClassName?: string;
|
|
4233
4557
|
};
|
|
4234
|
-
type RootProps$
|
|
4235
|
-
declare const Root$
|
|
4558
|
+
type RootProps$5 = OtpElementChildrenProps & RootOwnProps;
|
|
4559
|
+
declare const Root$18: ({ ref, sizing, pattern, containerClassName, className, children, 'aria-invalid': ariaInvalid, ...rest }: RootProps$5 & {
|
|
4236
4560
|
ref?: Ref<HTMLInputElement>;
|
|
4237
4561
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
4238
|
-
declare const OtpInput: typeof Root$
|
|
4562
|
+
declare const OtpInput: typeof Root$18 & {
|
|
4239
4563
|
Group: typeof OtpInputGroup;
|
|
4240
4564
|
Slot: typeof OtpInputSlot;
|
|
4241
4565
|
Separator: typeof OtpInputSeparator;
|
|
@@ -4250,7 +4574,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
4250
4574
|
* is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
|
|
4251
4575
|
* state initialized to empty). `value={""}` is controlled-empty.
|
|
4252
4576
|
*/
|
|
4253
|
-
type Props$
|
|
4577
|
+
type Props$138 = InputGroupProps & InputGroupInputProps & {
|
|
4254
4578
|
value?: string | null;
|
|
4255
4579
|
defaultValue?: string | null;
|
|
4256
4580
|
/** Called with the latest string value after the debounce window (default 300ms). Fires synchronously on clear and when `disableDebounce` is set. For sync echo of every keystroke use `onChange`. */
|
|
@@ -4279,7 +4603,7 @@ type Props$136 = InputGroupProps & InputGroupInputProps & {
|
|
|
4279
4603
|
*
|
|
4280
4604
|
* @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
|
|
4281
4605
|
*/
|
|
4282
|
-
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$
|
|
4606
|
+
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$138) => import("react/jsx-runtime").JSX.Element;
|
|
4283
4607
|
//#endregion
|
|
4284
4608
|
//#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
|
|
4285
4609
|
type SearchInputWithNavigationProps = {
|
|
@@ -4399,7 +4723,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
|
|
|
4399
4723
|
declare const useFileUploadRejections: () => FileUploadRejection[];
|
|
4400
4724
|
//#endregion
|
|
4401
4725
|
//#region src/components/FileUpload/FileUploadDropZone.d.ts
|
|
4402
|
-
type Props$
|
|
4726
|
+
type Props$137 = {
|
|
4403
4727
|
/** Override the default copy / icon block. */
|
|
4404
4728
|
children?: ReactNode;
|
|
4405
4729
|
/** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
|
|
@@ -4409,10 +4733,10 @@ type Props$135 = {
|
|
|
4409
4733
|
* Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
|
|
4410
4734
|
* Pass `children` to fully replace the inner block.
|
|
4411
4735
|
*/
|
|
4412
|
-
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$
|
|
4736
|
+
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$137) => import("react/jsx-runtime").JSX.Element;
|
|
4413
4737
|
//#endregion
|
|
4414
4738
|
//#region src/components/FileUpload/FileUploadFileList.d.ts
|
|
4415
|
-
type Props$
|
|
4739
|
+
type Props$136 = {
|
|
4416
4740
|
files: File[];
|
|
4417
4741
|
onRemove?: (file: File, index: number) => void;
|
|
4418
4742
|
/**
|
|
@@ -4425,7 +4749,7 @@ type Props$134 = {
|
|
|
4425
4749
|
* Selected-files list. Caller owns the `files` array — pass it back into the list and handle
|
|
4426
4750
|
* removal via `onRemove`.
|
|
4427
4751
|
*/
|
|
4428
|
-
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$
|
|
4752
|
+
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$136) => import("react/jsx-runtime").JSX.Element | null;
|
|
4429
4753
|
//#endregion
|
|
4430
4754
|
//#region src/components/FileUpload/FileUpload.d.ts
|
|
4431
4755
|
/**
|
|
@@ -4433,7 +4757,7 @@ declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...res
|
|
|
4433
4757
|
* list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
|
|
4434
4758
|
* `FileUpload` only signals drop events; it does not store the file array.
|
|
4435
4759
|
*/
|
|
4436
|
-
type Props$
|
|
4760
|
+
type Props$135 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
4437
4761
|
/** Storybook-only: force a visual state without simulating real drag events. */
|
|
4438
4762
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
4439
4763
|
children: ReactNode;
|
|
@@ -4452,18 +4776,18 @@ type Props$133 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
|
4452
4776
|
* for the selected-files list. The caller stores the `File[]` and renders it back into `FileList`.
|
|
4453
4777
|
* Rejection copy is the caller's — read it with `useFileUploadRejections()`.
|
|
4454
4778
|
*/
|
|
4455
|
-
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
4779
|
+
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$135) => import("react/jsx-runtime").JSX.Element;
|
|
4456
4780
|
declare const FileUpload: typeof FileUploadInner & {
|
|
4457
4781
|
DropZone: typeof FileUploadDropZone;
|
|
4458
4782
|
FileList: typeof FileUploadFileList;
|
|
4459
4783
|
};
|
|
4460
4784
|
//#endregion
|
|
4461
4785
|
//#region src/blocks/FormGroup/FormGroupColorInput.d.ts
|
|
4462
|
-
type Props$
|
|
4463
|
-
declare const FormGroupColorInput: ({ ref, ...props }: Props$
|
|
4786
|
+
type Props$134 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
|
|
4787
|
+
declare const FormGroupColorInput: ({ ref, ...props }: Props$134) => import("react/jsx-runtime").JSX.Element;
|
|
4464
4788
|
//#endregion
|
|
4465
4789
|
//#region src/blocks/FormGroup/FormGroupError.d.ts
|
|
4466
|
-
type Props$
|
|
4790
|
+
type Props$133 = ComponentPropsWithRef<'div'> & {
|
|
4467
4791
|
/**
|
|
4468
4792
|
* Field validation errors. TanStack Form errors are strings (function validators) or
|
|
4469
4793
|
* `{ message }` objects (Standard Schema / zod). A single message renders inline; several
|
|
@@ -4479,30 +4803,30 @@ type Props$131 = ComponentPropsWithRef<'div'> & {
|
|
|
4479
4803
|
* field (e.g. surfaced on submit). Renders a `<div>` (not `<p>`) so multiple errors can render
|
|
4480
4804
|
* as a `<ul>`.
|
|
4481
4805
|
*/
|
|
4482
|
-
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$
|
|
4806
|
+
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$133) => import("react/jsx-runtime").JSX.Element | null;
|
|
4483
4807
|
//#endregion
|
|
4484
4808
|
//#region src/components/HelpBlock/HelpBlock.d.ts
|
|
4485
4809
|
declare const helpVariants: (props?: ({
|
|
4486
4810
|
state?: "default" | "warning" | null | undefined;
|
|
4487
4811
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4488
|
-
type Props$
|
|
4489
|
-
declare const HelpBlock: ({ children, className, state, ...rest }: Props$
|
|
4812
|
+
type Props$132 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
|
|
4813
|
+
declare const HelpBlock: ({ children, className, state, ...rest }: Props$132) => import("react/jsx-runtime").JSX.Element | null;
|
|
4490
4814
|
//#endregion
|
|
4491
4815
|
//#region src/blocks/FormGroup/FormGroupHelp.d.ts
|
|
4492
|
-
type Props$
|
|
4493
|
-
declare const FormGroupHelp: ({ children, ...rest }: Props$
|
|
4816
|
+
type Props$131 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
|
|
4817
|
+
declare const FormGroupHelp: ({ children, ...rest }: Props$131) => import("react/jsx-runtime").JSX.Element;
|
|
4494
4818
|
//#endregion
|
|
4495
4819
|
//#region src/blocks/FormGroup/FormGroupNumberInput.d.ts
|
|
4496
|
-
type Props$
|
|
4497
|
-
declare const FormGroupNumberInput: ({ ref, ...props }: Props$
|
|
4820
|
+
type Props$130 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
|
|
4821
|
+
declare const FormGroupNumberInput: ({ ref, ...props }: Props$130) => import("react/jsx-runtime").JSX.Element;
|
|
4498
4822
|
//#endregion
|
|
4499
4823
|
//#region src/blocks/FormGroup/FormGroupTextarea.d.ts
|
|
4500
|
-
type Props$
|
|
4501
|
-
declare const FormGroupTextarea: (props: Props$
|
|
4824
|
+
type Props$129 = Omit<ComponentProps<typeof Textarea>, 'state'>;
|
|
4825
|
+
declare const FormGroupTextarea: (props: Props$129) => import("react/jsx-runtime").JSX.Element;
|
|
4502
4826
|
//#endregion
|
|
4503
4827
|
//#region src/blocks/FormGroup/FormGroupTextInput.d.ts
|
|
4504
|
-
type Props$
|
|
4505
|
-
declare const FormGroupTextInput: ({ ref, ...props }: Props$
|
|
4828
|
+
type Props$128 = Omit<ComponentProps<typeof TextInput>, 'state'>;
|
|
4829
|
+
declare const FormGroupTextInput: ({ ref, ...props }: Props$128) => import("react/jsx-runtime").JSX.Element;
|
|
4506
4830
|
//#endregion
|
|
4507
4831
|
//#region src/blocks/FormGroup/types.d.ts
|
|
4508
4832
|
type ValidityState = 'default' | 'error' | 'warning';
|
|
@@ -4527,6 +4851,35 @@ declare namespace FormGroup {
|
|
|
4527
4851
|
export { FormGroupTextarea as Textarea };
|
|
4528
4852
|
}
|
|
4529
4853
|
//#endregion
|
|
4854
|
+
//#region src/blocks/AIKit/AnswerActions.d.ts
|
|
4855
|
+
/** Which way a reader rated an answer. */
|
|
4856
|
+
type AnswerVote = 'up' | 'down';
|
|
4857
|
+
type Props$127 = {
|
|
4858
|
+
/**
|
|
4859
|
+
* The answer as the reader would read it, for the clipboard.
|
|
4860
|
+
*
|
|
4861
|
+
* - Empty or absent draws no copy button: a turn that produced only tool calls has nothing
|
|
4862
|
+
* to take away, and a disabled control is a worse answer to that than no control.
|
|
4863
|
+
*/
|
|
4864
|
+
copyText?: string;
|
|
4865
|
+
/** The vote already recorded against this answer, or `null` for none. */
|
|
4866
|
+
vote: AnswerVote | null;
|
|
4867
|
+
onVote: (vote: AnswerVote) => void;
|
|
4868
|
+
};
|
|
4869
|
+
/**
|
|
4870
|
+
* What a reader can do with a finished answer: take it away, and say whether it was any good.
|
|
4871
|
+
*
|
|
4872
|
+
* - **Always rendered, never hover-only.** A reveal-on-hover row does not exist for anyone
|
|
4873
|
+
* reaching it without a pointer. The buttons are quiet (`invisible`) rather than hidden.
|
|
4874
|
+
* - Copy sits first: it is the one action with no round trip.
|
|
4875
|
+
* - **A vote can be changed but not withdrawn.** `aria-pressed` says which one is recorded, and
|
|
4876
|
+
* both buttons stay focusable so a reader can switch. Pressing the pressed one re-sends the
|
|
4877
|
+
* same vote.
|
|
4878
|
+
* - The recorded vote and the write are the caller's: the two chats vote against different
|
|
4879
|
+
* endpoints, and only the caller knows whether a turn is finished enough to rate.
|
|
4880
|
+
*/
|
|
4881
|
+
declare const AnswerActions: ({ copyText, vote, onVote }: Props$127) => import("react/jsx-runtime").JSX.Element;
|
|
4882
|
+
//#endregion
|
|
4530
4883
|
//#region src/blocks/AIKit/AnswerSummary.d.ts
|
|
4531
4884
|
type AnswerItem = {
|
|
4532
4885
|
question: string;
|
|
@@ -4537,18 +4890,19 @@ type Props = {
|
|
|
4537
4890
|
items: readonly AnswerItem[];
|
|
4538
4891
|
variant?: Variant;
|
|
4539
4892
|
noAnswerLabel?: string;
|
|
4893
|
+
onExpandToggle?: (next: boolean) => void;
|
|
4540
4894
|
};
|
|
4541
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
4895
|
+
declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
4542
4896
|
//#endregion
|
|
4543
4897
|
//#region src/blocks/AIKit/CollapsibleStepHeader.d.ts
|
|
4544
4898
|
type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4545
|
-
type Props$
|
|
4899
|
+
type Props$126 = {
|
|
4546
4900
|
isExpanded: boolean;
|
|
4547
4901
|
onToggle: () => void;
|
|
4548
4902
|
label: ReactNode;
|
|
4549
4903
|
variant?: Variant$5;
|
|
4550
4904
|
};
|
|
4551
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$
|
|
4905
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$126) => import("react/jsx-runtime").JSX.Element;
|
|
4552
4906
|
//#endregion
|
|
4553
4907
|
//#region src/blocks/AIKit/InlineStepDetail.d.ts
|
|
4554
4908
|
type Props$1 = {
|
|
@@ -4565,23 +4919,53 @@ type Props$2 = {
|
|
|
4565
4919
|
declare const InlineStepLabel: ({ variant, children }: Props$2) => import("react/jsx-runtime").JSX.Element;
|
|
4566
4920
|
//#endregion
|
|
4567
4921
|
//#region src/blocks/AIKit/Markdown.d.ts
|
|
4568
|
-
|
|
4922
|
+
/**
|
|
4923
|
+
* The fence languages this renderer draws instead of printing.
|
|
4924
|
+
*
|
|
4925
|
+
* - For a caller that streams: a diagram mounts a lazily loaded chunk, so an answer arriving a
|
|
4926
|
+
* token at a time has to keep a fence that is still open an ordinary code block, or every
|
|
4927
|
+
* keystroke fetches the chunk. Sharing the list is what keeps that hold-back from missing a
|
|
4928
|
+
* dialect this map has and the caller does not.
|
|
4929
|
+
* - Frozen, because it is that shared contract: a consumer that pushed onto it would change how
|
|
4930
|
+
* every other app in the same bundle holds a fence back.
|
|
4931
|
+
*/
|
|
4932
|
+
declare const DIAGRAM_LANGUAGES: readonly string[];
|
|
4933
|
+
type Props$125 = {
|
|
4569
4934
|
/** Markdown source (GFM: tables, task lists, strikethrough, autolinks). Tables
|
|
4570
|
-
* render through the design `Table`; fenced ```mermaid blocks render
|
|
4571
|
-
*
|
|
4572
|
-
* as this is the reduced-capability renderer — get a hover copy button. */
|
|
4935
|
+
* render through the design `Table`; fenced ```mermaid and ```flint blocks render
|
|
4936
|
+
* as diagrams; every other fenced block gets a hover copy button. */
|
|
4573
4937
|
children: string;
|
|
4574
4938
|
className?: string;
|
|
4939
|
+
/**
|
|
4940
|
+
* Remark plugins run after the built-in GFM one.
|
|
4941
|
+
*
|
|
4942
|
+
* - Appended to the built-ins, so GFM keeps working whatever a caller adds.
|
|
4943
|
+
* - The seam for an app's own inline syntax — an annotation the agent emits alongside a
|
|
4944
|
+
* link, say — which is app product knowledge and does not belong in this package.
|
|
4945
|
+
* - Hold it in a module constant. react-markdown re-parses on every render, so this
|
|
4946
|
+
* component is meant to be memoised by its caller, and a literal built during render
|
|
4947
|
+
* defeats that.
|
|
4948
|
+
*/
|
|
4949
|
+
remarkPlugins?: NonNullable<Options['remarkPlugins']>;
|
|
4950
|
+
/**
|
|
4951
|
+
* Element renderers layered over the built-in ones.
|
|
4952
|
+
*
|
|
4953
|
+
* - Merged by key, and an override **replaces** that element's renderer rather than
|
|
4954
|
+
* wrapping it: a `table` override loses the design `Table`, an `a` override loses the
|
|
4955
|
+
* new-tab treatment for absolute links. Restate what you still want.
|
|
4956
|
+
* - Hold it in a module constant, for the same reason as `remarkPlugins`.
|
|
4957
|
+
*/
|
|
4958
|
+
components?: Components;
|
|
4575
4959
|
};
|
|
4576
4960
|
/**
|
|
4577
4961
|
* Read-only GFM Markdown renderer with design-token typography. Pair with
|
|
4578
4962
|
* `MessageBubble` to render an assistant message body. Code blocks expose a
|
|
4579
4963
|
* copy button, so mount a `TooltipProvider` once at the app root.
|
|
4580
4964
|
*/
|
|
4581
|
-
declare const Markdown: ({ children, className }: Props$
|
|
4965
|
+
declare const Markdown: ({ children, className, remarkPlugins, components: componentOverrides }: Props$125) => import("react/jsx-runtime").JSX.Element;
|
|
4582
4966
|
//#endregion
|
|
4583
4967
|
//#region src/components/Avatar.d.ts
|
|
4584
|
-
type Props$
|
|
4968
|
+
type Props$124 = {
|
|
4585
4969
|
user?: {
|
|
4586
4970
|
name: string | undefined;
|
|
4587
4971
|
email: string | undefined;
|
|
@@ -4591,16 +4975,17 @@ type Props$123 = {
|
|
|
4591
4975
|
size?: number;
|
|
4592
4976
|
variant?: 'circle' | 'rounded';
|
|
4593
4977
|
} & ComponentProps<'span'>;
|
|
4594
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
4978
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$124) => import("react/jsx-runtime").JSX.Element;
|
|
4595
4979
|
//#endregion
|
|
4596
4980
|
//#region src/blocks/AIKit/MessageBubble.d.ts
|
|
4597
|
-
type Props$
|
|
4981
|
+
type Props$123 = {
|
|
4598
4982
|
variant: 'user' | 'assistant';
|
|
4599
|
-
user?: ComponentProps<typeof Avatar>['user'];
|
|
4600
4983
|
actions?: ReactNode;
|
|
4601
4984
|
createdAt?: string;
|
|
4985
|
+
/** @deprecated No avatar is rendered; accepted so existing call sites keep compiling. */
|
|
4986
|
+
user?: ComponentProps<typeof Avatar>['user'];
|
|
4602
4987
|
} & PropsWithChildren;
|
|
4603
|
-
declare const MessageBubble: ({ variant, children,
|
|
4988
|
+
declare const MessageBubble: ({ variant, children, actions, createdAt }: Props$123) => import("react/jsx-runtime").JSX.Element;
|
|
4604
4989
|
//#endregion
|
|
4605
4990
|
//#region src/blocks/AIKit/PlanApproval.d.ts
|
|
4606
4991
|
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
|
|
@@ -4644,8 +5029,8 @@ type PlanRewritingIndicatorProps = {
|
|
|
4644
5029
|
declare const PlanRewritingIndicator: ({ label }: PlanRewritingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
4645
5030
|
//#endregion
|
|
4646
5031
|
//#region src/blocks/AIKit/PromptInputAction.d.ts
|
|
4647
|
-
type Props$
|
|
4648
|
-
declare const PromptInputAction: ({ ref, onMouseDown, ...rest }: Props$
|
|
5032
|
+
type Props$122 = ComponentProps<'button'>;
|
|
5033
|
+
declare const PromptInputAction: ({ ref, onMouseDown, ...rest }: Props$122) => import("react/jsx-runtime").JSX.Element;
|
|
4649
5034
|
//#endregion
|
|
4650
5035
|
//#region src/blocks/AIKit/PromptInputCommands.d.ts
|
|
4651
5036
|
type PromptCommand = {
|
|
@@ -4658,16 +5043,18 @@ type PromptCommand = {
|
|
|
4658
5043
|
//#endregion
|
|
4659
5044
|
//#region src/blocks/AIKit/PromptInputSubmit.d.ts
|
|
4660
5045
|
type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
|
|
4661
|
-
type Props$
|
|
5046
|
+
type Props$121 = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
|
|
4662
5047
|
status?: SubmitStatus;
|
|
4663
5048
|
};
|
|
4664
|
-
declare const PromptInputSubmit: ({ ref, disabled, status }: Props$
|
|
5049
|
+
declare const PromptInputSubmit: ({ ref, disabled, status }: Props$121) => import("react/jsx-runtime").JSX.Element;
|
|
4665
5050
|
//#endregion
|
|
4666
5051
|
//#region src/blocks/AIKit/PromptInput.d.ts
|
|
4667
5052
|
declare const promptInputVariants: (props?: ({
|
|
4668
5053
|
variant?: "default" | "inline" | null | undefined;
|
|
4669
5054
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4670
|
-
type Props$
|
|
5055
|
+
type Props$120 = {
|
|
5056
|
+
/** The textarea, for a host that has to put the caret back. Not `ref`: that name is the textarea's own. */
|
|
5057
|
+
textareaRef?: RefObject<ComponentRef<'textarea'> | null>;
|
|
4671
5058
|
onSend?: (value: string) => void;
|
|
4672
5059
|
onAbort?: () => void;
|
|
4673
5060
|
onContinue?: () => void;
|
|
@@ -4680,7 +5067,7 @@ type Props$119 = {
|
|
|
4680
5067
|
disableSubmit?: boolean;
|
|
4681
5068
|
commands?: PromptCommand[];
|
|
4682
5069
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
4683
|
-
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$
|
|
5070
|
+
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$120): import("react/jsx-runtime").JSX.Element;
|
|
4684
5071
|
declare namespace PromptInput {
|
|
4685
5072
|
export { PromptInputAction as Action };
|
|
4686
5073
|
}
|
|
@@ -4741,14 +5128,14 @@ type Props$4 = {
|
|
|
4741
5128
|
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className }: Props$4) => import("react/jsx-runtime").JSX.Element;
|
|
4742
5129
|
//#endregion
|
|
4743
5130
|
//#region src/blocks/AIKit/SuggestedPrompt.d.ts
|
|
4744
|
-
type Props$
|
|
5131
|
+
type Props$119 = {
|
|
4745
5132
|
label: string;
|
|
4746
5133
|
disabled?: boolean;
|
|
4747
5134
|
onClick: () => void;
|
|
4748
5135
|
icon?: ReactNode;
|
|
4749
5136
|
className?: string;
|
|
4750
5137
|
};
|
|
4751
|
-
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$
|
|
5138
|
+
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$119) => import("react/jsx-runtime").JSX.Element;
|
|
4752
5139
|
//#endregion
|
|
4753
5140
|
//#region src/blocks/AIKit/ThinkingIndicator.d.ts
|
|
4754
5141
|
type ThinkingIndicatorProps = {
|
|
@@ -4810,10 +5197,28 @@ type ToolCallChipProps = {
|
|
|
4810
5197
|
*/
|
|
4811
5198
|
declare const ToolCallChip: ({ label, state, icon, trailing, onClick, className }: ToolCallChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
4812
5199
|
//#endregion
|
|
5200
|
+
//#region src/blocks/AIKit/ToolCallStatusHeader.d.ts
|
|
5201
|
+
type ToolCallStatus = 'processing' | 'warning' | 'success' | 'error';
|
|
5202
|
+
type Props$7 = {
|
|
5203
|
+
icon: LucideIcon;
|
|
5204
|
+
iconSpin?: boolean;
|
|
5205
|
+
status: ToolCallStatus;
|
|
5206
|
+
text: ReactNode;
|
|
5207
|
+
needsConfirmation?: boolean;
|
|
5208
|
+
isCollapsible?: boolean;
|
|
5209
|
+
isCollapsed?: boolean;
|
|
5210
|
+
onToggleCollapse?: () => void;
|
|
5211
|
+
};
|
|
5212
|
+
declare const ToolCallStatusHeader: ({ icon: IconComponent, iconSpin, status, text, needsConfirmation, isCollapsible, isCollapsed, onToggleCollapse }: Props$7) => import("react/jsx-runtime").JSX.Element;
|
|
5213
|
+
//#endregion
|
|
4813
5214
|
//#region src/blocks/AIKit/UsageStats.d.ts
|
|
4814
|
-
type Props$
|
|
5215
|
+
type Props$118 = {
|
|
4815
5216
|
value: number;
|
|
4816
|
-
|
|
5217
|
+
/**
|
|
5218
|
+
* `true` (or `'error'`) renders the red corner badge; `'warning'` renders
|
|
5219
|
+
* it amber for an approaching-limit state that isn't at-limit yet.
|
|
5220
|
+
*/
|
|
5221
|
+
alert?: boolean | 'warning' | 'error';
|
|
4817
5222
|
children: ReactNode;
|
|
4818
5223
|
className?: string;
|
|
4819
5224
|
/**
|
|
@@ -4824,24 +5229,45 @@ type Props$117 = {
|
|
|
4824
5229
|
align?: ComponentProps<typeof HoverCard.Content>['align'];
|
|
4825
5230
|
side?: ComponentProps<typeof HoverCard.Content>['side'];
|
|
4826
5231
|
sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
|
|
5232
|
+
/** Control the card yourself to hold it open past a pointer leave — e.g. while a popover it contains is up. */
|
|
5233
|
+
open?: ComponentProps<typeof HoverCard>['open'];
|
|
5234
|
+
onOpenChange?: ComponentProps<typeof HoverCard>['onOpenChange'];
|
|
4827
5235
|
};
|
|
4828
|
-
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset }: Props$
|
|
5236
|
+
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, open, onOpenChange }: Props$118) => import("react/jsx-runtime").JSX.Element;
|
|
4829
5237
|
//#endregion
|
|
4830
5238
|
//#region src/blocks/AIKit/UsageStatsRing.d.ts
|
|
4831
|
-
type Props$
|
|
5239
|
+
type Props$117 = {
|
|
4832
5240
|
value: number;
|
|
4833
5241
|
size?: number;
|
|
4834
5242
|
strokeWidth?: number;
|
|
4835
5243
|
className?: string;
|
|
4836
5244
|
};
|
|
4837
|
-
declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$
|
|
5245
|
+
declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$117) => import("react/jsx-runtime").JSX.Element;
|
|
5246
|
+
//#endregion
|
|
5247
|
+
//#region src/blocks/AIKit/usageStatsHelpers.d.ts
|
|
5248
|
+
/**
|
|
5249
|
+
* Clamp a percentage to 0–100 and normalize non-finite input to 0.
|
|
5250
|
+
*
|
|
5251
|
+
* - `Progress`'s indicator is unclamped, so a value over 100 slides the bar off-screen.
|
|
5252
|
+
* - `NaN` normalizes to 0 — `Math.min`/`Math.max` propagate it, and it renders as no bar at all.
|
|
5253
|
+
*/
|
|
5254
|
+
declare const clampPercentage: (value: number) => number;
|
|
5255
|
+
/**
|
|
5256
|
+
* A percentage as text — `72%`, `1.1%`, `99.9%`.
|
|
5257
|
+
*
|
|
5258
|
+
* - One decimal place, trimmed to a whole number, so `11/1000` reads as `1.1%` rather than `1%`.
|
|
5259
|
+
* - Floored, not rounded: rounding `99.96` up to `100%` disagrees with the at-limit state computed
|
|
5260
|
+
* from the raw value, exactly at the boundary everything else turns on.
|
|
5261
|
+
* - The `1e-9` nudge is for floating-point noise — `11 / 1000 * 100` is `1.0999999999999999`.
|
|
5262
|
+
*/
|
|
5263
|
+
declare const formatPercentage: (value: number) => string;
|
|
4838
5264
|
//#endregion
|
|
4839
5265
|
//#region src/components/Collapsible/CollapsibleContent.d.ts
|
|
4840
|
-
type Props$
|
|
4841
|
-
declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$
|
|
5266
|
+
type Props$116 = ComponentProps<typeof Content$5>;
|
|
5267
|
+
declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$116) => import("react/jsx-runtime").JSX.Element;
|
|
4842
5268
|
//#endregion
|
|
4843
5269
|
//#region src/components/Collapsible/CollapsibleTrigger.d.ts
|
|
4844
|
-
type Props$
|
|
5270
|
+
type Props$115 = ComponentProps<typeof CollapsibleTrigger>;
|
|
4845
5271
|
/**
|
|
4846
5272
|
* A `Collapsible` toggle.
|
|
4847
5273
|
*
|
|
@@ -4849,11 +5275,11 @@ type Props$114 = ComponentProps<typeof CollapsibleTrigger>;
|
|
|
4849
5275
|
* reset is opt-in, so without it a host app without a global reset gets UA button chrome.
|
|
4850
5276
|
* - Under `asChild` the class lands on a design component that already declares it — harmless.
|
|
4851
5277
|
*/
|
|
4852
|
-
declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$
|
|
5278
|
+
declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$115) => import("react/jsx-runtime").JSX.Element;
|
|
4853
5279
|
//#endregion
|
|
4854
5280
|
//#region src/components/Collapsible/Collapsible.d.ts
|
|
4855
|
-
type Props$
|
|
4856
|
-
declare function Collapsible(props: Props$
|
|
5281
|
+
type Props$114 = ComponentProps<typeof Root$13>;
|
|
5282
|
+
declare function Collapsible(props: Props$114): import("react/jsx-runtime").JSX.Element;
|
|
4857
5283
|
declare namespace Collapsible {
|
|
4858
5284
|
export { CollapsibleTrigger$1 as Trigger };
|
|
4859
5285
|
export { CollapsibleContent as Content };
|
|
@@ -4861,10 +5287,10 @@ declare namespace Collapsible {
|
|
|
4861
5287
|
//#endregion
|
|
4862
5288
|
//#region src/components/Alert/AlertRoot.d.ts
|
|
4863
5289
|
type Variant$4 = 'info' | 'warning' | 'error' | 'success';
|
|
4864
|
-
type Props$
|
|
5290
|
+
type Props$113 = {
|
|
4865
5291
|
variant?: Variant$4;
|
|
4866
5292
|
} & ComponentProps<'div'>;
|
|
4867
|
-
declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$
|
|
5293
|
+
declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$113) => import("react/jsx-runtime").JSX.Element;
|
|
4868
5294
|
//#endregion
|
|
4869
5295
|
//#region src/components/Alert/Alert.d.ts
|
|
4870
5296
|
type CommonProps = {
|
|
@@ -4888,7 +5314,7 @@ type DefaultProps = {
|
|
|
4888
5314
|
* `"collapsible"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.
|
|
4889
5315
|
* `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.
|
|
4890
5316
|
*/
|
|
4891
|
-
type Props$
|
|
5317
|
+
type Props$112 = CommonProps & (CollapsibleProps | DefaultProps);
|
|
4892
5318
|
/**
|
|
4893
5319
|
* Persistent inline banner for contextual messages tied to the page layout.
|
|
4894
5320
|
*
|
|
@@ -4902,14 +5328,14 @@ type Props$111 = CommonProps & (CollapsibleProps | DefaultProps);
|
|
|
4902
5328
|
*
|
|
4903
5329
|
* @see RECIPES.md#alert-with-action — for action-bearing alert composition
|
|
4904
5330
|
*/
|
|
4905
|
-
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$
|
|
5331
|
+
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$112) => import("react/jsx-runtime").JSX.Element;
|
|
4906
5332
|
//#endregion
|
|
4907
5333
|
//#region src/components/Toast/ToastRoot.d.ts
|
|
4908
5334
|
declare const variants$4: (props?: ({
|
|
4909
5335
|
variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
|
|
4910
5336
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4911
5337
|
type Variants = VariantProps<typeof variants$4>;
|
|
4912
|
-
type Props$
|
|
5338
|
+
type Props$111 = {
|
|
4913
5339
|
id: string | number;
|
|
4914
5340
|
title: ReactNode;
|
|
4915
5341
|
icon?: ReactNode;
|
|
@@ -4918,7 +5344,7 @@ type Props$110 = {
|
|
|
4918
5344
|
loading?: boolean;
|
|
4919
5345
|
duration?: number;
|
|
4920
5346
|
} & Variants;
|
|
4921
|
-
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp }: Props$
|
|
5347
|
+
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp }: Props$111) => import("react/jsx-runtime").JSX.Element;
|
|
4922
5348
|
//#endregion
|
|
4923
5349
|
//#region src/components/Toast/toast.d.ts
|
|
4924
5350
|
type ToastProps = ComponentProps<typeof ToastRoot>;
|
|
@@ -4941,7 +5367,7 @@ declare namespace toast {
|
|
|
4941
5367
|
}
|
|
4942
5368
|
//#endregion
|
|
4943
5369
|
//#region src/components/Toast/useNotification.d.ts
|
|
4944
|
-
type Props$
|
|
5370
|
+
type Props$110 = {
|
|
4945
5371
|
enabled?: boolean;
|
|
4946
5372
|
} & Parameters<typeof toast>[0];
|
|
4947
5373
|
/**
|
|
@@ -4954,25 +5380,25 @@ type Props$109 = {
|
|
|
4954
5380
|
* Use `toast()` for transient feedback after a user action
|
|
4955
5381
|
* (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
|
|
4956
5382
|
*/
|
|
4957
|
-
declare const useNotification: ({ enabled, ...toastOptions }: Props$
|
|
5383
|
+
declare const useNotification: ({ enabled, ...toastOptions }: Props$110) => void;
|
|
4958
5384
|
//#endregion
|
|
4959
5385
|
//#region src/components/Toast/Toaster.d.ts
|
|
4960
5386
|
type ToasterProps = ComponentProps<typeof Toaster$1>;
|
|
4961
5387
|
declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
|
|
4962
5388
|
//#endregion
|
|
4963
5389
|
//#region src/components/EmptySearchContent.d.ts
|
|
4964
|
-
type Props$
|
|
5390
|
+
type Props$109 = {
|
|
4965
5391
|
children?: ReactNode;
|
|
4966
5392
|
};
|
|
4967
|
-
declare const EmptySearchContent: ({ children }: Props$
|
|
5393
|
+
declare const EmptySearchContent: ({ children }: Props$109) => import("react/jsx-runtime").JSX.Element;
|
|
4968
5394
|
//#endregion
|
|
4969
5395
|
//#region src/blocks/EmptyConfigurationActionCard/EmptyConfigurationActionCard.d.ts
|
|
4970
|
-
type Props$
|
|
5396
|
+
type Props$108 = {
|
|
4971
5397
|
title: string;
|
|
4972
5398
|
children: ReactNode;
|
|
4973
5399
|
className?: string;
|
|
4974
5400
|
};
|
|
4975
|
-
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$
|
|
5401
|
+
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$108) => import("react/jsx-runtime").JSX.Element;
|
|
4976
5402
|
//#endregion
|
|
4977
5403
|
//#region src/blocks/EmptyState/EmptyState.d.ts
|
|
4978
5404
|
declare const emptyStateClassnames: (props?: ({
|
|
@@ -4983,7 +5409,7 @@ type Variant$1 = VariantProps<typeof emptyStateClassnames>['variant'];
|
|
|
4983
5409
|
* Props for `EmptyState`. `variant` chooses spacing — `"default"` for full-page empty states,
|
|
4984
5410
|
* `"compact"` for inside cards / small surfaces.
|
|
4985
5411
|
*/
|
|
4986
|
-
type RootProps$
|
|
5412
|
+
type RootProps$3 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassnames> & {
|
|
4987
5413
|
variant?: Variant$1;
|
|
4988
5414
|
};
|
|
4989
5415
|
/**
|
|
@@ -4998,7 +5424,7 @@ type RootProps$2 = ComponentProps<'div'> & VariantProps<typeof emptyStateClassna
|
|
|
4998
5424
|
*
|
|
4999
5425
|
* @see RECIPES.md#card-with-empty-state — for the empty-card pattern
|
|
5000
5426
|
*/
|
|
5001
|
-
declare const EmptyStateRoot: ({ className, variant, children, ...rest }: RootProps$
|
|
5427
|
+
declare const EmptyStateRoot: ({ className, variant, children, ...rest }: RootProps$3) => import("react/jsx-runtime").JSX.Element;
|
|
5002
5428
|
type SlotProps$2 = ComponentProps<'div'> & {
|
|
5003
5429
|
variant?: Variant$1;
|
|
5004
5430
|
};
|
|
@@ -5031,7 +5457,7 @@ type Variant$2 = VariantProps<typeof errorStateClassnames>['variant'];
|
|
|
5031
5457
|
* Props for `ErrorState`. `variant` chooses look — `"default"` for non-blocking errors, `"compact"` for
|
|
5032
5458
|
* inside cards, `"destructive"` for blocking failures (red title + icon).
|
|
5033
5459
|
*/
|
|
5034
|
-
type RootProps$
|
|
5460
|
+
type RootProps$4 = ComponentProps<'div'> & VariantProps<typeof errorStateClassnames> & {
|
|
5035
5461
|
variant?: Variant$2;
|
|
5036
5462
|
};
|
|
5037
5463
|
/**
|
|
@@ -5045,7 +5471,7 @@ type RootProps$3 = ComponentProps<'div'> & VariantProps<typeof errorStateClassna
|
|
|
5045
5471
|
* **Composition:** nest `ErrorState.Icon`, `ErrorState.Title`, `ErrorState.Description`, and
|
|
5046
5472
|
* `ErrorState.Actions`. Use `variant="destructive"` for full-page critical failures.
|
|
5047
5473
|
*/
|
|
5048
|
-
declare const ErrorStateRoot: ({ className, variant, children, ...rest }: RootProps$
|
|
5474
|
+
declare const ErrorStateRoot: ({ className, variant, children, ...rest }: RootProps$4) => import("react/jsx-runtime").JSX.Element;
|
|
5049
5475
|
type SlotProps$1 = ComponentProps<'div'> & {
|
|
5050
5476
|
variant?: Variant$2;
|
|
5051
5477
|
};
|
|
@@ -5125,11 +5551,11 @@ declare const variants$3: (props?: ({
|
|
|
5125
5551
|
variant?: "default" | "success" | null | undefined;
|
|
5126
5552
|
size?: "lg" | "sm" | null | undefined;
|
|
5127
5553
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5128
|
-
type Props$
|
|
5129
|
-
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$
|
|
5554
|
+
type Props$107 = ComponentProps<typeof Root$12> & VariantProps<typeof variants$3>;
|
|
5555
|
+
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$107) => import("react/jsx-runtime").JSX.Element;
|
|
5130
5556
|
//#endregion
|
|
5131
5557
|
//#region src/components/CollapsiblePanel.d.ts
|
|
5132
|
-
type Props$
|
|
5558
|
+
type Props$106 = {
|
|
5133
5559
|
header: ReactNode;
|
|
5134
5560
|
isDisabled?: boolean;
|
|
5135
5561
|
defaultExpanded?: boolean;
|
|
@@ -5141,17 +5567,17 @@ type Props$105 = {
|
|
|
5141
5567
|
variant?: 'default' | 'white';
|
|
5142
5568
|
children: ReactNode;
|
|
5143
5569
|
};
|
|
5144
|
-
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant }: Props$
|
|
5570
|
+
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant }: Props$106) => import("react/jsx-runtime").JSX.Element;
|
|
5145
5571
|
//#endregion
|
|
5146
5572
|
//#region src/components/PanelWithDetails.d.ts
|
|
5147
|
-
type Props$
|
|
5573
|
+
type Props$105 = PropsWithChildren<{
|
|
5148
5574
|
defaultExpanded?: boolean;
|
|
5149
5575
|
labelCollapse?: ReactNode;
|
|
5150
5576
|
labelOpen?: ReactNode;
|
|
5151
5577
|
placement?: 'top' | 'bottom';
|
|
5152
5578
|
className?: string;
|
|
5153
5579
|
}>;
|
|
5154
|
-
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children }: Props$
|
|
5580
|
+
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children }: Props$105) => import("react/jsx-runtime").JSX.Element;
|
|
5155
5581
|
//#endregion
|
|
5156
5582
|
//#region src/blocks/AppShell/types.d.ts
|
|
5157
5583
|
/**
|
|
@@ -5182,7 +5608,7 @@ type AppShellSlot = 'header' | 'sidebar' | 'main' | 'aside';
|
|
|
5182
5608
|
* build instead of silently matching nothing.
|
|
5183
5609
|
*/
|
|
5184
5610
|
declare const appShellSlotSelector: (slot: AppShellSlot) => string;
|
|
5185
|
-
type RootProps$
|
|
5611
|
+
type RootProps$8 = ComponentPropsWithoutRef<'div'> & {
|
|
5186
5612
|
/**
|
|
5187
5613
|
* How far the header row stretches. `content` (default) gives it the middle
|
|
5188
5614
|
* column only, with both rails beside it; `full` spans all three columns and
|
|
@@ -5194,7 +5620,7 @@ type RootProps$7 = ComponentPropsWithoutRef<'div'> & {
|
|
|
5194
5620
|
*/
|
|
5195
5621
|
headerSpan?: AppShellHeaderSpan;
|
|
5196
5622
|
};
|
|
5197
|
-
declare const Root$
|
|
5623
|
+
declare const Root$17: ({ ref, className, headerSpan, children, ...props }: RootProps$8 & {
|
|
5198
5624
|
ref?: Ref<ComponentRef<'div'>>;
|
|
5199
5625
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5200
5626
|
type SlotProps = ComponentPropsWithoutRef<'div'> & {
|
|
@@ -5232,7 +5658,7 @@ type ChromeSlotProps = SlotProps & {
|
|
|
5232
5658
|
*/
|
|
5233
5659
|
flush?: boolean;
|
|
5234
5660
|
};
|
|
5235
|
-
declare const Header$
|
|
5661
|
+
declare const Header$2: ({ ref, className, asChild, flush, children, ...props }: ChromeSlotProps & {
|
|
5236
5662
|
ref?: Ref<ComponentRef<'header'>>;
|
|
5237
5663
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5238
5664
|
declare const SidebarSlot$1: ({ ref, className, asChild, children, ...props }: SlotProps & {
|
|
@@ -5264,12 +5690,12 @@ declare const Aside: ({ ref, className, asChild, flush, children, ...props }: Ch
|
|
|
5264
5690
|
* @see AppShell.stories.tsx — flip the Storybook brand toolbar to see the
|
|
5265
5691
|
* sidebar / top-nav geometry swap from a single composition.
|
|
5266
5692
|
*/
|
|
5267
|
-
declare const AppShell: typeof Root$
|
|
5693
|
+
declare const AppShell: typeof Root$17 & {
|
|
5268
5694
|
/**
|
|
5269
5695
|
* Top header row. Renders above `Main` in the sidebar shell; renders as the
|
|
5270
5696
|
* top bar (with full-width navigation room) in the top-nav shell.
|
|
5271
5697
|
*/
|
|
5272
|
-
Header: typeof Header$
|
|
5698
|
+
Header: typeof Header$2;
|
|
5273
5699
|
/**
|
|
5274
5700
|
* Left navigation rail. Rendered in the sidebar shell; hidden by the
|
|
5275
5701
|
* top-nav shell so the same composition works under either brand — move
|
|
@@ -5291,16 +5717,92 @@ declare const AppShell: typeof Root$16 & {
|
|
|
5291
5717
|
Aside: typeof Aside;
|
|
5292
5718
|
};
|
|
5293
5719
|
//#endregion
|
|
5720
|
+
//#region src/blocks/AuthLayout/AuthLayout.d.ts
|
|
5721
|
+
/**
|
|
5722
|
+
* Content-column width.
|
|
5723
|
+
*
|
|
5724
|
+
* - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.
|
|
5725
|
+
* - `wide` (34rem) — multi-field or two-column forms: registration.
|
|
5726
|
+
*/
|
|
5727
|
+
type Width = 'form' | 'wide';
|
|
5728
|
+
type RootProps = ComponentProps<'div'> & {
|
|
5729
|
+
width?: Width;
|
|
5730
|
+
/** Marketing / illustration panel. Its presence switches the page to the split geometry. */
|
|
5731
|
+
aside?: ReactNode;
|
|
5732
|
+
/** Which side the `aside` takes on wide screens. */
|
|
5733
|
+
asideSide?: 'start' | 'end';
|
|
5734
|
+
/**
|
|
5735
|
+
* What the `aside` does below `lg`, where the split collapses to one column.
|
|
5736
|
+
*
|
|
5737
|
+
* - `hide` (default) — the panel is dropped. Right for a page a signed-out *user* asked for: they
|
|
5738
|
+
* came to sign in, and the pitch is not why they are here.
|
|
5739
|
+
* - `stack` — the panel keeps its `asideSide` order relative to the form and renders above or
|
|
5740
|
+
* below it. Right for a page that has to sell: an acquisition funnel loses its social proof
|
|
5741
|
+
* otherwise, on the devices most of it arrives on.
|
|
5742
|
+
*/
|
|
5743
|
+
asideCollapse?: 'hide' | 'stack';
|
|
5744
|
+
};
|
|
5745
|
+
declare const Root$16: ({ ref, className, width, aside, asideSide, asideCollapse, children, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
5746
|
+
/**
|
|
5747
|
+
* The lockup: either the page's own, or the brand's mark beside the product name.
|
|
5748
|
+
*
|
|
5749
|
+
* - Exactly one of the two is required. A logo-only default cannot be trusted to name the product:
|
|
5750
|
+
* `BrandLogo` returns `null` for a brand that ships no logo, and falls back to the mark for one
|
|
5751
|
+
* that ships no wordmark — an auth page has no bar around it, so what is left names nothing.
|
|
5752
|
+
* - `productName` is text, not part of the image, for the same reason.
|
|
5753
|
+
*/
|
|
5754
|
+
type Lockup = {
|
|
5755
|
+
children: ReactNode;
|
|
5756
|
+
productName?: never;
|
|
5757
|
+
} | {
|
|
5758
|
+
children?: never;
|
|
5759
|
+
productName: ReactNode;
|
|
5760
|
+
};
|
|
5761
|
+
type HeaderProps$1 = Omit<ComponentProps<'header'>, 'children'> & {
|
|
5762
|
+
actions?: ReactNode;
|
|
5763
|
+
} & Lockup;
|
|
5764
|
+
declare const Header$1: ({ ref, className, actions, productName, children, ...props }: HeaderProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
5765
|
+
declare const Content$7: ({ ref, className, children, ...props }: ComponentProps<'main'>) => import("react/jsx-runtime").JSX.Element;
|
|
5766
|
+
declare const Footer$1: ({ ref, className, children, ...props }: ComponentProps<'footer'>) => import("react/jsx-runtime").JSX.Element;
|
|
5767
|
+
/**
|
|
5768
|
+
* The signed-out page frame — sign-in, sign-up, password reset, MFA, project picker, stack picker.
|
|
5769
|
+
*
|
|
5770
|
+
* - Third member of the page-chrome family: `AppShell` frames the signed-in app, `PageLayout` its
|
|
5771
|
+
* content column, `AuthLayout` the pages a visitor reaches without a session.
|
|
5772
|
+
* - Owns the landmarks. `Header` / `Content` / `Footer` are `header` / `main` / `footer`, so every
|
|
5773
|
+
* element on the page sits inside one — the thing each hand-built copy got wrong differently.
|
|
5774
|
+
* - Owns the lockup. `Header` pairs the active brand's mark with the `productName` it is given, so
|
|
5775
|
+
* the page re-skins and still names the product when the brand ships no logo; pass children
|
|
5776
|
+
* instead to replace the pair with an app-specific lockup.
|
|
5777
|
+
* - Does **not** own the card. Two of the pages it frames deliberately have none (the form column
|
|
5778
|
+
* *is* the surface), so `Content` is a plain column — wrap the body in `Card` at the call site.
|
|
5779
|
+
* - The tinted surface is whatever is not the form: without an `aside` the page is `bg-muted` and the
|
|
5780
|
+
* card supplies the contrast; with one the form column is `bg-background` and the panel `bg-muted`.
|
|
5781
|
+
* - Below `lg` the split collapses to one column and the `aside` is dropped. A page whose pitch has
|
|
5782
|
+
* to survive that — an acquisition funnel — passes `asideCollapse="stack"` to keep it.
|
|
5783
|
+
*
|
|
5784
|
+
* **When NOT to use:** a signed-out page that is *navigational* rather than an auth step — a public
|
|
5785
|
+
* catalog, a shared authorization link — is a document, not a form. Use `AppShell` + `PageLayout`.
|
|
5786
|
+
*/
|
|
5787
|
+
declare const AuthLayout: typeof Root$16 & {
|
|
5788
|
+
/** Lockup row: `productName` beside the brand's mark, or your own children. `actions` sit opposite. */
|
|
5789
|
+
Header: typeof Header$1;
|
|
5790
|
+
/** The form column. Wrap the body in `Card` here if the page wants one. */
|
|
5791
|
+
Content: typeof Content$7;
|
|
5792
|
+
/** Legal copy, a way back out, social proof. Pinned to the bottom of the column in the split geometry. */
|
|
5793
|
+
Footer: typeof Footer$1;
|
|
5794
|
+
};
|
|
5795
|
+
//#endregion
|
|
5294
5796
|
//#region src/blocks/PageLayout/PageLayout.d.ts
|
|
5295
5797
|
/**
|
|
5296
5798
|
* Props for `PageLayout` root. `maxWidth` constrains the content column —
|
|
5297
5799
|
* `narrow` (976px) for forms, `default` (1280px) for most pages, `wide` (1600px) for dense detail views,
|
|
5298
5800
|
* `full` for edge-to-edge layouts.
|
|
5299
5801
|
*/
|
|
5300
|
-
type RootProps$
|
|
5802
|
+
type RootProps$7 = ComponentProps<'div'> & {
|
|
5301
5803
|
maxWidth?: 'default' | 'narrow' | 'wide' | 'full';
|
|
5302
5804
|
};
|
|
5303
|
-
declare const Root$15: ({ ref, className, maxWidth, children, ...props }: RootProps$
|
|
5805
|
+
declare const Root$15: ({ ref, className, maxWidth, children, ...props }: RootProps$7) => import("react/jsx-runtime").JSX.Element;
|
|
5304
5806
|
declare const Breadcrumbs: ({ ref, className, children, ...props }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
|
|
5305
5807
|
type HeaderProps = ComponentProps<'header'> & {
|
|
5306
5808
|
sticky?: boolean;
|
|
@@ -5352,7 +5854,10 @@ declare const PageLayout: typeof Root$15 & {
|
|
|
5352
5854
|
* overflow-menu slot on the breadcrumbs row.
|
|
5353
5855
|
*/
|
|
5354
5856
|
type PageHeaderDetailProps = Omit<ComponentProps<'header'>, 'title'> & {
|
|
5355
|
-
/**
|
|
5857
|
+
/**
|
|
5858
|
+
* `Breadcrumb` chain to the entity's parent list / hierarchy. Required. Never repeat the
|
|
5859
|
+
* entity's own name as a final, non-link item — it's already the `title` below.
|
|
5860
|
+
*/
|
|
5356
5861
|
breadcrumbs: ReactNode;
|
|
5357
5862
|
/** `DropdownMenu` for tertiary actions. Sits on the breadcrumbs row, not the title row. */
|
|
5358
5863
|
overflowActions?: ReactNode;
|
|
@@ -5362,7 +5867,7 @@ type PageHeaderDetailProps = Omit<ComponentProps<'header'>, 'title'> & {
|
|
|
5362
5867
|
/** Inline `Badge`s rendered next to the title (status, environment, version). Always rendered as pills. */
|
|
5363
5868
|
badges?: ReactNode;
|
|
5364
5869
|
description?: ReactNode;
|
|
5365
|
-
/** Compact title mode: renders a smaller title
|
|
5870
|
+
/** Compact title mode: renders a smaller title for information-dense pages. Default `false`. */
|
|
5366
5871
|
compact?: boolean;
|
|
5367
5872
|
/** Primary action (`Button`). Use the verb appropriate to the entity (Deploy / Run / Save). */
|
|
5368
5873
|
primaryAction?: ReactNode;
|
|
@@ -5585,7 +6090,7 @@ type SectionNavItemRenderProps = {
|
|
|
5585
6090
|
};
|
|
5586
6091
|
//#endregion
|
|
5587
6092
|
//#region src/blocks/SectionNav/SectionNav.d.ts
|
|
5588
|
-
type Props$
|
|
6093
|
+
type Props$104 = {
|
|
5589
6094
|
/**
|
|
5590
6095
|
* The sections to show, already filtered. Visibility, permissions and feature flags stay in the
|
|
5591
6096
|
* app — this block renders exactly what it is handed, in order.
|
|
@@ -5637,20 +6142,29 @@ type Props$103 = {
|
|
|
5637
6142
|
*
|
|
5638
6143
|
* @see RECIPES.md#section-nav
|
|
5639
6144
|
*/
|
|
5640
|
-
declare const SectionNav: ({ groups, activeId, renderItem, showDescriptions, label, className }: Props$
|
|
6145
|
+
declare const SectionNav: ({ groups, activeId, renderItem, showDescriptions, label, className }: Props$104) => import("react/jsx-runtime").JSX.Element;
|
|
5641
6146
|
//#endregion
|
|
5642
6147
|
//#region src/components/BrandLogo/BrandLogo.d.ts
|
|
5643
|
-
type Props$
|
|
6148
|
+
type Props$103 = {
|
|
5644
6149
|
/** `wordmark` (default, full logo) or `mark` (square icon); each falls back to the other. */
|
|
5645
6150
|
variant?: 'mark' | 'wordmark';
|
|
5646
6151
|
/** Sets the logo height; aspect ratio is preserved (e.g. `tw:h-7`). */
|
|
5647
6152
|
className?: string;
|
|
6153
|
+
/**
|
|
6154
|
+
* The logo's accessible name.
|
|
6155
|
+
*
|
|
6156
|
+
* - Defaults to the brand's `name`, which is registry metadata: it labels the brand's row in a
|
|
6157
|
+
* picker, so it carries whatever disambiguates it there (`Keboola (V2)`).
|
|
6158
|
+
* - Pass the product's own name wherever the logo is what names something to a screen reader — a
|
|
6159
|
+
* link around it most of all, which otherwise announces that suffix.
|
|
6160
|
+
*/
|
|
6161
|
+
label?: string;
|
|
5648
6162
|
};
|
|
5649
6163
|
/**
|
|
5650
6164
|
* Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`
|
|
5651
6165
|
* if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.
|
|
5652
6166
|
*/
|
|
5653
|
-
declare const BrandLogo: ({ variant, className }: Props$
|
|
6167
|
+
declare const BrandLogo: ({ variant, className, label }: Props$103) => import("react/jsx-runtime").JSX.Element | null;
|
|
5654
6168
|
//#endregion
|
|
5655
6169
|
//#region src/components/Resizable/ResizableHandle.d.ts
|
|
5656
6170
|
declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof Separator$1>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5659,13 +6173,13 @@ declare const ResizableHandle: ({ className, ...props }: ComponentProps<typeof S
|
|
|
5659
6173
|
declare const ResizablePanelGroup: ({ className, orientation, ...props }: ComponentProps<typeof Group$1>) => import("react/jsx-runtime").JSX.Element;
|
|
5660
6174
|
//#endregion
|
|
5661
6175
|
//#region src/components/Sidebar/SidebarContent.d.ts
|
|
5662
|
-
type Props$
|
|
6176
|
+
type Props$102 = {
|
|
5663
6177
|
className?: string;
|
|
5664
6178
|
children?: ReactNode;
|
|
5665
6179
|
contentRef?: ComponentProps<'div'>['ref'];
|
|
5666
6180
|
ref?: ComponentProps<'div'>['ref'];
|
|
5667
6181
|
};
|
|
5668
|
-
declare const SidebarContent: ({ ref, className, children, contentRef }: Props$
|
|
6182
|
+
declare const SidebarContent: ({ ref, className, children, contentRef }: Props$102) => import("react/jsx-runtime").JSX.Element;
|
|
5669
6183
|
//#endregion
|
|
5670
6184
|
//#region src/components/Sidebar/types.d.ts
|
|
5671
6185
|
type SidebarMode = 'expanded' | 'collapsed' | 'expand-on-hover';
|
|
@@ -5675,102 +6189,102 @@ type SidebarCollapsible = 'icon' | 'off-canvas';
|
|
|
5675
6189
|
type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
|
|
5676
6190
|
//#endregion
|
|
5677
6191
|
//#region src/components/Sidebar/SidebarFillTrigger.d.ts
|
|
5678
|
-
type Props$
|
|
6192
|
+
type Props$101 = ComponentProps<typeof Slot$1> & {
|
|
5679
6193
|
side?: SidebarSide;
|
|
5680
6194
|
};
|
|
5681
|
-
declare const SidebarFillTrigger: ({ ref, side, onClick, ...rest }: Props$
|
|
6195
|
+
declare const SidebarFillTrigger: ({ ref, side, onClick, ...rest }: Props$101) => import("react/jsx-runtime").JSX.Element;
|
|
5682
6196
|
//#endregion
|
|
5683
6197
|
//#region src/components/Sidebar/SidebarFooter.d.ts
|
|
5684
|
-
type Props$
|
|
5685
|
-
declare const SidebarFooter: ({ className, ...props }: Props$
|
|
6198
|
+
type Props$100 = ComponentProps<'div'>;
|
|
6199
|
+
declare const SidebarFooter: ({ className, ...props }: Props$100) => import("react/jsx-runtime").JSX.Element;
|
|
5686
6200
|
//#endregion
|
|
5687
6201
|
//#region src/components/Sidebar/SidebarGroup/SidebarGroup.d.ts
|
|
5688
|
-
type Props$
|
|
5689
|
-
declare const SidebarGroup: ({ className, ...props }: Props$
|
|
6202
|
+
type Props$99 = ComponentProps<'div'>;
|
|
6203
|
+
declare const SidebarGroup: ({ className, ...props }: Props$99) => import("react/jsx-runtime").JSX.Element;
|
|
5690
6204
|
//#endregion
|
|
5691
6205
|
//#region src/components/Sidebar/SidebarGroup/SidebarGroupContent.d.ts
|
|
5692
|
-
type Props$
|
|
5693
|
-
declare const SidebarGroupContent: ({ className, ...props }: Props$
|
|
6206
|
+
type Props$98 = ComponentProps<'div'>;
|
|
6207
|
+
declare const SidebarGroupContent: ({ className, ...props }: Props$98) => import("react/jsx-runtime").JSX.Element;
|
|
5694
6208
|
//#endregion
|
|
5695
6209
|
//#region src/components/Sidebar/SidebarGroup/SidebarGroupAction.d.ts
|
|
5696
|
-
type Props$
|
|
5697
|
-
declare const SidebarGroupAction: ({ ref, className, type, children, ...props }: Props$
|
|
6210
|
+
type Props$97 = ComponentProps<'button'>;
|
|
6211
|
+
declare const SidebarGroupAction: ({ ref, className, type, children, ...props }: Props$97) => import("react/jsx-runtime").JSX.Element;
|
|
5698
6212
|
//#endregion
|
|
5699
6213
|
//#region src/components/Sidebar/SidebarGroup/SidebarGroupLabel.d.ts
|
|
5700
|
-
type Props$
|
|
5701
|
-
declare const SidebarGroupLabel: ({ ref, className, children, ...props }: Props$
|
|
6214
|
+
type Props$96 = ComponentProps<'div'>;
|
|
6215
|
+
declare const SidebarGroupLabel: ({ ref, className, children, ...props }: Props$96 & {
|
|
5702
6216
|
ref?: Ref<HTMLDivElement>;
|
|
5703
6217
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5704
6218
|
//#endregion
|
|
5705
6219
|
//#region src/components/Sidebar/SidebarHeader.d.ts
|
|
5706
|
-
type Props$
|
|
5707
|
-
declare const SidebarHeader: ({ className, children, ...props }: Props$
|
|
6220
|
+
type Props$95 = ComponentProps<'div'>;
|
|
6221
|
+
declare const SidebarHeader: ({ className, children, ...props }: Props$95) => import("react/jsx-runtime").JSX.Element;
|
|
5708
6222
|
//#endregion
|
|
5709
6223
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenu.d.ts
|
|
5710
|
-
type Props$
|
|
5711
|
-
declare const SidebarMenu: ({ className, ...props }: Props$
|
|
6224
|
+
type Props$94 = ComponentProps<'ul'>;
|
|
6225
|
+
declare const SidebarMenu: ({ className, ...props }: Props$94) => import("react/jsx-runtime").JSX.Element;
|
|
5712
6226
|
//#endregion
|
|
5713
6227
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenuButton.d.ts
|
|
5714
|
-
type Props$
|
|
6228
|
+
type Props$93 = ComponentProps<'button'> & {
|
|
5715
6229
|
asChild?: boolean;
|
|
5716
6230
|
tooltip?: ReactNode;
|
|
5717
6231
|
icon?: ReactNode;
|
|
5718
6232
|
};
|
|
5719
|
-
declare const SidebarMenuButton: ({ ref, 'aria-selected': selected, className, children, asChild, icon, tooltip, ...props }: Props$
|
|
6233
|
+
declare const SidebarMenuButton: ({ ref, 'aria-selected': selected, className, children, asChild, icon, tooltip, ...props }: Props$93 & {
|
|
5720
6234
|
ref?: Ref<HTMLButtonElement>;
|
|
5721
6235
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5722
6236
|
//#endregion
|
|
5723
6237
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenuItem.d.ts
|
|
5724
|
-
type Props$
|
|
5725
|
-
declare const SidebarMenuItem: ({ className, ...props }: Props$
|
|
6238
|
+
type Props$92 = ComponentProps<'li'>;
|
|
6239
|
+
declare const SidebarMenuItem: ({ className, ...props }: Props$92) => import("react/jsx-runtime").JSX.Element;
|
|
5726
6240
|
//#endregion
|
|
5727
6241
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenuIcon.d.ts
|
|
5728
|
-
type Props$
|
|
5729
|
-
declare const SidebarMenuIcon: ({ ref, className, children, ...rest }: Props$
|
|
6242
|
+
type Props$91 = ComponentProps<'span'>;
|
|
6243
|
+
declare const SidebarMenuIcon: ({ ref, className, children, ...rest }: Props$91) => import("react/jsx-runtime").JSX.Element;
|
|
5730
6244
|
//#endregion
|
|
5731
6245
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenuAction.d.ts
|
|
5732
|
-
type Props$
|
|
6246
|
+
type Props$90 = ComponentProps<'button'> & {
|
|
5733
6247
|
asChild?: boolean;
|
|
5734
6248
|
showOnHover?: boolean;
|
|
5735
6249
|
};
|
|
5736
|
-
declare const SidebarMenuAction: ({ ref, className, asChild, showOnHover, children, ...props }: Props$
|
|
6250
|
+
declare const SidebarMenuAction: ({ ref, className, asChild, showOnHover, children, ...props }: Props$90) => import("react/jsx-runtime").JSX.Element;
|
|
5737
6251
|
//#endregion
|
|
5738
6252
|
//#region src/components/Sidebar/SidebarMenu/SidebarSearchInput.d.ts
|
|
5739
|
-
type Props$
|
|
5740
|
-
declare const SidebarSearchInput: ({ ref: forwardedRef, className, ...inputProps }: Props$
|
|
6253
|
+
type Props$89 = Omit<ComponentProps<'input'>, 'prefix'>;
|
|
6254
|
+
declare const SidebarSearchInput: ({ ref: forwardedRef, className, ...inputProps }: Props$89) => import("react/jsx-runtime").JSX.Element;
|
|
5741
6255
|
//#endregion
|
|
5742
6256
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenuCard.d.ts
|
|
5743
|
-
type Props$
|
|
6257
|
+
type Props$88 = HTMLAttributes<HTMLDivElement> & {
|
|
5744
6258
|
icon: ReactNode;
|
|
5745
6259
|
title: ReactNode;
|
|
5746
6260
|
};
|
|
5747
|
-
declare const SidebarMenuCard: ({ children, className, icon, title, ...rest }: Props$
|
|
6261
|
+
declare const SidebarMenuCard: ({ children, className, icon, title, ...rest }: Props$88) => import("react/jsx-runtime").JSX.Element;
|
|
5748
6262
|
//#endregion
|
|
5749
6263
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenuBadge.d.ts
|
|
5750
|
-
type Props$
|
|
5751
|
-
declare const SidebarMenuBadge: ({ ref, className, ...props }: Props$
|
|
6264
|
+
type Props$87 = ComponentProps<'div'>;
|
|
6265
|
+
declare const SidebarMenuBadge: ({ ref, className, ...props }: Props$87) => import("react/jsx-runtime").JSX.Element;
|
|
5752
6266
|
//#endregion
|
|
5753
6267
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenuSub.d.ts
|
|
5754
|
-
type Props$
|
|
6268
|
+
type Props$86 = {
|
|
5755
6269
|
children: ReactNode;
|
|
5756
6270
|
icon: ReactNode;
|
|
5757
6271
|
isActive?: boolean;
|
|
5758
6272
|
label: string;
|
|
5759
6273
|
} & Pick<ComponentProps<typeof Collapsible>, 'defaultOpen' | 'open' | 'onOpenChange'>;
|
|
5760
|
-
declare const SidebarMenuSub: ({ children, icon, isActive, label, defaultOpen, open: openProp, onOpenChange }: Props$
|
|
6274
|
+
declare const SidebarMenuSub: ({ children, icon, isActive, label, defaultOpen, open: openProp, onOpenChange }: Props$86) => import("react/jsx-runtime").JSX.Element;
|
|
5761
6275
|
//#endregion
|
|
5762
6276
|
//#region src/components/Sidebar/SidebarMenu/SidebarMenuSubItem.d.ts
|
|
5763
|
-
type Props$
|
|
6277
|
+
type Props$85 = ComponentProps<'button'> & {
|
|
5764
6278
|
asChild?: boolean;
|
|
5765
6279
|
};
|
|
5766
|
-
declare const SidebarMenuSubItem: ({ ref, className, asChild, children, disabled, 'aria-current': ariaCurrent, ...props }: Props$
|
|
6280
|
+
declare const SidebarMenuSubItem: ({ ref, className, asChild, children, disabled, 'aria-current': ariaCurrent, ...props }: Props$85) => import("react/jsx-runtime").JSX.Element;
|
|
5767
6281
|
//#endregion
|
|
5768
6282
|
//#region src/components/Separator/Separator.d.ts
|
|
5769
6283
|
declare const separatorVariants: (props?: ({
|
|
5770
6284
|
size?: "1/2" | "3/4" | "full" | null | undefined;
|
|
5771
6285
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
5772
6286
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5773
|
-
type Props$
|
|
6287
|
+
type Props$84 = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
|
|
5774
6288
|
/**
|
|
5775
6289
|
* Optional label rendered centered between two line segments
|
|
5776
6290
|
* (typical "OR" divider). Implies `orientation="horizontal"`.
|
|
@@ -5778,21 +6292,26 @@ type Props$83 = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typ
|
|
|
5778
6292
|
*/
|
|
5779
6293
|
label?: ReactNode;
|
|
5780
6294
|
};
|
|
5781
|
-
declare const Separator: ({ className, orientation, size, label, ...props }: Props$
|
|
6295
|
+
declare const Separator: ({ className, orientation, size, label, ...props }: Props$84) => import("react/jsx-runtime").JSX.Element;
|
|
5782
6296
|
//#endregion
|
|
5783
6297
|
//#region src/components/Sidebar/SidebarSeparator.d.ts
|
|
5784
|
-
type Props$
|
|
5785
|
-
declare const SidebarSeparator: ({ className, ...props }: Props$
|
|
6298
|
+
type Props$83 = Omit<ComponentProps<typeof Separator>, 'orientation' | 'size'>;
|
|
6299
|
+
declare const SidebarSeparator: ({ className, ...props }: Props$83) => import("react/jsx-runtime").JSX.Element;
|
|
5786
6300
|
//#endregion
|
|
5787
6301
|
//#region src/components/Sidebar/SidebarTrigger.d.ts
|
|
5788
|
-
type Props$
|
|
6302
|
+
type Props$82 = ComponentProps<typeof Slot$1> & {
|
|
5789
6303
|
side?: SidebarSide;
|
|
5790
6304
|
hideWhenCollapsed?: boolean;
|
|
5791
6305
|
};
|
|
5792
|
-
declare const SidebarTrigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: Props$
|
|
6306
|
+
declare const SidebarTrigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: Props$82) => import("react/jsx-runtime").JSX.Element;
|
|
5793
6307
|
//#endregion
|
|
5794
6308
|
//#region src/components/Sidebar/Sidebar.d.ts
|
|
5795
|
-
|
|
6309
|
+
/**
|
|
6310
|
+
* `className` and `style` land on the inner wrapper (the rail's own box); everything else
|
|
6311
|
+
* (`data-*`, `aria-*`, handlers) lands on the outer element, so a `ThemeScope` around the
|
|
6312
|
+
* sidebar reaches it.
|
|
6313
|
+
*/
|
|
6314
|
+
type Props$81 = Omit<ComponentProps<'div'>, 'children' | 'className' | 'style' | 'id'> & {
|
|
5796
6315
|
children: ReactNode;
|
|
5797
6316
|
className?: string;
|
|
5798
6317
|
id?: string;
|
|
@@ -5800,9 +6319,11 @@ type Props$80 = {
|
|
|
5800
6319
|
style?: CSSProperties;
|
|
5801
6320
|
container?: boolean;
|
|
5802
6321
|
keepMounted?: boolean;
|
|
6322
|
+
/** Hold the panel's content back until it has finished sliding in. */
|
|
6323
|
+
mountAfterEnter?: boolean;
|
|
5803
6324
|
resizable?: boolean;
|
|
5804
6325
|
};
|
|
5805
|
-
declare function Sidebar({ children, className, id, side, style, container, keepMounted, resizable }: Props$
|
|
6326
|
+
declare function Sidebar({ children, className, id, side, style, container, keepMounted, mountAfterEnter, resizable, ...rest }: Props$81): import("react/jsx-runtime").JSX.Element | null;
|
|
5806
6327
|
declare namespace Sidebar {
|
|
5807
6328
|
export { SidebarHeader as Header };
|
|
5808
6329
|
export { SidebarContent as Content };
|
|
@@ -5827,7 +6348,7 @@ declare namespace Sidebar {
|
|
|
5827
6348
|
}
|
|
5828
6349
|
//#endregion
|
|
5829
6350
|
//#region src/components/Sidebar/SidebarProvider/SidebarProvider.d.ts
|
|
5830
|
-
type Props$
|
|
6351
|
+
type Props$80 = {
|
|
5831
6352
|
children?: ReactNode;
|
|
5832
6353
|
defaultLeftMode?: SidebarMode;
|
|
5833
6354
|
leftMode?: SidebarMode;
|
|
@@ -5845,7 +6366,7 @@ type Props$79 = {
|
|
|
5845
6366
|
onRightWidthChange?: (width: number) => void;
|
|
5846
6367
|
defaultFilledSide?: SidebarSide | null;
|
|
5847
6368
|
};
|
|
5848
|
-
declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide }: Props$
|
|
6369
|
+
declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide }: Props$80) => import("react/jsx-runtime").JSX.Element;
|
|
5849
6370
|
//#endregion
|
|
5850
6371
|
//#region src/components/Sidebar/utils.d.ts
|
|
5851
6372
|
type Input = {
|
|
@@ -5863,12 +6384,12 @@ type EffectiveWidths = {
|
|
|
5863
6384
|
declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode }: Input) => EffectiveWidths;
|
|
5864
6385
|
//#endregion
|
|
5865
6386
|
//#region src/components/Sidebar/SidebarProvider/useSidebarState.d.ts
|
|
5866
|
-
type Props$
|
|
6387
|
+
type Props$79 = {
|
|
5867
6388
|
defaultMode?: SidebarMode;
|
|
5868
6389
|
mode?: SidebarMode;
|
|
5869
6390
|
onModeChange?: (state: SidebarMode) => void;
|
|
5870
6391
|
};
|
|
5871
|
-
declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$
|
|
6392
|
+
declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$79) => {
|
|
5872
6393
|
isHovered: boolean;
|
|
5873
6394
|
toggle: () => void;
|
|
5874
6395
|
setMode: (dispatch: Parameters<import("react").Dispatch<import("react").SetStateAction<"collapsed" | "expand-on-hover" | "expanded">>>[0]) => void;
|
|
@@ -5884,6 +6405,8 @@ type SidebarState = ReturnType<typeof useSidebarState>;
|
|
|
5884
6405
|
type SidebarSideValue = SidebarState & {
|
|
5885
6406
|
isFill: boolean;
|
|
5886
6407
|
toggleFill: () => void;
|
|
6408
|
+
/** Idempotent counterpart to `toggleFill` — safe to call twice, or when already in that state. */
|
|
6409
|
+
setFill: (fill: boolean) => void;
|
|
5887
6410
|
widths: SidebarWidths;
|
|
5888
6411
|
collapsible: SidebarCollapsible;
|
|
5889
6412
|
variant: SidebarVariant;
|
|
@@ -5902,66 +6425,66 @@ declare const useOptionalSidebar: (side?: SidebarSide) => SidebarSideValue | nul
|
|
|
5902
6425
|
declare const useSidebar: (side?: SidebarSide) => SidebarSideValue;
|
|
5903
6426
|
//#endregion
|
|
5904
6427
|
//#region src/components/Navbar/NavbarContent.d.ts
|
|
5905
|
-
type Props$
|
|
6428
|
+
type Props$78 = {
|
|
5906
6429
|
className?: string;
|
|
5907
6430
|
children?: ReactNode;
|
|
5908
6431
|
};
|
|
5909
|
-
declare const NavbarContent: ({ children, className }: Props$
|
|
6432
|
+
declare const NavbarContent: ({ children, className }: Props$78) => import("react/jsx-runtime").JSX.Element;
|
|
5910
6433
|
//#endregion
|
|
5911
6434
|
//#region src/components/Navbar/NavbarFooter.d.ts
|
|
5912
|
-
type Props$
|
|
5913
|
-
declare const NavbarFooter: ({ children, className, ...rest }: Props$
|
|
6435
|
+
type Props$77 = ComponentProps<'div'>;
|
|
6436
|
+
declare const NavbarFooter: ({ children, className, ...rest }: Props$77) => import("react/jsx-runtime").JSX.Element;
|
|
5914
6437
|
//#endregion
|
|
5915
6438
|
//#region src/components/Navbar/NavbarHeader.d.ts
|
|
5916
|
-
type Props$
|
|
5917
|
-
declare const NavbarHeader: ({ children, className, ...rest }: Props$
|
|
6439
|
+
type Props$76 = ComponentProps<'div'>;
|
|
6440
|
+
declare const NavbarHeader: ({ children, className, ...rest }: Props$76) => import("react/jsx-runtime").JSX.Element;
|
|
5918
6441
|
//#endregion
|
|
5919
6442
|
//#region src/components/Navbar/NavbarMenu.d.ts
|
|
5920
6443
|
declare const variants$2: (props?: ({
|
|
5921
6444
|
marker?: "forward-slash" | "none" | null | undefined;
|
|
5922
6445
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5923
|
-
type Props$
|
|
5924
|
-
declare const NavbarMenu: ({ className, marker, ...rest }: Props$
|
|
6446
|
+
type Props$75 = ComponentProps<'ul'> & VariantProps<typeof variants$2>;
|
|
6447
|
+
declare const NavbarMenu: ({ className, marker, ...rest }: Props$75) => import("react/jsx-runtime").JSX.Element;
|
|
5925
6448
|
//#endregion
|
|
5926
6449
|
//#region src/components/Navbar/NavbarMenuAvatar.d.ts
|
|
5927
|
-
type Props$
|
|
6450
|
+
type Props$74 = ComponentProps<'button'> & {
|
|
5928
6451
|
src?: string;
|
|
5929
6452
|
alt?: string;
|
|
5930
6453
|
};
|
|
5931
|
-
declare const NavbarMenuAvatar: ({ ref, className, type, src, alt, ...rest }: Props$
|
|
6454
|
+
declare const NavbarMenuAvatar: ({ ref, className, type, src, alt, ...rest }: Props$74) => import("react/jsx-runtime").JSX.Element;
|
|
5932
6455
|
//#endregion
|
|
5933
6456
|
//#region src/components/Navbar/NavbarMenuButton.d.ts
|
|
5934
6457
|
declare const variants$1: (props?: ({
|
|
5935
6458
|
variant?: "default" | "emphasized" | "icon" | "search" | null | undefined;
|
|
5936
6459
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5937
|
-
type Props$
|
|
6460
|
+
type Props$73 = ComponentProps<'button'> & {
|
|
5938
6461
|
/** Optional leading-icon slot. Pass a Lucide icon node to render an adornment before children. */
|
|
5939
6462
|
icon?: ReactNode;
|
|
5940
6463
|
asChild?: boolean;
|
|
5941
6464
|
} & VariantProps<typeof variants$1>;
|
|
5942
|
-
declare const NavbarMenuButton: ({ ref, className, type, children, icon, asChild, variant, ...rest }: Props$
|
|
6465
|
+
declare const NavbarMenuButton: ({ ref, className, type, children, icon, asChild, variant, ...rest }: Props$73) => import("react/jsx-runtime").JSX.Element;
|
|
5943
6466
|
//#endregion
|
|
5944
6467
|
//#region src/components/Navbar/NavbarMenuItem.d.ts
|
|
5945
|
-
type Props$
|
|
5946
|
-
declare const NavbarMenuItem: ({ className, ...rest }: Props$
|
|
6468
|
+
type Props$72 = ComponentProps<'li'>;
|
|
6469
|
+
declare const NavbarMenuItem: ({ className, ...rest }: Props$72) => import("react/jsx-runtime").JSX.Element;
|
|
5947
6470
|
//#endregion
|
|
5948
6471
|
//#region src/components/Navbar/NavbarMenuItemAdornment.d.ts
|
|
5949
6472
|
declare const variants: (props?: ({
|
|
5950
6473
|
variant?: "icon" | "icon-accent" | "icon-accent-emphasized" | "icon-button" | "icon-emphasized" | "shortcut" | null | undefined;
|
|
5951
6474
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5952
|
-
type Props$
|
|
6475
|
+
type Props$71 = {
|
|
5953
6476
|
asChild?: boolean;
|
|
5954
6477
|
} & ComponentProps<'span'> & VariantProps<typeof variants>;
|
|
5955
|
-
declare const NavbarMenuItemAdornment: ({ ref, asChild, className, variant, ...props }: Props$
|
|
6478
|
+
declare const NavbarMenuItemAdornment: ({ ref, asChild, className, variant, ...props }: Props$71) => import("react/jsx-runtime").JSX.Element;
|
|
5956
6479
|
//#endregion
|
|
5957
6480
|
//#region src/components/Navbar/Navbar.d.ts
|
|
5958
6481
|
declare const navbarClassnames: (props?: ({
|
|
5959
6482
|
bordered?: boolean | null | undefined;
|
|
5960
6483
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5961
|
-
type Props$
|
|
6484
|
+
type Props$70 = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
|
|
5962
6485
|
accent?: 'blue' | 'purple' | 'green' | 'orange';
|
|
5963
6486
|
};
|
|
5964
|
-
declare function Navbar({ className, accent, bordered, ...rest }: Props$
|
|
6487
|
+
declare function Navbar({ className, accent, bordered, ...rest }: Props$70): import("react/jsx-runtime").JSX.Element;
|
|
5965
6488
|
declare namespace Navbar {
|
|
5966
6489
|
export { NavbarHeader as Header };
|
|
5967
6490
|
export { NavbarFooter as Footer };
|
|
@@ -6007,20 +6530,20 @@ type WorkbenchContextValue = WorkbenchActions & {
|
|
|
6007
6530
|
declare const useWorkbench: () => WorkbenchContextValue;
|
|
6008
6531
|
//#endregion
|
|
6009
6532
|
//#region src/components/Workbench/WorkbenchBar/WorkbenchBarEnd.d.ts
|
|
6010
|
-
type Props$
|
|
6011
|
-
declare const WorkbenchBarEnd: ({ className, ...props }: Props$
|
|
6533
|
+
type Props$69 = ComponentProps<'div'>;
|
|
6534
|
+
declare const WorkbenchBarEnd: ({ className, ...props }: Props$69) => import("react/jsx-runtime").JSX.Element;
|
|
6012
6535
|
//#endregion
|
|
6013
6536
|
//#region src/components/Workbench/WorkbenchBar/WorkbenchBarMiddle.d.ts
|
|
6014
|
-
type Props$
|
|
6015
|
-
declare const WorkbenchBarMiddle: ({ className, ...props }: Props$
|
|
6537
|
+
type Props$68 = ComponentProps<'div'>;
|
|
6538
|
+
declare const WorkbenchBarMiddle: ({ className, ...props }: Props$68) => import("react/jsx-runtime").JSX.Element;
|
|
6016
6539
|
//#endregion
|
|
6017
6540
|
//#region src/components/Workbench/WorkbenchBar/WorkbenchBarStart.d.ts
|
|
6018
|
-
type Props$
|
|
6019
|
-
declare const WorkbenchBarStart: ({ className, ...props }: Props$
|
|
6541
|
+
type Props$67 = ComponentProps<'div'>;
|
|
6542
|
+
declare const WorkbenchBarStart: ({ className, ...props }: Props$67) => import("react/jsx-runtime").JSX.Element;
|
|
6020
6543
|
//#endregion
|
|
6021
6544
|
//#region src/components/Workbench/WorkbenchBar/WorkbenchBar.d.ts
|
|
6022
|
-
type Props$
|
|
6023
|
-
declare function WorkbenchBar({ className, children, ...props }: Props$
|
|
6545
|
+
type Props$66 = ComponentProps<'div'>;
|
|
6546
|
+
declare function WorkbenchBar({ className, children, ...props }: Props$66): import("react/jsx-runtime").JSX.Element;
|
|
6024
6547
|
declare namespace WorkbenchBar {
|
|
6025
6548
|
export { WorkbenchBarStart as Start };
|
|
6026
6549
|
export { WorkbenchBarMiddle as Middle };
|
|
@@ -6028,35 +6551,35 @@ declare namespace WorkbenchBar {
|
|
|
6028
6551
|
}
|
|
6029
6552
|
//#endregion
|
|
6030
6553
|
//#region src/components/Workbench/WorkbenchFullScreenTrigger.d.ts
|
|
6031
|
-
type Props$
|
|
6554
|
+
type Props$65 = ComponentProps<'button'> & {
|
|
6032
6555
|
asChild?: boolean;
|
|
6033
6556
|
};
|
|
6034
|
-
declare const WorkbenchFullScreenTrigger: ({ asChild, onClick, ...props }: Props$
|
|
6557
|
+
declare const WorkbenchFullScreenTrigger: ({ asChild, onClick, ...props }: Props$65) => import("react/jsx-runtime").JSX.Element;
|
|
6035
6558
|
//#endregion
|
|
6036
6559
|
//#region src/components/Workbench/WorkbenchPanel/WorkbenchPanel.d.ts
|
|
6037
|
-
type Props$
|
|
6038
|
-
declare const WorkbenchPanel: ({ className, children, ...props }: Props$
|
|
6560
|
+
type Props$64 = ComponentProps<'div'>;
|
|
6561
|
+
declare const WorkbenchPanel: ({ className, children, ...props }: Props$64) => import("react/jsx-runtime").JSX.Element;
|
|
6039
6562
|
//#endregion
|
|
6040
6563
|
//#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelActions.d.ts
|
|
6041
|
-
type Props$
|
|
6564
|
+
type Props$63 = ComponentProps<'div'> & {
|
|
6042
6565
|
asChild?: boolean;
|
|
6043
6566
|
};
|
|
6044
|
-
declare const WorkbenchPanelActions: ({ className, asChild, ...props }: Props$
|
|
6567
|
+
declare const WorkbenchPanelActions: ({ className, asChild, ...props }: Props$63) => import("react/jsx-runtime").JSX.Element;
|
|
6045
6568
|
//#endregion
|
|
6046
6569
|
//#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelContent.d.ts
|
|
6047
|
-
type Props$
|
|
6048
|
-
declare const WorkbenchPanelContent: ({ className, children, ...props }: Props$
|
|
6570
|
+
type Props$62 = ComponentProps<'div'>;
|
|
6571
|
+
declare const WorkbenchPanelContent: ({ className, children, ...props }: Props$62) => import("react/jsx-runtime").JSX.Element;
|
|
6049
6572
|
//#endregion
|
|
6050
6573
|
//#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelHeader.d.ts
|
|
6051
|
-
type Props$
|
|
6052
|
-
declare const WorkbenchPanelHeader: ({ className, children, ...props }: Props$
|
|
6574
|
+
type Props$61 = ComponentProps<'div'>;
|
|
6575
|
+
declare const WorkbenchPanelHeader: ({ className, children, ...props }: Props$61) => import("react/jsx-runtime").JSX.Element;
|
|
6053
6576
|
//#endregion
|
|
6054
6577
|
//#region src/components/Workbench/WorkbenchPanel/WorkbenchPanelTitle.d.ts
|
|
6055
|
-
type Props$
|
|
6056
|
-
declare const WorkbenchPanelTitle: ({ className, ...props }: Props$
|
|
6578
|
+
type Props$60 = ComponentProps<'div'>;
|
|
6579
|
+
declare const WorkbenchPanelTitle: ({ className, ...props }: Props$60) => import("react/jsx-runtime").JSX.Element;
|
|
6057
6580
|
//#endregion
|
|
6058
6581
|
//#region src/components/Workbench/Workbench.d.ts
|
|
6059
|
-
type Props$
|
|
6582
|
+
type Props$59 = {
|
|
6060
6583
|
className?: string;
|
|
6061
6584
|
children: ReactNode;
|
|
6062
6585
|
state?: WorkbenchState;
|
|
@@ -6067,7 +6590,7 @@ type Props$58 = {
|
|
|
6067
6590
|
defaultPanelHeight?: number;
|
|
6068
6591
|
onPanelHeightChange?: (panelHeight: number) => void;
|
|
6069
6592
|
};
|
|
6070
|
-
declare function Workbench({ className, children, state: stateProp, defaultState, onStateChange, barHeight, panelHeight: panelHeightProp, defaultPanelHeight, onPanelHeightChange }: Props$
|
|
6593
|
+
declare function Workbench({ className, children, state: stateProp, defaultState, onStateChange, barHeight, panelHeight: panelHeightProp, defaultPanelHeight, onPanelHeightChange }: Props$59): import("react/jsx-runtime").JSX.Element;
|
|
6071
6594
|
declare namespace Workbench {
|
|
6072
6595
|
export { WorkbenchBar as Bar };
|
|
6073
6596
|
export { WorkbenchBarStart as BarStart };
|
|
@@ -6192,34 +6715,34 @@ declare namespace BreadcrumbDropdown {
|
|
|
6192
6715
|
}
|
|
6193
6716
|
//#endregion
|
|
6194
6717
|
//#region src/components/Breadcrumb/BreadcrumbEllipsis.d.ts
|
|
6195
|
-
type Props$
|
|
6196
|
-
declare const BreadcrumbEllipsis: ({ ref, className, ...props }: Props$
|
|
6718
|
+
type Props$58 = ComponentProps<'button'>;
|
|
6719
|
+
declare const BreadcrumbEllipsis: ({ ref, className, ...props }: Props$58) => import("react/jsx-runtime").JSX.Element;
|
|
6197
6720
|
//#endregion
|
|
6198
6721
|
//#region src/components/Breadcrumb/BreadcrumbItem.d.ts
|
|
6199
|
-
type Props$
|
|
6200
|
-
declare const BreadcrumbItem: ({ className, ...props }: Props$
|
|
6722
|
+
type Props$57 = ComponentProps<'li'>;
|
|
6723
|
+
declare const BreadcrumbItem: ({ className, ...props }: Props$57) => import("react/jsx-runtime").JSX.Element;
|
|
6201
6724
|
//#endregion
|
|
6202
6725
|
//#region src/components/Breadcrumb/BreadcrumbLink.d.ts
|
|
6203
|
-
type Props$
|
|
6726
|
+
type Props$56 = ComponentProps<'a'> & {
|
|
6204
6727
|
asChild?: boolean;
|
|
6205
6728
|
};
|
|
6206
|
-
declare const BreadcrumbLink: ({ ref, asChild, className, ...props }: Props$
|
|
6729
|
+
declare const BreadcrumbLink: ({ ref, asChild, className, ...props }: Props$56) => import("react/jsx-runtime").JSX.Element;
|
|
6207
6730
|
//#endregion
|
|
6208
6731
|
//#region src/components/Breadcrumb/BreadcrumbList.d.ts
|
|
6209
|
-
type Props$
|
|
6210
|
-
declare const BreadcrumbList: ({ className, ...props }: Props$
|
|
6732
|
+
type Props$55 = ComponentProps<'ol'>;
|
|
6733
|
+
declare const BreadcrumbList: ({ className, ...props }: Props$55) => import("react/jsx-runtime").JSX.Element;
|
|
6211
6734
|
//#endregion
|
|
6212
6735
|
//#region src/components/Breadcrumb/BreadcrumbPage.d.ts
|
|
6213
|
-
type Props$
|
|
6214
|
-
declare const BreadcrumbPage: ({ ref, className, ...props }: Props$
|
|
6736
|
+
type Props$54 = ComponentProps<'span'>;
|
|
6737
|
+
declare const BreadcrumbPage: ({ ref, className, ...props }: Props$54) => import("react/jsx-runtime").JSX.Element;
|
|
6215
6738
|
//#endregion
|
|
6216
6739
|
//#region src/components/Breadcrumb/BreadcrumbSeparator.d.ts
|
|
6217
|
-
type Props$
|
|
6218
|
-
declare const BreadcrumbSeparator: ({ children, className, ...props }: Props$
|
|
6740
|
+
type Props$53 = ComponentProps<'li'>;
|
|
6741
|
+
declare const BreadcrumbSeparator: ({ children, className, ...props }: Props$53) => import("react/jsx-runtime").JSX.Element;
|
|
6219
6742
|
//#endregion
|
|
6220
6743
|
//#region src/components/Breadcrumb/Breadcrumb.d.ts
|
|
6221
|
-
type Props$
|
|
6222
|
-
declare function Breadcrumb({ className, ...props }: Props$
|
|
6744
|
+
type Props$52 = ComponentProps<'nav'>;
|
|
6745
|
+
declare function Breadcrumb({ className, ...props }: Props$52): import("react/jsx-runtime").JSX.Element;
|
|
6223
6746
|
declare namespace Breadcrumb {
|
|
6224
6747
|
export { BreadcrumbList as List };
|
|
6225
6748
|
export { BreadcrumbItem as Item };
|
|
@@ -6236,7 +6759,7 @@ type Trigger<T extends string> = {
|
|
|
6236
6759
|
title: ReactNode;
|
|
6237
6760
|
onClose?: (value: T) => void;
|
|
6238
6761
|
} & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
|
|
6239
|
-
type Props$
|
|
6762
|
+
type Props$51<T extends string> = {
|
|
6240
6763
|
triggers: readonly Trigger<T>[];
|
|
6241
6764
|
compact?: boolean;
|
|
6242
6765
|
children: ReactNode;
|
|
@@ -6247,7 +6770,7 @@ type Props$50<T extends string> = {
|
|
|
6247
6770
|
triggerClassName?: string;
|
|
6248
6771
|
triggerGroupClassName?: string;
|
|
6249
6772
|
} & Omit<RadixTabs.TabsProps, 'onValueChange'>;
|
|
6250
|
-
declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$
|
|
6773
|
+
declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$51<T>) => import("react/jsx-runtime").JSX.Element;
|
|
6251
6774
|
//#endregion
|
|
6252
6775
|
//#region src/components/Tabs/TabsContent.d.ts
|
|
6253
6776
|
declare const TabsContent: (props: RadixTabs.TabsContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -6263,7 +6786,7 @@ declare const STEP_STATUS: {
|
|
|
6263
6786
|
type StepStatus = (typeof STEP_STATUS)[keyof typeof STEP_STATUS];
|
|
6264
6787
|
//#endregion
|
|
6265
6788
|
//#region src/components/Stepper/StepperStep.d.ts
|
|
6266
|
-
type Props$
|
|
6789
|
+
type Props$50 = {
|
|
6267
6790
|
/** Visual state of the step. Drives indicator + connector colour. Defaults to `'upcoming'`. */
|
|
6268
6791
|
status?: StepStatus;
|
|
6269
6792
|
children: ReactNode;
|
|
@@ -6275,23 +6798,23 @@ type Props$49 = {
|
|
|
6275
6798
|
*
|
|
6276
6799
|
* Set `Stepper`'s `onStepClick` prop to make every step a button; otherwise the Step renders as `<div>`.
|
|
6277
6800
|
*/
|
|
6278
|
-
declare const StepperStep: ({ status, children, className, ...props }: Props$
|
|
6801
|
+
declare const StepperStep: ({ status, children, className, ...props }: Props$50) => import("react/jsx-runtime").JSX.Element;
|
|
6279
6802
|
//#endregion
|
|
6280
6803
|
//#region src/components/Stepper/StepperStepConnector.d.ts
|
|
6281
|
-
type Props$
|
|
6804
|
+
type Props$49 = ComponentProps<'span'>;
|
|
6282
6805
|
/**
|
|
6283
6806
|
* Visual line between two steps. Internal — `Stepper` renders connectors automatically between
|
|
6284
6807
|
* adjacent `Stepper.Step`s. Connector colour follows the preceding step's status.
|
|
6285
6808
|
*/
|
|
6286
|
-
declare const StepperStepConnector: ({ className, ...props }: Props$
|
|
6809
|
+
declare const StepperStepConnector: ({ className, ...props }: Props$49) => import("react/jsx-runtime").JSX.Element;
|
|
6287
6810
|
//#endregion
|
|
6288
6811
|
//#region src/components/Stepper/StepperStepDescription.d.ts
|
|
6289
|
-
type Props$
|
|
6812
|
+
type Props$48 = ComponentProps<'span'>;
|
|
6290
6813
|
/** Optional secondary text below the step label. */
|
|
6291
|
-
declare const StepperStepDescription: ({ className, ...props }: Props$
|
|
6814
|
+
declare const StepperStepDescription: ({ className, ...props }: Props$48) => import("react/jsx-runtime").JSX.Element;
|
|
6292
6815
|
//#endregion
|
|
6293
6816
|
//#region src/components/Stepper/StepperStepIndicator.d.ts
|
|
6294
|
-
type Props$
|
|
6817
|
+
type Props$47 = {
|
|
6295
6818
|
/** Override the default content. By default renders Check for complete, X for error, step number otherwise. */
|
|
6296
6819
|
children?: ReactNode;
|
|
6297
6820
|
} & ComponentProps<'span'>;
|
|
@@ -6299,12 +6822,12 @@ type Props$46 = {
|
|
|
6299
6822
|
* Circular indicator slot. Renders the status icon (Check / X) or the step number automatically based on
|
|
6300
6823
|
* the parent `Stepper.Step` status. Pass `children` to override.
|
|
6301
6824
|
*/
|
|
6302
|
-
declare const StepperStepIndicator: ({ children, className, ...props }: Props$
|
|
6825
|
+
declare const StepperStepIndicator: ({ children, className, ...props }: Props$47) => import("react/jsx-runtime").JSX.Element;
|
|
6303
6826
|
//#endregion
|
|
6304
6827
|
//#region src/components/Stepper/StepperStepLabel.d.ts
|
|
6305
|
-
type Props$
|
|
6828
|
+
type Props$46 = ComponentProps<'span'>;
|
|
6306
6829
|
/** Step title — short label describing the step (e.g. "Account", "Payment"). */
|
|
6307
|
-
declare const StepperStepLabel: ({ className, ...props }: Props$
|
|
6830
|
+
declare const StepperStepLabel: ({ className, ...props }: Props$46) => import("react/jsx-runtime").JSX.Element;
|
|
6308
6831
|
//#endregion
|
|
6309
6832
|
//#region src/components/Stepper/styles.d.ts
|
|
6310
6833
|
declare const stepperVariants: (props?: ({
|
|
@@ -6312,7 +6835,7 @@ declare const stepperVariants: (props?: ({
|
|
|
6312
6835
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6313
6836
|
//#endregion
|
|
6314
6837
|
//#region src/components/Stepper/Stepper.d.ts
|
|
6315
|
-
type Props$
|
|
6838
|
+
type Props$45 = {
|
|
6316
6839
|
/** Layout direction. Defaults to `horizontal`. */
|
|
6317
6840
|
orientation?: StepperOrientation;
|
|
6318
6841
|
/**
|
|
@@ -6322,7 +6845,7 @@ type Props$44 = {
|
|
|
6322
6845
|
onStepClick?: (index: number) => void;
|
|
6323
6846
|
children: ReactNode;
|
|
6324
6847
|
} & Omit<ComponentProps<'ol'>, 'children'> & VariantProps<typeof stepperVariants>;
|
|
6325
|
-
declare function Stepper({ orientation, onStepClick, children, className, ...props }: Props$
|
|
6848
|
+
declare function Stepper({ orientation, onStepClick, children, className, ...props }: Props$45): import("react/jsx-runtime").JSX.Element;
|
|
6326
6849
|
declare namespace Stepper {
|
|
6327
6850
|
export { StepperStep as Step };
|
|
6328
6851
|
export { StepperStepIndicator as StepIndicator };
|
|
@@ -6332,15 +6855,15 @@ declare namespace Stepper {
|
|
|
6332
6855
|
}
|
|
6333
6856
|
//#endregion
|
|
6334
6857
|
//#region src/components/Card/CardContent.d.ts
|
|
6335
|
-
type Props$
|
|
6858
|
+
type Props$44 = HTMLAttributes<HTMLDivElement> & {
|
|
6336
6859
|
/** Applies the standard body padding. Use with `Card padding="none"`, where the
|
|
6337
6860
|
* root adds none — otherwise the padding is doubled. */
|
|
6338
6861
|
padded?: boolean;
|
|
6339
6862
|
};
|
|
6340
|
-
declare const CardContent: ({ children, className, padded, ...rest }: Props$
|
|
6863
|
+
declare const CardContent: ({ children, className, padded, ...rest }: Props$44) => import("react/jsx-runtime").JSX.Element;
|
|
6341
6864
|
//#endregion
|
|
6342
6865
|
//#region src/components/Card/CardHeader.d.ts
|
|
6343
|
-
type Props$
|
|
6866
|
+
type Props$43 = HTMLAttributes<HTMLDivElement> & {
|
|
6344
6867
|
/** Adds a bottom rule, the header's own padding, and a 64px height floor so the
|
|
6345
6868
|
* band stays the same height with or without an action button. The rule spans the
|
|
6346
6869
|
* full card width — pair with `Card padding="none"`; on a padded root it is inset. */
|
|
@@ -6351,16 +6874,16 @@ type Props$42 = HTMLAttributes<HTMLDivElement> & {
|
|
|
6351
6874
|
* under the title. */
|
|
6352
6875
|
layout?: 'row' | 'inline' | 'stack';
|
|
6353
6876
|
};
|
|
6354
|
-
declare const CardHeader: ({ children, className, divider, layout, ...rest }: Props$
|
|
6877
|
+
declare const CardHeader: ({ children, className, divider, layout, ...rest }: Props$43) => import("react/jsx-runtime").JSX.Element;
|
|
6355
6878
|
//#endregion
|
|
6356
6879
|
//#region src/components/Card/CardTitle.d.ts
|
|
6357
6880
|
type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
6358
|
-
type Props$
|
|
6881
|
+
type Props$42 = HTMLAttributes<HTMLHeadingElement> & {
|
|
6359
6882
|
/** Heading tag to render. Defaults to `h3`; set explicitly to avoid a heading-order skip
|
|
6360
6883
|
* (e.g. `as="h2"` when the Card sits directly under a page's `h1`). */
|
|
6361
6884
|
as?: HeadingLevel;
|
|
6362
6885
|
};
|
|
6363
|
-
declare const CardTitle: ({ children, className, as: Tag, ...rest }: Props$
|
|
6886
|
+
declare const CardTitle: ({ children, className, as: Tag, ...rest }: Props$42) => import("react/jsx-runtime").JSX.Element;
|
|
6364
6887
|
//#endregion
|
|
6365
6888
|
//#region src/components/Card/styles.d.ts
|
|
6366
6889
|
declare const cardClassnames: (props?: ({
|
|
@@ -6369,8 +6892,8 @@ declare const cardClassnames: (props?: ({
|
|
|
6369
6892
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6370
6893
|
//#endregion
|
|
6371
6894
|
//#region src/components/Card/Card.d.ts
|
|
6372
|
-
type Props$
|
|
6373
|
-
declare function Card({ children, className, bordered, padding, ...rest }: Props$
|
|
6895
|
+
type Props$41 = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
|
|
6896
|
+
declare function Card({ children, className, bordered, padding, ...rest }: Props$41): import("react/jsx-runtime").JSX.Element;
|
|
6374
6897
|
declare namespace Card {
|
|
6375
6898
|
export { CardHeader as Header };
|
|
6376
6899
|
export { CardContent as Content };
|
|
@@ -6403,7 +6926,7 @@ declare const TableRow: ({ ref, className, ...props }: ComponentProps<'tr'>) =>
|
|
|
6403
6926
|
type TableSortDirection = 'asc' | 'desc' | false;
|
|
6404
6927
|
/** Maps a sort direction to the `aria-sort` value for the enclosing `Table.Head`. */
|
|
6405
6928
|
declare const tableAriaSort: (sorted: TableSortDirection) => ComponentProps<'th'>['aria-sort'];
|
|
6406
|
-
type Props$
|
|
6929
|
+
type Props$40 = {
|
|
6407
6930
|
/** Current sort state for this column: `'asc'`, `'desc'`, or `false` when unsorted. */
|
|
6408
6931
|
sorted: TableSortDirection;
|
|
6409
6932
|
children: ReactNode;
|
|
@@ -6415,19 +6938,19 @@ type Props$39 = {
|
|
|
6415
6938
|
* key/direction pair, or `@tanstack/react-table`'s `getToggleSortingHandler()` / `getIsSorted()`)
|
|
6416
6939
|
* and set `aria-sort` on the enclosing `Table.Head` via {@link tableAriaSort}.
|
|
6417
6940
|
*/
|
|
6418
|
-
declare const TableSortHeader: ({ sorted, children, className, ...props }: Props$
|
|
6941
|
+
declare const TableSortHeader: ({ sorted, children, className, ...props }: Props$40) => import("react/jsx-runtime").JSX.Element;
|
|
6419
6942
|
//#endregion
|
|
6420
6943
|
//#region src/components/Table/Table.d.ts
|
|
6421
6944
|
/**
|
|
6422
6945
|
* Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
|
|
6423
6946
|
* `bordered` wraps the table in a rounded bordered container with overflow scrolling.
|
|
6424
6947
|
*/
|
|
6425
|
-
type Props$
|
|
6948
|
+
type Props$39 = {
|
|
6426
6949
|
borderCollapsed?: boolean;
|
|
6427
6950
|
bordered?: boolean;
|
|
6428
6951
|
containerClassName?: string;
|
|
6429
6952
|
} & ComponentProps<'table'>;
|
|
6430
|
-
declare function Table({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$
|
|
6953
|
+
declare function Table({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$39): import("react/jsx-runtime").JSX.Element;
|
|
6431
6954
|
declare namespace Table {
|
|
6432
6955
|
export { TableHeader as Header };
|
|
6433
6956
|
export { TableHead as Head };
|
|
@@ -6445,25 +6968,25 @@ declare const connectorWrapper: (props?: ({
|
|
|
6445
6968
|
declare const connector: (props?: ({
|
|
6446
6969
|
variant?: "icon" | "label" | "line" | "none" | null | undefined;
|
|
6447
6970
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6448
|
-
type Props$
|
|
6971
|
+
type Props$38 = {
|
|
6449
6972
|
asChild?: boolean;
|
|
6450
6973
|
offset?: number;
|
|
6451
6974
|
} & ComponentProps<'div'> & VariantProps<typeof connectorWrapper> & VariantProps<typeof connector>;
|
|
6452
|
-
declare const TimelineConnector: ({ className, children, asChild, variant, align, offset, style, ...rest }: Props$
|
|
6975
|
+
declare const TimelineConnector: ({ className, children, asChild, variant, align, offset, style, ...rest }: Props$38) => import("react/jsx-runtime").JSX.Element;
|
|
6453
6976
|
//#endregion
|
|
6454
6977
|
//#region src/components/Timeline/TimelineContent.d.ts
|
|
6455
|
-
type Props$
|
|
6456
|
-
declare const TimelineContent: ({ className, ...rest }: Props$
|
|
6978
|
+
type Props$37 = ComponentProps<'div'>;
|
|
6979
|
+
declare const TimelineContent: ({ className, ...rest }: Props$37) => import("react/jsx-runtime").JSX.Element;
|
|
6457
6980
|
//#endregion
|
|
6458
6981
|
//#region src/components/Timeline/TimelineItem.d.ts
|
|
6459
|
-
type Props$
|
|
6460
|
-
declare const TimelineItem: ({ className, ...rest }: Props$
|
|
6982
|
+
type Props$36 = ComponentProps<'li'>;
|
|
6983
|
+
declare const TimelineItem: ({ className, ...rest }: Props$36) => import("react/jsx-runtime").JSX.Element;
|
|
6461
6984
|
//#endregion
|
|
6462
6985
|
//#region src/components/Timeline/Timeline.d.ts
|
|
6463
|
-
type Props$
|
|
6986
|
+
type Props$35 = ComponentProps<'ul'> & {
|
|
6464
6987
|
variant?: 'solid' | 'dashed';
|
|
6465
6988
|
};
|
|
6466
|
-
declare function Timeline({ className, variant, ...rest }: Props$
|
|
6989
|
+
declare function Timeline({ className, variant, ...rest }: Props$35): import("react/jsx-runtime").JSX.Element;
|
|
6467
6990
|
declare namespace Timeline {
|
|
6468
6991
|
export { TimelineItem as Item };
|
|
6469
6992
|
export { TimelineContent as Content };
|
|
@@ -6471,34 +6994,40 @@ declare namespace Timeline {
|
|
|
6471
6994
|
}
|
|
6472
6995
|
//#endregion
|
|
6473
6996
|
//#region src/components/Truncated.d.ts
|
|
6474
|
-
type Props$
|
|
6997
|
+
type Props$34 = {
|
|
6475
6998
|
text: ReactNode;
|
|
6476
6999
|
tooltip?: ReactNode;
|
|
6477
7000
|
twoLines?: boolean;
|
|
6478
7001
|
noTooltip?: boolean;
|
|
6479
|
-
tooltipVariant?: Props$
|
|
6480
|
-
tooltipPlacement?: Props$
|
|
7002
|
+
tooltipVariant?: Props$8['variant'];
|
|
7003
|
+
tooltipPlacement?: Props$8['placement'];
|
|
6481
7004
|
} & Omit<ComponentProps<'span'>, 'children'>;
|
|
6482
|
-
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$
|
|
7005
|
+
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$34) => import("react/jsx-runtime").JSX.Element;
|
|
6483
7006
|
//#endregion
|
|
6484
7007
|
//#region src/components/MarkedText/MarkedText.d.ts
|
|
6485
|
-
type Props$
|
|
7008
|
+
type Props$33 = {
|
|
6486
7009
|
source: string;
|
|
6487
7010
|
className?: string;
|
|
6488
7011
|
mark?: string;
|
|
6489
7012
|
isCaseSensitive?: boolean;
|
|
6490
7013
|
} & ComponentProps<'span'>;
|
|
6491
|
-
declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$
|
|
7014
|
+
declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$33) => import("react/jsx-runtime").JSX.Element;
|
|
6492
7015
|
//#endregion
|
|
6493
7016
|
//#region src/components/Kbd/KbdGroup.d.ts
|
|
6494
|
-
type Props$
|
|
7017
|
+
type Props$32 = {
|
|
6495
7018
|
separator?: string;
|
|
6496
7019
|
} & ComponentProps<'kbd'>;
|
|
6497
|
-
declare const KbdGroup: ({ ref, className, children, separator, ...props }: Props$
|
|
7020
|
+
declare const KbdGroup: ({ ref, className, children, separator, ...props }: Props$32) => import("react/jsx-runtime").JSX.Element;
|
|
6498
7021
|
//#endregion
|
|
6499
7022
|
//#region src/components/Kbd/KbdSeparator.d.ts
|
|
6500
|
-
type Props$
|
|
6501
|
-
|
|
7023
|
+
type Props$31 = ComponentProps<'span'>;
|
|
7024
|
+
/**
|
|
7025
|
+
* The `+` / `then` glue between two `Kbd` keys.
|
|
7026
|
+
*
|
|
7027
|
+
* - Follows the muted chrome token by default.
|
|
7028
|
+
* - Turns white inside the legacy dark tooltip, which sets `data-tooltip-content`.
|
|
7029
|
+
*/
|
|
7030
|
+
declare const KbdSeparator: ({ className, ...props }: Props$31) => import("react/jsx-runtime").JSX.Element;
|
|
6502
7031
|
//#endregion
|
|
6503
7032
|
//#region src/components/Kbd/styles.d.ts
|
|
6504
7033
|
declare const kbdVariants: (props?: ({
|
|
@@ -6506,8 +7035,8 @@ declare const kbdVariants: (props?: ({
|
|
|
6506
7035
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6507
7036
|
//#endregion
|
|
6508
7037
|
//#region src/components/Kbd/Kbd.d.ts
|
|
6509
|
-
type Props$
|
|
6510
|
-
declare function Kbd({ children, className, variant, ...rest }: Props$
|
|
7038
|
+
type Props$30 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
|
|
7039
|
+
declare function Kbd({ children, className, variant, ...rest }: Props$30): import("react/jsx-runtime").JSX.Element;
|
|
6511
7040
|
declare namespace Kbd {
|
|
6512
7041
|
export { KbdGroup as Group };
|
|
6513
7042
|
export { KbdSeparator as Separator };
|
|
@@ -6522,34 +7051,34 @@ type KeyRepresentation = {
|
|
|
6522
7051
|
declare const keys: Record<KeyName, KeyRepresentation>;
|
|
6523
7052
|
//#endregion
|
|
6524
7053
|
//#region src/components/Pagination/PaginationButton.d.ts
|
|
6525
|
-
type Props$
|
|
7054
|
+
type Props$29 = {
|
|
6526
7055
|
active?: boolean;
|
|
6527
7056
|
} & Omit<ComponentProps<typeof Button>, 'variant'>;
|
|
6528
|
-
declare const PaginationButton: ({ ref, active: isActive, className, children, size, ...props }: Props$
|
|
7057
|
+
declare const PaginationButton: ({ ref, active: isActive, className, children, size, ...props }: Props$29) => import("react/jsx-runtime").JSX.Element;
|
|
6529
7058
|
//#endregion
|
|
6530
7059
|
//#region src/components/Pagination/PaginationContent.d.ts
|
|
6531
|
-
type Props$
|
|
6532
|
-
declare const PaginationContent: ({ className, ...props }: Props$
|
|
7060
|
+
type Props$28 = ComponentProps<'ul'>;
|
|
7061
|
+
declare const PaginationContent: ({ className, ...props }: Props$28) => import("react/jsx-runtime").JSX.Element;
|
|
6533
7062
|
//#endregion
|
|
6534
7063
|
//#region src/components/Pagination/PaginationEllipsis.d.ts
|
|
6535
|
-
type Props$
|
|
6536
|
-
declare const PaginationEllipsis: ({ className, ...props }: Props$
|
|
7064
|
+
type Props$27 = ComponentProps<'span'>;
|
|
7065
|
+
declare const PaginationEllipsis: ({ className, ...props }: Props$27) => import("react/jsx-runtime").JSX.Element;
|
|
6537
7066
|
//#endregion
|
|
6538
7067
|
//#region src/components/Pagination/PaginationItem.d.ts
|
|
6539
|
-
type Props$
|
|
6540
|
-
declare const PaginationItem: ({ className, ...props }: Props$
|
|
7068
|
+
type Props$26 = ComponentProps<'li'>;
|
|
7069
|
+
declare const PaginationItem: ({ className, ...props }: Props$26) => import("react/jsx-runtime").JSX.Element;
|
|
6541
7070
|
//#endregion
|
|
6542
7071
|
//#region src/components/Pagination/PaginationNext.d.ts
|
|
6543
|
-
type Props$
|
|
6544
|
-
declare const PaginationNext: ({ children, className, ...props }: Props$
|
|
7072
|
+
type Props$25 = ComponentProps<typeof PaginationButton>;
|
|
7073
|
+
declare const PaginationNext: ({ children, className, ...props }: Props$25) => import("react/jsx-runtime").JSX.Element;
|
|
6545
7074
|
//#endregion
|
|
6546
7075
|
//#region src/components/Pagination/PaginationPrevious.d.ts
|
|
6547
|
-
type Props$
|
|
6548
|
-
declare const PaginationPrevious: ({ children, ...props }: Props$
|
|
7076
|
+
type Props$24 = ComponentProps<typeof PaginationButton>;
|
|
7077
|
+
declare const PaginationPrevious: ({ children, ...props }: Props$24) => import("react/jsx-runtime").JSX.Element;
|
|
6549
7078
|
//#endregion
|
|
6550
7079
|
//#region src/components/Pagination/Pagination.d.ts
|
|
6551
|
-
type Props$
|
|
6552
|
-
declare function Pagination({ className, ...props }: Props$
|
|
7080
|
+
type Props$23 = ComponentProps<'nav'>;
|
|
7081
|
+
declare function Pagination({ className, ...props }: Props$23): import("react/jsx-runtime").JSX.Element;
|
|
6553
7082
|
declare namespace Pagination {
|
|
6554
7083
|
export { PaginationContent as Content };
|
|
6555
7084
|
export { PaginationItem as Item };
|
|
@@ -6560,7 +7089,7 @@ declare namespace Pagination {
|
|
|
6560
7089
|
}
|
|
6561
7090
|
//#endregion
|
|
6562
7091
|
//#region src/components/DiffView/DiffView.d.ts
|
|
6563
|
-
type Props$
|
|
7092
|
+
type Props$22 = {
|
|
6564
7093
|
oldValue: string;
|
|
6565
7094
|
newValue: string;
|
|
6566
7095
|
ignoreWhitespace?: boolean;
|
|
@@ -6570,7 +7099,7 @@ type Props$21 = {
|
|
|
6570
7099
|
rightTitle: ReactNode;
|
|
6571
7100
|
rightTitleGutter?: ReactNode;
|
|
6572
7101
|
};
|
|
6573
|
-
declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className }: Props$
|
|
7102
|
+
declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className }: Props$22) => import("react/jsx-runtime").JSX.Element;
|
|
6574
7103
|
//#endregion
|
|
6575
7104
|
//#region src/components/DiffView/util.d.ts
|
|
6576
7105
|
declare const DiffType: {
|
|
@@ -6617,18 +7146,18 @@ declare const computeLineInformation: (oldString: string, newString: string, ign
|
|
|
6617
7146
|
declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
|
|
6618
7147
|
//#endregion
|
|
6619
7148
|
//#region src/components/MergeEditor/PaneHeader.d.ts
|
|
6620
|
-
type Props$
|
|
7149
|
+
type Props$21 = {
|
|
6621
7150
|
label: string;
|
|
6622
7151
|
sublabel?: string;
|
|
6623
7152
|
};
|
|
6624
|
-
declare const PaneHeader: ({ label, sublabel }: Props$
|
|
7153
|
+
declare const PaneHeader: ({ label, sublabel }: Props$21) => import("react/jsx-runtime").JSX.Element;
|
|
6625
7154
|
//#endregion
|
|
6626
7155
|
//#region src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.d.ts
|
|
6627
|
-
type Props$
|
|
7156
|
+
type Props$20 = {
|
|
6628
7157
|
remainingConflicts: number;
|
|
6629
7158
|
remainingSafeChanges: number;
|
|
6630
7159
|
};
|
|
6631
|
-
declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$
|
|
7160
|
+
declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$20) => import("react/jsx-runtime").JSX.Element;
|
|
6632
7161
|
//#endregion
|
|
6633
7162
|
//#region src/components/MergeEditor/useMergeDiff.d.ts
|
|
6634
7163
|
declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
|
|
@@ -6654,7 +7183,7 @@ declare const useMergeDiff: (baseText: string, leftText: string, rightText: stri
|
|
|
6654
7183
|
};
|
|
6655
7184
|
//#endregion
|
|
6656
7185
|
//#region src/blocks/DashboardHero/DashboardHero.d.ts
|
|
6657
|
-
type RootProps$
|
|
7186
|
+
type RootProps$2 = ComponentProps<'section'>;
|
|
6658
7187
|
/**
|
|
6659
7188
|
* Signature dashboard hero banner — the opinionated top-of-page welcome/summary surface
|
|
6660
7189
|
* (daily-brief header, project overview, greeting + primary CTA).
|
|
@@ -6665,7 +7194,7 @@ type RootProps$1 = ComponentProps<'section'>;
|
|
|
6665
7194
|
* `EmptyState`. **Composition:** `DashboardHero.Eyebrow`, `.Title`, `.Description`, `.Actions`,
|
|
6666
7195
|
* and an optional `.Aside` that floats to the right on wide screens. Reads semantic tokens only.
|
|
6667
7196
|
*/
|
|
6668
|
-
declare const DashboardHeroRoot: ({ className, children, ...rest }: RootProps$
|
|
7197
|
+
declare const DashboardHeroRoot: ({ className, children, ...rest }: RootProps$2) => import("react/jsx-runtime").JSX.Element;
|
|
6669
7198
|
type BodyProps = ComponentProps<'div'>;
|
|
6670
7199
|
declare const DashboardHeroBody: ({ className, children, ...rest }: BodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
6671
7200
|
type EyebrowProps = ComponentProps<'p'>;
|
|
@@ -6692,7 +7221,7 @@ declare const trendClassnames: (props?: ({
|
|
|
6692
7221
|
direction?: "down" | "flat" | "up" | null | undefined;
|
|
6693
7222
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6694
7223
|
type TrendDirection = NonNullable<VariantProps<typeof trendClassnames>['direction']>;
|
|
6695
|
-
type RootProps$
|
|
7224
|
+
type RootProps$6 = ComponentProps<typeof Card>;
|
|
6696
7225
|
/**
|
|
6697
7226
|
* A single KPI / metric tile — a signature composition over `Card` with a label,
|
|
6698
7227
|
* a large value, an optional trend delta, and an optional leading icon + footnote.
|
|
@@ -6703,7 +7232,7 @@ type RootProps$5 = ComponentProps<typeof Card>;
|
|
|
6703
7232
|
* **Composition:** `StatCard.Icon`, `StatCard.Label`, `StatCard.Value`, `StatCard.Trend`,
|
|
6704
7233
|
* `StatCard.Footnote`. All colours read semantic tokens, so the tile re-skins with the brand.
|
|
6705
7234
|
*/
|
|
6706
|
-
declare const StatCardRoot: ({ className, children, bordered, ...rest }: RootProps$
|
|
7235
|
+
declare const StatCardRoot: ({ className, children, bordered, ...rest }: RootProps$6) => import("react/jsx-runtime").JSX.Element;
|
|
6707
7236
|
type IconProps = ComponentProps<'div'>;
|
|
6708
7237
|
declare const StatCardIcon: ({ className, children, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
6709
7238
|
type LabelProps$1 = ComponentProps<'p'>;
|
|
@@ -6740,7 +7269,7 @@ type Props$6 = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;
|
|
|
6740
7269
|
declare const StatCardGrid: ({ className, columns, children, ...rest }: Props$6) => import("react/jsx-runtime").JSX.Element;
|
|
6741
7270
|
//#endregion
|
|
6742
7271
|
//#region src/blocks/ChartPanel/ChartPanel.d.ts
|
|
6743
|
-
type RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
7272
|
+
type RootProps$1 = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
6744
7273
|
/** Panel heading. */
|
|
6745
7274
|
title: ReactNode;
|
|
6746
7275
|
/** Optional supporting line under the title. */
|
|
@@ -6762,19 +7291,19 @@ type RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {
|
|
|
6762
7291
|
* **When NOT to use:** for a KPI number use `StatCard`; for a raw unframed chart drop the chart
|
|
6763
7292
|
* component directly. Charts follow the active brand's chart palette — never hardcode colours.
|
|
6764
7293
|
*/
|
|
6765
|
-
declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
7294
|
+
declare const ChartPanel: ({ title, description, titleAs, toolbar, footer, className, bordered, children, ...rest }: RootProps$1) => import("react/jsx-runtime").JSX.Element;
|
|
6766
7295
|
//#endregion
|
|
6767
7296
|
//#region src/blocks/Form/components/FormBody.d.ts
|
|
6768
|
-
type Props$
|
|
7297
|
+
type Props$19 = {
|
|
6769
7298
|
children: ReactNode;
|
|
6770
7299
|
} & Omit<ComponentProps<'form'>, 'onSubmit'>;
|
|
6771
|
-
declare const FormBody: ({ children, className, ...formProps }: Props$
|
|
7300
|
+
declare const FormBody: ({ children, className, ...formProps }: Props$19) => import("react/jsx-runtime").JSX.Element;
|
|
6772
7301
|
//#endregion
|
|
6773
7302
|
//#region src/blocks/Form/components/SubmitButton.d.ts
|
|
6774
|
-
type Props$
|
|
7303
|
+
type Props$18 = {
|
|
6775
7304
|
children?: ReactNode;
|
|
6776
7305
|
} & Omit<ComponentProps<typeof Button>, 'type' | 'isLoading' | 'disabled'>;
|
|
6777
|
-
declare const SubmitButton: ({ children, ...buttonProps }: Props$
|
|
7306
|
+
declare const SubmitButton: ({ children, ...buttonProps }: Props$18) => import("react/jsx-runtime").JSX.Element;
|
|
6778
7307
|
//#endregion
|
|
6779
7308
|
//#region src/blocks/Form/components/SubmitErrorAlert.d.ts
|
|
6780
7309
|
/**
|
|
@@ -6785,39 +7314,39 @@ declare const SubmitButton: ({ children, ...buttonProps }: Props$17) => import("
|
|
|
6785
7314
|
declare const SubmitErrorAlert: () => import("react/jsx-runtime").JSX.Element;
|
|
6786
7315
|
//#endregion
|
|
6787
7316
|
//#region src/blocks/Form/connectors/CheckboxField.d.ts
|
|
6788
|
-
type Props$
|
|
6789
|
-
declare const CheckboxField: ({ className, children, ...checkboxProps }: Props$
|
|
7317
|
+
type Props$17 = Pick<FieldItemProps, 'className'> & Omit<ComponentProps<typeof Checkbox>, 'id' | 'name' | 'checked' | 'onCheckedChange'>;
|
|
7318
|
+
declare const CheckboxField: ({ className, children, ...checkboxProps }: Props$17) => import("react/jsx-runtime").JSX.Element;
|
|
6790
7319
|
//#endregion
|
|
6791
7320
|
//#region src/blocks/Form/connectors/NumberField.d.ts
|
|
6792
|
-
type Props$
|
|
6793
|
-
declare const NumberField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$
|
|
7321
|
+
type Props$16 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.NumberInput>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
|
|
7322
|
+
declare const NumberField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$16) => import("react/jsx-runtime").JSX.Element;
|
|
6794
7323
|
//#endregion
|
|
6795
7324
|
//#region src/blocks/Form/connectors/OtpInputField.d.ts
|
|
6796
|
-
type Props$
|
|
6797
|
-
declare const OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, maxLength, ...otpProps }: Props$
|
|
7325
|
+
type Props$15 = FieldItemProps & Omit<RootProps$5, 'value' | 'onChange' | 'children' | 'id' | 'name' | 'aria-describedby' | 'aria-required' | 'aria-invalid'>;
|
|
7326
|
+
declare const OtpInputField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, maxLength, ...otpProps }: Props$15) => import("react/jsx-runtime").JSX.Element;
|
|
6798
7327
|
//#endregion
|
|
6799
7328
|
//#region src/blocks/Form/connectors/PasswordField.d.ts
|
|
6800
|
-
type Props$
|
|
6801
|
-
declare const PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$
|
|
7329
|
+
type Props$14 = FieldItemProps & Omit<ComponentProps<typeof PasswordInput>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
|
|
7330
|
+
declare const PasswordField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$14) => import("react/jsx-runtime").JSX.Element;
|
|
6802
7331
|
//#endregion
|
|
6803
7332
|
//#region src/blocks/Form/connectors/SelectField.d.ts
|
|
6804
|
-
type Props$
|
|
7333
|
+
type Props$13 = FieldItemProps & Omit<SelectProps, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'items'> & {
|
|
6805
7334
|
items: readonly (SelectItem | SelectItemGroup)[];
|
|
6806
7335
|
triggerClassName?: string;
|
|
6807
7336
|
};
|
|
6808
|
-
declare const SelectField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, triggerClassName, ...selectProps }: Props$
|
|
7337
|
+
declare const SelectField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, triggerClassName, ...selectProps }: Props$13) => import("react/jsx-runtime").JSX.Element;
|
|
6809
7338
|
//#endregion
|
|
6810
7339
|
//#region src/blocks/Form/connectors/SwitchField.d.ts
|
|
6811
|
-
type Props$
|
|
6812
|
-
declare const SwitchField: ({ className, children, ...switchProps }: Props$
|
|
7340
|
+
type Props$12 = Pick<FieldItemProps, 'className'> & Omit<ComponentProps<typeof Switch>, 'id' | 'name' | 'checked' | 'onCheckedChange'>;
|
|
7341
|
+
declare const SwitchField: ({ className, children, ...switchProps }: Props$12) => import("react/jsx-runtime").JSX.Element;
|
|
6813
7342
|
//#endregion
|
|
6814
7343
|
//#region src/blocks/Form/connectors/TextareaField.d.ts
|
|
6815
|
-
type Props$
|
|
6816
|
-
declare const TextareaField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$
|
|
7344
|
+
type Props$11 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.Textarea>, 'id' | 'name' | 'value' | 'onValueChange' | 'onBlur'>;
|
|
7345
|
+
declare const TextareaField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$11) => import("react/jsx-runtime").JSX.Element;
|
|
6817
7346
|
//#endregion
|
|
6818
7347
|
//#region src/blocks/Form/connectors/TextField.d.ts
|
|
6819
|
-
type Props$
|
|
6820
|
-
declare const TextField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$
|
|
7348
|
+
type Props$10 = FieldItemProps & Omit<ComponentProps<typeof FormGroup.TextInput>, 'id' | 'name' | 'value' | 'onChange' | 'onBlur'>;
|
|
7349
|
+
declare const TextField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, ...inputProps }: Props$10) => import("react/jsx-runtime").JSX.Element;
|
|
6821
7350
|
//#endregion
|
|
6822
7351
|
//#region src/blocks/Form/formHook.d.ts
|
|
6823
7352
|
/**
|
|
@@ -6959,6 +7488,29 @@ declare const cn: (...classes: ClassValue[]) => string;
|
|
|
6959
7488
|
//#region src/utils/copyToClipboard.d.ts
|
|
6960
7489
|
declare const copyToClipboard: (text: string) => Promise<void>;
|
|
6961
7490
|
//#endregion
|
|
7491
|
+
//#region src/utils/findLiteralMatches.d.ts
|
|
7492
|
+
/**
|
|
7493
|
+
* Whether `text` holds `query`, ignoring case.
|
|
7494
|
+
*
|
|
7495
|
+
* - For callers that only need the answer — it stops at the first occurrence and allocates no
|
|
7496
|
+
* offsets.
|
|
7497
|
+
*/
|
|
7498
|
+
declare const hasLiteralMatch: (text: string, query: string) => boolean;
|
|
7499
|
+
/**
|
|
7500
|
+
* Start offsets of every occurrence of `query` in `text`, ignoring case unless `isCaseSensitive`.
|
|
7501
|
+
*
|
|
7502
|
+
* - The scan is literal, so every character of the query stands for itself. A search query is
|
|
7503
|
+
* pasted code as often as it is a word, and tens of kilobytes of it exceed what V8 can compile
|
|
7504
|
+
* as a regular expression.
|
|
7505
|
+
* - Occurrences do not overlap.
|
|
7506
|
+
* - An empty query matches nothing.
|
|
7507
|
+
* - CodeMirror's own `SearchCursor` does this over a `Text`, but it would reach the root barrel
|
|
7508
|
+
* the whole CodeMirror bundle is kept out of, and three of the four callers hold plain strings.
|
|
7509
|
+
*/
|
|
7510
|
+
declare const findLiteralMatches: (text: string, query: string, { isCaseSensitive }?: {
|
|
7511
|
+
isCaseSensitive?: boolean;
|
|
7512
|
+
}) => number[];
|
|
7513
|
+
//#endregion
|
|
6962
7514
|
//#region src/utils/mergeRefs.d.ts
|
|
6963
7515
|
type PossibleRef<T> = MutableRefObject<T> | RefCallback<T> | null;
|
|
6964
7516
|
/**
|
|
@@ -6971,7 +7523,7 @@ declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => void;
|
|
|
6971
7523
|
declare const isMac: boolean;
|
|
6972
7524
|
//#endregion
|
|
6973
7525
|
//#region src/components/ZoomableSvg/ZoomableSvg.d.ts
|
|
6974
|
-
type Props$
|
|
7526
|
+
type Props$9 = {
|
|
6975
7527
|
/** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is
|
|
6976
7528
|
* safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */
|
|
6977
7529
|
html: string;
|
|
@@ -6996,7 +7548,7 @@ type Props$8 = {
|
|
|
6996
7548
|
*/
|
|
6997
7549
|
renderActions?: (safeSvg: string) => ReactNode;
|
|
6998
7550
|
};
|
|
6999
|
-
declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions }: Props$
|
|
7551
|
+
declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions }: Props$9) => import("react/jsx-runtime").JSX.Element;
|
|
7000
7552
|
//#endregion
|
|
7001
7553
|
//#region src/components/ZoomableSvg/exportSvg.d.ts
|
|
7002
7554
|
declare const toSvgFileContent: (svg: string) => string;
|
|
@@ -7050,5 +7602,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
|
|
|
7050
7602
|
/** WCAG level for normal-size text at a given ratio. */
|
|
7051
7603
|
declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
|
|
7052
7604
|
//#endregion
|
|
7053
|
-
export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, 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, DashboardHero, type RootProps$
|
|
7605
|
+
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, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, 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, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, type Props$1 as InlineStepDetailProps, InlineStepLabel, type Props$2 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$3 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$4 as QuestionBlockProps, type QuestionOption, type Props$5 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$6 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, 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$7 as ToolCallStatusHeaderProps, Tooltip, type Props$8 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, formatPercentage, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
|
|
7054
7606
|
//# sourceMappingURL=index.d.ts.map
|