@keboola/design 17.0.0 → 17.1.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/CHANGELOG.md +24 -0
- package/dist/{AIKit-CxKkvN0q.js → AIKit-DyysN1kS.js} +13 -13
- package/dist/AIKit-DyysN1kS.js.map +1 -0
- package/dist/{Alert-DziS8n1H.js → Alert-BQB-og_I.js} +2 -2
- package/dist/{Alert-DziS8n1H.js.map → Alert-BQB-og_I.js.map} +1 -1
- package/dist/{AlertModal-De04fFoy.js → AlertModal-BkmyEvsR.js} +2 -2
- package/dist/{AlertModal-De04fFoy.js.map → AlertModal-BkmyEvsR.js.map} +1 -1
- package/dist/{AppShell-BUa3U7-e.js → AppShell-CDbecT-t.js} +2 -2
- package/dist/{AppShell-BUa3U7-e.js.map → AppShell-CDbecT-t.js.map} +1 -1
- package/dist/{BrandEditor-hiLBX7az.js → BrandEditor-BHE6nsob.js} +6 -6
- package/dist/{BrandEditor-hiLBX7az.js.map → BrandEditor-BHE6nsob.js.map} +1 -1
- package/dist/{BrandLogo-Dn7hhp2c.js → BrandLogo-n4Qhi1tI.js} +2 -2
- package/dist/{BrandLogo-Dn7hhp2c.js.map → BrandLogo-n4Qhi1tI.js.map} +1 -1
- package/dist/{Breadcrumb-uGFEIjFF.js → Breadcrumb-BAwQTo0c.js} +3 -3
- package/dist/{Breadcrumb-uGFEIjFF.js.map → Breadcrumb-BAwQTo0c.js.map} +1 -1
- package/dist/{Button-DbvGzEDb.js → Button-BAMX1iuI.js} +2 -2
- package/dist/{Button-DbvGzEDb.js.map → Button-BAMX1iuI.js.map} +1 -1
- package/dist/{Checkbox-B2jLlyaO.js → Checkbox-CfjpwIcg.js} +2 -2
- package/dist/{Checkbox-B2jLlyaO.js.map → Checkbox-CfjpwIcg.js.map} +1 -1
- package/dist/{Clipboard-fAkDdpEu.js → Clipboard-BaU3cDi5.js} +7 -5
- package/dist/Clipboard-BaU3cDi5.js.map +1 -0
- package/dist/{ClipboardButton-71Ugbl8c.js → ClipboardButton-BWeaQEM2.js} +5 -4
- package/dist/ClipboardButton-BWeaQEM2.js.map +1 -0
- package/dist/{CodeEditor-D_b-ZCng.js → CodeEditor-BdTxkPD4.js} +4 -4
- package/dist/{CodeEditor-D_b-ZCng.js.map → CodeEditor-BdTxkPD4.js.map} +1 -1
- package/dist/{ColorInput-Cjr1jkvy.js → ColorInput-BoVdBxJ7.js} +3 -3
- package/dist/{ColorInput-Cjr1jkvy.js.map → ColorInput-BoVdBxJ7.js.map} +1 -1
- package/dist/{ColorModeSwitch-CuPYnJ2V.js → ColorModeSwitch-BDkdmHYl.js} +2 -2
- package/dist/{ColorModeSwitch-CuPYnJ2V.js.map → ColorModeSwitch-BDkdmHYl.js.map} +1 -1
- package/dist/{Combobox-DYjvYgl3.js → Combobox-RZ0i3w8u.js} +4 -4
- package/dist/{Combobox-DYjvYgl3.js.map → Combobox-RZ0i3w8u.js.map} +1 -1
- package/dist/{Command-BcTb6GsR.js → Command-D6XYzzJf.js} +2 -2
- package/dist/{Command-BcTb6GsR.js.map → Command-D6XYzzJf.js.map} +1 -1
- package/dist/{CopyField-CnwAvQz9.js → CopyField-9WBU8thS.js} +2 -2
- package/dist/{CopyField-CnwAvQz9.js.map → CopyField-9WBU8thS.js.map} +1 -1
- package/dist/{DateInput-DJNX7Vdx.js → DateInput-CCYG0AtT.js} +3 -3
- package/dist/{DateInput-DJNX7Vdx.js.map → DateInput-CCYG0AtT.js.map} +1 -1
- package/dist/{DateRangeInput-B3g8cyS0.js → DateRangeInput-CpZK1IFp.js} +3 -3
- package/dist/{DateRangeInput-B3g8cyS0.js.map → DateRangeInput-CpZK1IFp.js.map} +1 -1
- package/dist/{DateRangePicker-48yOB2qV.js → DateRangePicker-B2AUKX7u.js} +2 -2
- package/dist/{DateRangePicker-48yOB2qV.js.map → DateRangePicker-B2AUKX7u.js.map} +1 -1
- package/dist/{FieldItem-D7eCMfMB.js → FieldItem-eM7IHBt5.js} +3 -3
- package/dist/{FieldItem-D7eCMfMB.js.map → FieldItem-eM7IHBt5.js.map} +1 -1
- package/dist/{FileUpload-DskvxhAr.js → FileUpload-d-hNPfPV.js} +2 -2
- package/dist/{FileUpload-DskvxhAr.js.map → FileUpload-d-hNPfPV.js.map} +1 -1
- package/dist/{Form-BUNW7nlt.js → Form-B_9sNehB.js} +7 -7
- package/dist/{Form-BUNW7nlt.js.map → Form-B_9sNehB.js.map} +1 -1
- package/dist/{FormGroup-QJB21LKp.js → FormGroup-D7ahkK1q.js} +3 -3
- package/dist/{FormGroup-QJB21LKp.js.map → FormGroup-D7ahkK1q.js.map} +1 -1
- package/dist/{FullScreenModal-RzY5XxiG.js → FullScreenModal-CiRKNsls.js} +2 -2
- package/dist/{FullScreenModal-RzY5XxiG.js.map → FullScreenModal-CiRKNsls.js.map} +1 -1
- package/dist/{InlineEdit-CXL0ZslO.js → InlineEdit-BzOox46S.js} +4 -4
- package/dist/{InlineEdit-CXL0ZslO.js.map → InlineEdit-BzOox46S.js.map} +1 -1
- package/dist/{InputGroup-BWeanEo7.js → InputGroup-DnGP9-ZQ.js} +2 -2
- package/dist/{InputGroup-BWeanEo7.js.map → InputGroup-DnGP9-ZQ.js.map} +1 -1
- package/dist/{Kbd-BprYCICe.js → Kbd-6velz9J-.js} +2 -2
- package/dist/{Kbd-BprYCICe.js.map → Kbd-6velz9J-.js.map} +1 -1
- package/dist/{MermaidDiagram-E3azndPk.js → MermaidDiagram-l83gco3r.js} +2 -2
- package/dist/{MermaidDiagram-E3azndPk.js.map → MermaidDiagram-l83gco3r.js.map} +1 -1
- package/dist/{Modal-Cf_kPEBW.js → Modal-CLu6Eg5p.js} +2 -2
- package/dist/{Modal-Cf_kPEBW.js.map → Modal-CLu6Eg5p.js.map} +1 -1
- package/dist/{MultiActionButtonGroup-8WQwL4UQ.js → MultiActionButtonGroup-B3-wNw7w.js} +3 -3
- package/dist/{MultiActionButtonGroup-8WQwL4UQ.js.map → MultiActionButtonGroup-B3-wNw7w.js.map} +1 -1
- package/dist/{Navbar-CRjxVboE.js → Navbar-BEc-Pqo5.js} +2 -2
- package/dist/{Navbar-CRjxVboE.js.map → Navbar-BEc-Pqo5.js.map} +1 -1
- package/dist/{PageToolbar-By2HznxO.js → PageToolbar-NmiausP7.js} +2 -2
- package/dist/{PageToolbar-By2HznxO.js.map → PageToolbar-NmiausP7.js.map} +1 -1
- package/dist/{Pagination-DrXTrvfD.js → Pagination-DidOPSPB.js} +2 -2
- package/dist/{Pagination-DrXTrvfD.js.map → Pagination-DidOPSPB.js.map} +1 -1
- package/dist/{Popconfirm-BJuDOHdv.js → Popconfirm-C4ryoeGP.js} +2 -2
- package/dist/{Popconfirm-BJuDOHdv.js.map → Popconfirm-C4ryoeGP.js.map} +1 -1
- package/dist/{RadioGroup-B9oC8P15.js → RadioGroup-BIElT-nH.js} +2 -2
- package/dist/{RadioGroup-B9oC8P15.js.map → RadioGroup-BIElT-nH.js.map} +1 -1
- package/dist/{Search-OgaNjqQM.js → Search-xDWaQ2z3.js} +2 -2
- package/dist/{Search-OgaNjqQM.js.map → Search-xDWaQ2z3.js.map} +1 -1
- package/dist/{SearchInput-eLS-uvOn.js → SearchInput-BwlJ77mV.js} +3 -3
- package/dist/{SearchInput-eLS-uvOn.js.map → SearchInput-BwlJ77mV.js.map} +1 -1
- package/dist/{SectionNav-L81iJBo3.js → SectionNav-DV3Hwj-5.js} +14 -8
- package/dist/SectionNav-DV3Hwj-5.js.map +1 -0
- package/dist/{Select-DRdkdzBp.js → Select-C3Q_Xk_Z.js} +2 -2
- package/dist/{Select-DRdkdzBp.js.map → Select-C3Q_Xk_Z.js.map} +1 -1
- package/dist/{Sheet-DVb4XoJ5.js → Sheet-D7NnOyud.js} +2 -2
- package/dist/{Sheet-DVb4XoJ5.js.map → Sheet-D7NnOyud.js.map} +1 -1
- package/dist/{Sidebar-DYvodJWN.js → Sidebar-DaUDM8jm.js} +5 -5
- package/dist/{Sidebar-DYvodJWN.js.map → Sidebar-DaUDM8jm.js.map} +1 -1
- package/dist/{Slider-B9IskDxf.js → Slider-Cdl8FOvI.js} +3 -3
- package/dist/{Slider-B9IskDxf.js.map → Slider-Cdl8FOvI.js.map} +1 -1
- package/dist/{Table-BwgBm3hJ.js → Table-DtLrXt4i.js} +39 -7
- package/dist/Table-DtLrXt4i.js.map +1 -0
- package/dist/{Tabs-DmJB4l_N.js → Tabs-DUOUQKh7.js} +2 -2
- package/dist/{Tabs-DmJB4l_N.js.map → Tabs-DUOUQKh7.js.map} +1 -1
- package/dist/{TextInput--1CfZybC.js → TextInput-BAL-zOAN.js} +3 -3
- package/dist/{TextInput--1CfZybC.js.map → TextInput-BAL-zOAN.js.map} +1 -1
- package/dist/{ThemeProvider-BCHllN7d.js → ThemeProvider-MzVbTDBj.js} +2 -2
- package/dist/{ThemeProvider-BCHllN7d.js.map → ThemeProvider-MzVbTDBj.js.map} +1 -1
- package/dist/{ToggleAllTooltip-BFmA6TXf.js → ToggleAllTooltip-DQE5Lw6w.js} +2 -2
- package/dist/{ToggleAllTooltip-BFmA6TXf.js.map → ToggleAllTooltip-DQE5Lw6w.js.map} +1 -1
- package/dist/{ZoomableSvg-BRPGgaWJ.js → ZoomableSvg-CIOqAYpd.js} +4 -4
- package/dist/{ZoomableSvg-BRPGgaWJ.js.map → ZoomableSvg-CIOqAYpd.js.map} +1 -1
- package/dist/editors.js +3 -3
- package/dist/flint.js +1 -1
- package/dist/index.d.ts +408 -352
- package/dist/index.js +51 -49
- package/dist/internal/blocks/AIKit.js +1 -1
- package/dist/internal/blocks/AppShell.js +1 -1
- package/dist/internal/blocks/AuthLayout.js +1 -1
- package/dist/internal/blocks/BrandEditor.js +1 -1
- package/dist/internal/blocks/BulkActionsBar.js +55 -0
- package/dist/internal/blocks/BulkActionsBar.js.map +1 -0
- package/dist/internal/blocks/ChipEditor.js +2 -2
- 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/ExportMenu.js +2 -2
- package/dist/internal/blocks/Form/connectors/ComboboxField.js +2 -2
- package/dist/internal/blocks/Form/connectors/MultiComboboxField.js +1 -1
- package/dist/internal/blocks/Form.js +2 -2
- package/dist/internal/blocks/FormGroup.js +1 -1
- package/dist/internal/blocks/InlineEdit.js +1 -1
- package/dist/internal/blocks/MultiActionButtonGroup.js +1 -1
- package/dist/internal/blocks/MultiCombobox.js +3 -3
- package/dist/internal/blocks/NumberInput.js +1 -1
- package/dist/internal/blocks/PageSection.js +31 -0
- package/dist/internal/blocks/PageSection.js.map +1 -0
- 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 +1 -1
- package/dist/internal/blocks/TextInput.js +1 -1
- package/dist/internal/blocks/Textarea.js +1 -1
- package/dist/internal/blocks/TimeInput.js +2 -2
- 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/BrandLogo.js +1 -1
- package/dist/internal/components/Breadcrumb.js +1 -1
- package/dist/internal/components/Button.js +1 -1
- package/dist/internal/components/Checkbox.js +1 -1
- package/dist/internal/components/Clipboard.js +1 -1
- package/dist/internal/components/CollapsiblePanel.js +1 -1
- package/dist/internal/components/Combobox.js +1 -1
- package/dist/internal/components/DateRangePicker.js +1 -1
- package/dist/internal/components/FileUpload.js +1 -1
- package/dist/internal/components/FullScreenModal.js +1 -1
- package/dist/internal/components/InputGroup.js +1 -1
- package/dist/internal/components/Kbd.js +1 -1
- package/dist/internal/components/Modal.js +1 -1
- package/dist/internal/components/Navbar.js +1 -1
- package/dist/internal/components/Pagination.js +1 -1
- package/dist/internal/components/Popconfirm.js +1 -1
- package/dist/internal/components/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/Table.js +1 -1
- package/dist/internal/components/Tabs.js +1 -1
- package/dist/internal/components/ThemeProvider.js +1 -1
- package/dist/internal/components/Tooltip.js +1 -1
- package/dist/internal/components/Truncated.js +1 -1
- package/dist/internal/components/ZoomableSvg.js +1 -1
- package/dist/internal/utils.js +1 -1
- package/dist/markdown-editor.js +6 -6
- package/dist/mermaid.js +1 -1
- package/dist/rjsf.js +11 -11
- package/dist/styles.css +1 -1
- package/dist/testing.js +1 -1
- package/dist/{utils-DjFceY3H.js → utils-BxEJOnFD.js} +2 -2
- package/dist/{utils-DjFceY3H.js.map → utils-BxEJOnFD.js.map} +1 -1
- package/package.json +1 -1
- package/src/styles.css +11 -1
- package/dist/AIKit-CxKkvN0q.js.map +0 -1
- package/dist/Clipboard-fAkDdpEu.js.map +0 -1
- package/dist/ClipboardButton-71Ugbl8c.js.map +0 -1
- package/dist/SectionNav-L81iJBo3.js.map +0 -1
- package/dist/Table-BwgBm3hJ.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -42,7 +42,7 @@ declare const buttonVariants: (props?: ({
|
|
|
42
42
|
size?: "icon" | "icon-2xs" | "icon-3xs" | "icon-lg" | "icon-sm" | "icon-xs" | "large" | "medium" | "small" | null | undefined;
|
|
43
43
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
44
44
|
/** Props for `Button`; icons are composed as children. */
|
|
45
|
-
type Props$
|
|
45
|
+
type Props$283 = {
|
|
46
46
|
/** Shows a spinner in place of the leading icon, or before the label when there is none. The caller still controls `disabled`. */
|
|
47
47
|
isLoading?: boolean;
|
|
48
48
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
@@ -58,25 +58,25 @@ type Props$280 = {
|
|
|
58
58
|
*
|
|
59
59
|
* @see RECIPES.md#confirm-dialog
|
|
60
60
|
*/
|
|
61
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, disabledReason, ...buttonProps }: Props$
|
|
61
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, disabledReason, ...buttonProps }: Props$283) => import("react").JSX.Element;
|
|
62
62
|
declare const buttonInlineVariants: (props?: ({
|
|
63
63
|
color?: "custom" | "danger" | "dark" | "link" | "muted" | null | undefined;
|
|
64
64
|
variant?: "custom" | "link" | "link-reverse" | null | undefined;
|
|
65
65
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
66
|
-
type Props$
|
|
66
|
+
type Props$282 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
67
67
|
asChild?: boolean;
|
|
68
68
|
};
|
|
69
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
69
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$282) => import("react").JSX.Element;
|
|
70
70
|
declare const buttonGroupVariant: (props?: ({
|
|
71
71
|
variant?: "block" | "inline" | null | undefined;
|
|
72
72
|
space?: "compact" | "extra-small" | "large" | "little-small" | "medium" | "small" | null | undefined;
|
|
73
73
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
74
|
-
type Props$
|
|
74
|
+
type Props$281 = {
|
|
75
75
|
children: ReactNode;
|
|
76
76
|
className?: string;
|
|
77
77
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
78
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
79
|
-
type Props$
|
|
78
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$281) => import("react").JSX.Element;
|
|
79
|
+
type Props$280 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
80
80
|
/**
|
|
81
81
|
* Stops the closing item stealing focus from the modal it opens (breaks `autoFocus`).
|
|
82
82
|
* https://github.com/radix-ui/primitives/issues/2193#issuecomment-2758461323
|
|
@@ -87,8 +87,8 @@ type Props$277 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
|
87
87
|
isLoading?: boolean;
|
|
88
88
|
iconClassName?: string;
|
|
89
89
|
};
|
|
90
|
-
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$
|
|
91
|
-
type Props$
|
|
90
|
+
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$280) => import("react").JSX.Element;
|
|
91
|
+
type Props$279 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
92
92
|
closeOnSelect?: boolean;
|
|
93
93
|
indicator?: 'switch' | 'checkbox' | 'check';
|
|
94
94
|
indicatorAlign?: 'start' | 'end';
|
|
@@ -96,28 +96,28 @@ type Props$276 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
|
96
96
|
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so mixed menus line up. */
|
|
97
97
|
icon?: ReactNode;
|
|
98
98
|
};
|
|
99
|
-
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$
|
|
100
|
-
type Props$
|
|
99
|
+
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$279) => import("react").JSX.Element;
|
|
100
|
+
type Props$278 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
|
|
101
101
|
forceMount?: boolean;
|
|
102
102
|
/** Classes for the inner scroll area, not the popup. Set a width, not a `max-width` (clips rows). */
|
|
103
103
|
className?: string;
|
|
104
104
|
viewPortClassName?: string;
|
|
105
105
|
container?: HTMLElement | null;
|
|
106
106
|
};
|
|
107
|
-
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$
|
|
108
|
-
type Props$
|
|
107
|
+
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$278) => import("react").JSX.Element;
|
|
108
|
+
type Props$277 = ComponentProps<'span'> & {
|
|
109
109
|
hideOnHover?: boolean;
|
|
110
110
|
};
|
|
111
|
-
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$
|
|
112
|
-
type Props$
|
|
113
|
-
declare const DropdownMenuLabel: ({ className, ...props }: Props$
|
|
114
|
-
type Props$
|
|
111
|
+
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$277) => import("react").JSX.Element;
|
|
112
|
+
type Props$276 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
|
|
113
|
+
declare const DropdownMenuLabel: ({ className, ...props }: Props$276) => import("react").JSX.Element;
|
|
114
|
+
type Props$275<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
|
|
115
115
|
value?: Value;
|
|
116
116
|
defaultValue?: Value;
|
|
117
117
|
onValueChange?: (value: Value) => void;
|
|
118
118
|
};
|
|
119
|
-
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$
|
|
120
|
-
type Props$
|
|
119
|
+
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$275<Value>) => import("react").JSX.Element;
|
|
120
|
+
type Props$274 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
121
121
|
closeOnSelect?: boolean;
|
|
122
122
|
indicatorAlign?: 'start' | 'end';
|
|
123
123
|
indicator?: 'radio' | 'check' | 'none';
|
|
@@ -125,21 +125,21 @@ type Props$271 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
|
125
125
|
iconClassName?: string;
|
|
126
126
|
isLoading?: boolean;
|
|
127
127
|
};
|
|
128
|
-
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$
|
|
129
|
-
type Props$
|
|
130
|
-
declare const DropdownMenuSeparator: ({ className, ...props }: Props$
|
|
128
|
+
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$274) => import("react").JSX.Element;
|
|
129
|
+
type Props$273 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
130
|
+
declare const DropdownMenuSeparator: ({ className, ...props }: Props$273) => import("react").JSX.Element;
|
|
131
131
|
declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
132
|
-
type Props$
|
|
133
|
-
declare const DropdownMenuSubContent: ({ className, ...props }: Props$
|
|
134
|
-
type Props$
|
|
132
|
+
type Props$272 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
|
|
133
|
+
declare const DropdownMenuSubContent: ({ className, ...props }: Props$272) => import("react").JSX.Element;
|
|
134
|
+
type Props$271 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
135
135
|
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so the trigger lines up with items. */
|
|
136
136
|
icon?: ReactNode;
|
|
137
137
|
};
|
|
138
|
-
declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$
|
|
139
|
-
type Props$
|
|
140
|
-
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$
|
|
141
|
-
type Props$
|
|
142
|
-
declare function DropdownMenu({ modal, ...props }: Props$
|
|
138
|
+
declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$271) => import("react").JSX.Element;
|
|
139
|
+
type Props$270 = ComponentProps<typeof Trigger$2>;
|
|
140
|
+
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$270) => import("react").JSX.Element;
|
|
141
|
+
type Props$269 = ComponentProps<typeof Root$2>;
|
|
142
|
+
declare function DropdownMenu({ modal, ...props }: Props$269): import("react").JSX.Element;
|
|
143
143
|
declare namespace DropdownMenu {
|
|
144
144
|
export { DropdownMenuTrigger as Trigger };
|
|
145
145
|
export { DropdownMenuContent as Content };
|
|
@@ -158,7 +158,7 @@ declare namespace DropdownMenu {
|
|
|
158
158
|
type Variant$8 = ComponentProps<typeof Button>['variant'];
|
|
159
159
|
type Size$1 = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
160
160
|
type SpitButtonSize = Exclude<Size$1, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
161
|
-
type Props$
|
|
161
|
+
type Props$268 = {
|
|
162
162
|
actions?: ReactNode;
|
|
163
163
|
isActionsOpen?: boolean;
|
|
164
164
|
onActionsOpenChange?: (open: boolean) => void;
|
|
@@ -169,7 +169,7 @@ type Props$265 = {
|
|
|
169
169
|
variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
|
|
170
170
|
size?: SpitButtonSize;
|
|
171
171
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
172
|
-
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$
|
|
172
|
+
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$268) => import("react").JSX.Element;
|
|
173
173
|
declare const SplitButton: typeof SplitButtonBase & {
|
|
174
174
|
Action: typeof DropdownMenuItem;
|
|
175
175
|
Actions: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -177,21 +177,21 @@ declare const SplitButton: typeof SplitButtonBase & {
|
|
|
177
177
|
declare const tooltipVariants: (props?: ({
|
|
178
178
|
variant?: "action" | "explanatory" | null | undefined;
|
|
179
179
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
180
|
-
type Props$
|
|
180
|
+
type Props$267 = {
|
|
181
181
|
keepOpenOnPointerDownOutside?: boolean;
|
|
182
182
|
placement?: ComponentProps<typeof Content>['side'];
|
|
183
183
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
184
|
-
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$
|
|
185
|
-
type Props$
|
|
186
|
-
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$
|
|
184
|
+
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$267) => import("react").JSX.Element;
|
|
185
|
+
type Props$266 = ComponentProps<typeof Root$1>;
|
|
186
|
+
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$266) => import("react").JSX.Element;
|
|
187
187
|
/**
|
|
188
188
|
* Small uppercase heading above a rich tooltip's body copy, in the tooltip's text colour.
|
|
189
189
|
*/
|
|
190
190
|
declare const TooltipTitle: ({ className, ...rest }: ComponentProps<'div'>) => import("react").JSX.Element;
|
|
191
|
-
type Props$
|
|
191
|
+
type Props$265 = {
|
|
192
192
|
keepOpenOnClick?: boolean;
|
|
193
193
|
} & ComponentProps<typeof Trigger$1>;
|
|
194
|
-
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$
|
|
194
|
+
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$265) => import("react").JSX.Element;
|
|
195
195
|
declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-muted-foreground/50 tw:underline-offset-2";
|
|
196
196
|
type TriggerProps$1 = {
|
|
197
197
|
triggerAsChild?: boolean;
|
|
@@ -222,7 +222,7 @@ declare namespace Tooltip {
|
|
|
222
222
|
export { TooltipTrigger as Trigger };
|
|
223
223
|
export { TooltipTitle as Title };
|
|
224
224
|
}
|
|
225
|
-
type Props$
|
|
225
|
+
type Props$264 = {
|
|
226
226
|
disabled?: boolean;
|
|
227
227
|
icon: ReactNode;
|
|
228
228
|
isLoading?: boolean;
|
|
@@ -232,11 +232,11 @@ type Props$261 = {
|
|
|
232
232
|
tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];
|
|
233
233
|
'data-testid'?: string;
|
|
234
234
|
};
|
|
235
|
-
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$
|
|
236
|
-
type Props$
|
|
235
|
+
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$264) => import("react").JSX.Element;
|
|
236
|
+
type Props$263 = {
|
|
237
237
|
className?: string;
|
|
238
238
|
} & PropsWithChildren;
|
|
239
|
-
declare function MultiActionButtonGroup({ children, className }: Props$
|
|
239
|
+
declare function MultiActionButtonGroup({ children, className }: Props$263): import("react").JSX.Element;
|
|
240
240
|
declare namespace MultiActionButtonGroup {
|
|
241
241
|
export { MultiActionButton as Button };
|
|
242
242
|
}
|
|
@@ -246,12 +246,12 @@ declare const toggleVariants: (props?: ({
|
|
|
246
246
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
247
247
|
iconOnly?: boolean | null | undefined;
|
|
248
248
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
249
|
-
type Props$
|
|
249
|
+
type Props$262 = {
|
|
250
250
|
icon?: ReactNode;
|
|
251
251
|
badge?: ReactNode;
|
|
252
252
|
orientation?: 'horizontal' | 'vertical';
|
|
253
253
|
} & ComponentProps<typeof Root$3> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
|
|
254
|
-
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$
|
|
254
|
+
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$262) => import("react").JSX.Element;
|
|
255
255
|
declare const rootVariants: (props?: ({
|
|
256
256
|
size?: "large" | "medium" | "small" | null | undefined;
|
|
257
257
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -267,32 +267,34 @@ declare const ToggleGroup: typeof Root$20 & {
|
|
|
267
267
|
/** Individual segment inside a `ToggleGroup`. `value` is required and must be unique within the group. */
|
|
268
268
|
Item: typeof Item$1;
|
|
269
269
|
};
|
|
270
|
-
type Props$
|
|
270
|
+
type Props$261 = {
|
|
271
271
|
tooltip?: Props$10['tooltip'];
|
|
272
272
|
tooltipPlacement?: Props$10['placement'];
|
|
273
273
|
tooltipVariant?: Props$10['variant'];
|
|
274
274
|
asChild?: Props$10['triggerAsChild'];
|
|
275
275
|
text?: string | (() => string);
|
|
276
|
+
/** Called once per copy attempt, after it settles, with whether it succeeded; not when no copy ran. */
|
|
277
|
+
onCopied?: (copied: boolean) => void;
|
|
276
278
|
} & ComponentProps<'button'>;
|
|
277
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
278
|
-
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
279
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, onCopied, className, ...restButtonProps }: Props$261) => import("react").JSX.Element;
|
|
280
|
+
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant' | 'onCopied'>;
|
|
279
281
|
type ButtonProps$4 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
280
|
-
type Props$
|
|
282
|
+
type Props$260 = ClipboardProps$1 & ButtonProps$4 & {
|
|
281
283
|
icon?: ReactNode;
|
|
282
284
|
};
|
|
283
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
285
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, onCopied, icon, variant, children, ...rest }: Props$260) => import("react").JSX.Element;
|
|
284
286
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
285
287
|
type ButtonProps$3 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
286
|
-
type Props$
|
|
288
|
+
type Props$259 = {
|
|
287
289
|
hideIcon?: boolean;
|
|
288
290
|
} & ClipboardProps & ButtonProps$3;
|
|
289
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
291
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$259) => import("react").JSX.Element;
|
|
290
292
|
type ExportMenuItem = {
|
|
291
293
|
/** Menu label, e.g. "Download as CSV". */
|
|
292
294
|
label: string;
|
|
293
295
|
onSelect: () => void;
|
|
294
296
|
};
|
|
295
|
-
type Props$
|
|
297
|
+
type Props$258 = {
|
|
296
298
|
items: ExportMenuItem[];
|
|
297
299
|
/** Accessible name + tooltip for the trigger, e.g. "Export table". */
|
|
298
300
|
label: string;
|
|
@@ -306,7 +308,7 @@ type Props$255 = {
|
|
|
306
308
|
* - Callers inject it into `ZoomableSvg`; importing it there would pull ~11 kB of
|
|
307
309
|
* `DropdownMenu` chunk-mates behind the lazy `@keboola/design/mermaid` boundary.
|
|
308
310
|
*/
|
|
309
|
-
declare const ExportMenu: ({ items, label, size, variant }: Props$
|
|
311
|
+
declare const ExportMenu: ({ items, label, size, variant }: Props$258) => import("react").JSX.Element;
|
|
310
312
|
type CopyBoxProps = {
|
|
311
313
|
/** Additional CSS classes on the box. */
|
|
312
314
|
className?: string;
|
|
@@ -445,17 +447,17 @@ declare const LABELS$2: {
|
|
|
445
447
|
readonly signup: 'Sign up with Microsoft';
|
|
446
448
|
readonly continue: 'Continue with Microsoft';
|
|
447
449
|
};
|
|
448
|
-
type Props$
|
|
450
|
+
type Props$257 = ComponentPropsWithRef<'button'> & {
|
|
449
451
|
label?: keyof typeof LABELS$2;
|
|
450
452
|
isLoading?: boolean;
|
|
451
453
|
};
|
|
452
|
-
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
454
|
+
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$257) => import("react").JSX.Element;
|
|
453
455
|
/** The call-to-action wordings Meta's Facebook Login guidelines prefer. */
|
|
454
456
|
declare const LABELS$1: {
|
|
455
457
|
readonly login: 'Log in with Facebook';
|
|
456
458
|
readonly continue: 'Continue with Facebook';
|
|
457
459
|
};
|
|
458
|
-
type Props$
|
|
460
|
+
type Props$256 = ComponentPropsWithRef<'button'> & {
|
|
459
461
|
label?: keyof typeof LABELS$1;
|
|
460
462
|
isLoading?: boolean;
|
|
461
463
|
};
|
|
@@ -464,7 +466,7 @@ type Props$253 = ComponentPropsWithRef<'button'> & {
|
|
|
464
466
|
*
|
|
465
467
|
* - The fill is the logo pack's Facebook Blue; the mark is the secondary logo (white disc).
|
|
466
468
|
*/
|
|
467
|
-
declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
469
|
+
declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$256) => import("react").JSX.Element;
|
|
468
470
|
declare const LABELS: {
|
|
469
471
|
readonly signin: 'Sign in with Google';
|
|
470
472
|
readonly signup: 'Sign up with Google';
|
|
@@ -476,19 +478,19 @@ declare const variants$6: (props?: ({
|
|
|
476
478
|
shape?: "circle" | "rectangular" | null | undefined;
|
|
477
479
|
size?: "default" | "icon" | null | undefined;
|
|
478
480
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
479
|
-
type Props$
|
|
481
|
+
type Props$255 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
|
|
480
482
|
label?: keyof typeof LABELS;
|
|
481
483
|
isLoading?: boolean;
|
|
482
484
|
};
|
|
483
|
-
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
484
|
-
type Props$
|
|
485
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
485
|
+
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$255) => import("react").JSX.Element;
|
|
486
|
+
type Props$254 = ComponentProps<'a'>;
|
|
487
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$254) => import("react").JSX.Element;
|
|
486
488
|
/**
|
|
487
489
|
* AlertModal status variants. Mirrors `Alert`'s set but exposes `danger` (not `error`) since an
|
|
488
490
|
* alert dialog frames a destructive action; it still maps to the red `error-*` color scale.
|
|
489
491
|
*/
|
|
490
492
|
type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
491
|
-
type Props$
|
|
493
|
+
type Props$253 = {
|
|
492
494
|
variant?: AlertModalVariant;
|
|
493
495
|
/** `false` draws no icon at all, and gives the title and body its column. */
|
|
494
496
|
icon?: ReactNode | false;
|
|
@@ -499,47 +501,47 @@ type Props$250 = {
|
|
|
499
501
|
confirmDisabled?: boolean;
|
|
500
502
|
container?: ComponentProps<typeof Portal$1>['container'];
|
|
501
503
|
} & Omit<ComponentProps<typeof Content$1>, 'title'>;
|
|
502
|
-
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$
|
|
503
|
-
type Props$
|
|
504
|
-
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$
|
|
504
|
+
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$253) => import("react").JSX.Element;
|
|
505
|
+
type Props$252 = ComponentPropsWithRef<typeof Trigger$3>;
|
|
506
|
+
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$252) => import("react").JSX.Element;
|
|
505
507
|
type ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
|
|
506
508
|
type CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;
|
|
507
|
-
type Props$
|
|
509
|
+
type Props$251 = {
|
|
508
510
|
onConfirm?: ConfirmHandler;
|
|
509
511
|
onCancel?: CancelHandler;
|
|
510
512
|
skipAsyncWait?: boolean;
|
|
511
513
|
/** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
|
|
512
514
|
isLoading?: boolean;
|
|
513
515
|
} & ComponentProps<typeof Root$4>;
|
|
514
|
-
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$
|
|
516
|
+
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$251): import("react").JSX.Element;
|
|
515
517
|
declare namespace AlertModal {
|
|
516
518
|
export { AlertModalTrigger as Trigger };
|
|
517
519
|
export { AlertModalContent as Content };
|
|
518
520
|
}
|
|
519
521
|
/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as="form"` is reserved for future use. */
|
|
520
|
-
type Props$
|
|
522
|
+
type Props$250 = ComponentProps<'div'> & {
|
|
521
523
|
as?: 'form';
|
|
522
524
|
};
|
|
523
525
|
/**
|
|
524
526
|
* Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.
|
|
525
527
|
* Takes available height inside `Modal.Content` and scrolls when content overflows.
|
|
526
528
|
*/
|
|
527
|
-
declare const ModalBody: ({ className, ...props }: Props$
|
|
528
|
-
type Props$
|
|
529
|
+
declare const ModalBody: ({ className, ...props }: Props$250) => import("react").JSX.Element;
|
|
530
|
+
type Props$249 = ComponentProps<typeof Content$2> & {
|
|
529
531
|
size?: 'small' | 'medium' | 'large';
|
|
530
532
|
/** `top` keeps a form that changes height in place; ignored by the legacy brand (always top-anchored). */
|
|
531
533
|
align?: 'center' | 'top';
|
|
532
534
|
};
|
|
533
|
-
declare const ModalContent: ({ size, align, className, children, onEscapeKeyDown, ...props }: Props$
|
|
534
|
-
type Props$
|
|
535
|
+
declare const ModalContent: ({ size, align, className, children, onEscapeKeyDown, ...props }: Props$249) => import("react").JSX.Element;
|
|
536
|
+
type Props$248 = ComponentPropsWithRef<'div'>;
|
|
535
537
|
/**
|
|
536
538
|
* The modal's action row.
|
|
537
539
|
*
|
|
538
540
|
* - A child that should fill the row carries `tw:w-full` itself; the footer is already full width.
|
|
539
541
|
* - tailwind-merge replaces only within a group: `tw:flex-col` keeps `items-center`, so add `tw:items-stretch`.
|
|
540
542
|
*/
|
|
541
|
-
declare const ModalFooter: ({ className, ...props }: Props$
|
|
542
|
-
type Props$
|
|
543
|
+
declare const ModalFooter: ({ className, ...props }: Props$248) => import("react").JSX.Element;
|
|
544
|
+
type Props$247 = {
|
|
543
545
|
/** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */
|
|
544
546
|
icon?: ReactNode;
|
|
545
547
|
/** Visible subtitle below the title (also fills `aria-describedby`). */
|
|
@@ -552,9 +554,9 @@ type Props$244 = {
|
|
|
552
554
|
hideCloseIcon?: boolean;
|
|
553
555
|
} & ComponentProps<'div'>;
|
|
554
556
|
/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */
|
|
555
|
-
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$
|
|
557
|
+
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$247) => import("react").JSX.Element;
|
|
556
558
|
type NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';
|
|
557
|
-
type Props$
|
|
559
|
+
type Props$246 = {
|
|
558
560
|
color: NamedColor | (string & {});
|
|
559
561
|
icon: ReactNode;
|
|
560
562
|
};
|
|
@@ -564,19 +566,19 @@ type Props$243 = {
|
|
|
564
566
|
* - Soft-tinted inline badge in the header grid's first column, next to the title.
|
|
565
567
|
* - `color` is categorical (`red` destructive … `violet` agent), fixed across brand themes.
|
|
566
568
|
*/
|
|
567
|
-
declare const ModalIcon: ({ color, icon }: Props$
|
|
568
|
-
type Props$
|
|
569
|
+
declare const ModalIcon: ({ color, icon }: Props$246) => import("react").JSX.Element;
|
|
570
|
+
type Props$245 = {
|
|
569
571
|
src: string;
|
|
570
572
|
/** Accessible alt text. Defaults to `""` (decorative) — provide it when the image carries meaning. */
|
|
571
573
|
alt?: string;
|
|
572
574
|
};
|
|
573
|
-
declare const ModalImage: ({ src, alt }: Props$
|
|
574
|
-
type Props$
|
|
575
|
+
declare const ModalImage: ({ src, alt }: Props$245) => import("react").JSX.Element | null;
|
|
576
|
+
type Props$244 = ComponentProps<typeof Overlay$1> & {
|
|
575
577
|
disableTransition?: boolean;
|
|
576
578
|
};
|
|
577
|
-
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$
|
|
578
|
-
type Props$
|
|
579
|
-
declare function Modal(props: Props$
|
|
579
|
+
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$244) => import("react").JSX.Element;
|
|
580
|
+
type Props$243 = ComponentProps<typeof Root$5>;
|
|
581
|
+
declare function Modal(props: Props$243): import("react").JSX.Element;
|
|
580
582
|
declare namespace Modal {
|
|
581
583
|
export { Close };
|
|
582
584
|
export { Trigger$4 as Trigger };
|
|
@@ -588,11 +590,11 @@ declare namespace Modal {
|
|
|
588
590
|
export { ModalHeader as Header };
|
|
589
591
|
export { ModalOverlay as Overlay };
|
|
590
592
|
}
|
|
591
|
-
type Props$
|
|
592
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
593
|
+
type Props$242 = HTMLAttributes<HTMLDivElement>;
|
|
594
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$242 & {
|
|
593
595
|
ref?: Ref<HTMLDivElement>;
|
|
594
596
|
}) => import("react").JSX.Element;
|
|
595
|
-
type Props$
|
|
597
|
+
type Props$241 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
596
598
|
title: ReactNode;
|
|
597
599
|
titleClassName?: string;
|
|
598
600
|
titleWrapperClassName?: string;
|
|
@@ -601,45 +603,45 @@ type Props$238 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
601
603
|
onClose?: () => void;
|
|
602
604
|
showPreviousTitle?: boolean;
|
|
603
605
|
}>;
|
|
604
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
605
|
-
type Props$
|
|
606
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$241) => import("react").JSX.Element;
|
|
607
|
+
type Props$240 = HTMLAttributes<HTMLDivElement> & {
|
|
606
608
|
children: ReactNode;
|
|
607
609
|
/** Lock body scroll when modal is open. Default: true */
|
|
608
610
|
lockBodyScroll?: boolean;
|
|
609
611
|
/** Callback when ESC key is pressed */
|
|
610
612
|
onEscapeKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
611
613
|
};
|
|
612
|
-
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$
|
|
614
|
+
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$240) => import("react").ReactPortal;
|
|
613
615
|
declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
614
616
|
Header: typeof FullScreenModalHeader;
|
|
615
617
|
Body: typeof FullScreenModalBody;
|
|
616
618
|
};
|
|
617
|
-
type Props$
|
|
618
|
-
declare const SheetBody: ({ className, ...rest }: Props$
|
|
619
|
+
type Props$239 = ComponentProps<'div'>;
|
|
620
|
+
declare const SheetBody: ({ className, ...rest }: Props$239) => import("react").JSX.Element;
|
|
619
621
|
declare const sheetContentVariants: (props?: ({
|
|
620
622
|
disableTransition?: boolean | null | undefined;
|
|
621
623
|
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
622
624
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
623
|
-
type Props$
|
|
625
|
+
type Props$238 = ComponentProps<typeof Content$2> & {
|
|
624
626
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
625
627
|
hideOverlay?: boolean;
|
|
626
628
|
keepOpenOnPointerDownOutside?: boolean;
|
|
627
629
|
} & VariantProps<typeof sheetContentVariants> & Pick<ComponentProps<typeof Portal$2>, 'container'>;
|
|
628
|
-
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$
|
|
629
|
-
type Props$
|
|
630
|
-
declare const SheetFooter: ({ className, ...props }: Props$
|
|
631
|
-
type Props$
|
|
630
|
+
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$238) => import("react").JSX.Element;
|
|
631
|
+
type Props$237 = ComponentProps<'div'>;
|
|
632
|
+
declare const SheetFooter: ({ className, ...props }: Props$237) => import("react").JSX.Element;
|
|
633
|
+
type Props$236 = {
|
|
632
634
|
title?: ReactNode;
|
|
633
635
|
description?: ReactNode;
|
|
634
636
|
hideCloseIcon?: boolean;
|
|
635
637
|
} & ComponentProps<'div'>;
|
|
636
|
-
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$
|
|
637
|
-
type Props$
|
|
638
|
+
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$236) => import("react").JSX.Element;
|
|
639
|
+
type Props$235 = ComponentProps<typeof Title$1> & {
|
|
638
640
|
visuallyHidden?: boolean;
|
|
639
641
|
};
|
|
640
|
-
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$
|
|
641
|
-
type Props$
|
|
642
|
-
declare function Sheet(props: Props$
|
|
642
|
+
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$235) => import("react").JSX.Element;
|
|
643
|
+
type Props$234 = ComponentProps<typeof Root$5>;
|
|
644
|
+
declare function Sheet(props: Props$234): import("react").JSX.Element;
|
|
643
645
|
declare namespace Sheet {
|
|
644
646
|
export { Close };
|
|
645
647
|
export { Trigger$4 as Trigger };
|
|
@@ -652,15 +654,15 @@ declare namespace Sheet {
|
|
|
652
654
|
declare const variants$5: (props?: ({
|
|
653
655
|
matchTriggerWidth?: boolean | null | undefined;
|
|
654
656
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
655
|
-
type Props$
|
|
657
|
+
type Props$233 = ComponentProps<typeof Content$3> & VariantProps<typeof variants$5> & {
|
|
656
658
|
/**
|
|
657
659
|
* Portal target, default `document.body`; pass a theme-scoped host so the panel takes its theme.
|
|
658
660
|
*/
|
|
659
661
|
container?: ComponentProps<typeof Portal$3>['container'];
|
|
660
662
|
};
|
|
661
|
-
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$
|
|
662
|
-
type Props$
|
|
663
|
-
declare function Popover(props: Props$
|
|
663
|
+
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$233) => import("react").JSX.Element;
|
|
664
|
+
type Props$232 = ComponentProps<typeof Root$6>;
|
|
665
|
+
declare function Popover(props: Props$232): import("react").JSX.Element;
|
|
664
666
|
declare namespace Popover {
|
|
665
667
|
export { PopoverContent as Content };
|
|
666
668
|
export { Trigger$5 as Trigger };
|
|
@@ -674,14 +676,14 @@ type PopconfirmContextType = {
|
|
|
674
676
|
enabled: boolean;
|
|
675
677
|
isLoading: boolean;
|
|
676
678
|
};
|
|
677
|
-
type Props$
|
|
679
|
+
type Props$231 = ComponentProps<'div'>;
|
|
678
680
|
/**
|
|
679
681
|
* The popconfirm's message: plain text, or `Popconfirm.Title` + `Popconfirm.Description`.
|
|
680
682
|
*
|
|
681
683
|
* - Text wraps at 384 px; only the footer's buttons widen the popover past that.
|
|
682
684
|
* - Owns the spacing between its blocks: 12 px, 2 px between a title and its description.
|
|
683
685
|
*/
|
|
684
|
-
declare const PopconfirmBody: ({ className, ...props }: Props$
|
|
686
|
+
declare const PopconfirmBody: ({ className, ...props }: Props$231) => import("react").JSX.Element;
|
|
685
687
|
type SlotProps$5 = {
|
|
686
688
|
asChild: true;
|
|
687
689
|
} & ComponentProps<'button'>;
|
|
@@ -689,8 +691,8 @@ type ButtonProps$2 = {
|
|
|
689
691
|
asChild?: false;
|
|
690
692
|
children?: ReactNode;
|
|
691
693
|
} & Omit<ComponentProps<typeof Button>, 'children'>;
|
|
692
|
-
type Props$
|
|
693
|
-
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
694
|
+
type Props$230 = SlotProps$5 | ButtonProps$2;
|
|
695
|
+
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$230) => import("react").JSX.Element;
|
|
694
696
|
type SlotProps$4 = {
|
|
695
697
|
asChild: true;
|
|
696
698
|
} & ComponentProps<'button'>;
|
|
@@ -698,32 +700,32 @@ type ButtonProps$1 = {
|
|
|
698
700
|
asChild?: false;
|
|
699
701
|
children?: ReactNode;
|
|
700
702
|
} & Omit<ComponentProps<typeof Button>, 'children' | 'isLoading'>;
|
|
701
|
-
type Props$
|
|
702
|
-
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
703
|
-
type Props$
|
|
703
|
+
type Props$229 = SlotProps$4 | ButtonProps$1;
|
|
704
|
+
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$229) => import("react").JSX.Element;
|
|
705
|
+
type Props$228 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'> & {
|
|
704
706
|
/** `centered` centres the title and description; other content keeps its alignment. */
|
|
705
707
|
layout?: 'default' | 'centered';
|
|
706
708
|
};
|
|
707
|
-
declare const PopconfirmContent: ({ className, onInteractOutside, layout, ...props }: Props$
|
|
708
|
-
type Props$
|
|
709
|
-
declare const PopconfirmDescription: ({ className, ...props }: Props$
|
|
710
|
-
type Props$
|
|
709
|
+
declare const PopconfirmContent: ({ className, onInteractOutside, layout, ...props }: Props$228) => import("react").JSX.Element;
|
|
710
|
+
type Props$227 = ComponentProps<'p'>;
|
|
711
|
+
declare const PopconfirmDescription: ({ className, ...props }: Props$227) => import("react").JSX.Element;
|
|
712
|
+
type Props$226 = ComponentProps<'div'>;
|
|
711
713
|
/**
|
|
712
714
|
* The popconfirm's action row.
|
|
713
715
|
*
|
|
714
716
|
* - Every child gets an equal-width column, so Cancel and Confirm split the row evenly.
|
|
715
717
|
* - A lone Confirm spans the whole row.
|
|
716
718
|
*/
|
|
717
|
-
declare const PopconfirmFooter: ({ className, ...props }: Props$
|
|
718
|
-
type Props$
|
|
719
|
-
declare const PopconfirmTitle: ({ className, ...props }: Props$
|
|
720
|
-
type Props$
|
|
721
|
-
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$
|
|
722
|
-
type Props$
|
|
719
|
+
declare const PopconfirmFooter: ({ className, ...props }: Props$226) => import("react").JSX.Element;
|
|
720
|
+
type Props$225 = ComponentProps<'p'>;
|
|
721
|
+
declare const PopconfirmTitle: ({ className, ...props }: Props$225) => import("react").JSX.Element;
|
|
722
|
+
type Props$224 = ComponentProps<typeof Popover.Trigger>;
|
|
723
|
+
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$224) => import("react").JSX.Element;
|
|
724
|
+
type Props$223 = {
|
|
723
725
|
children: ReactNode;
|
|
724
726
|
skipAsyncWait?: boolean;
|
|
725
727
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
726
|
-
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
728
|
+
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$223): import("react").JSX.Element;
|
|
727
729
|
declare namespace Popconfirm {
|
|
728
730
|
export { PopconfirmConfirm as Confirm };
|
|
729
731
|
export { PopconfirmCancel as Cancel };
|
|
@@ -734,34 +736,34 @@ declare namespace Popconfirm {
|
|
|
734
736
|
export { PopconfirmDescription as Description };
|
|
735
737
|
export { PopconfirmTrigger as Trigger };
|
|
736
738
|
}
|
|
737
|
-
type Props$
|
|
738
|
-
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$
|
|
739
|
-
type Props$
|
|
740
|
-
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$
|
|
739
|
+
type Props$222 = ComponentProps<typeof Content$4>;
|
|
740
|
+
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$222) => import("react").JSX.Element;
|
|
741
|
+
type Props$221 = ComponentProps<typeof Root$7>;
|
|
742
|
+
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$221): import("react").JSX.Element;
|
|
741
743
|
declare namespace HoverCard {
|
|
742
744
|
export { HoverCardContent as Content };
|
|
743
745
|
export { Trigger$6 as Trigger };
|
|
744
746
|
}
|
|
745
|
-
type Props$
|
|
746
|
-
declare const CommandContent: ({ className, ...rest }: Props$
|
|
747
|
-
type Props$
|
|
748
|
-
declare const CommandEmpty: ({ ...props }: Props$
|
|
749
|
-
type Props$
|
|
750
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
747
|
+
type Props$220 = ComponentProps<'div'>;
|
|
748
|
+
declare const CommandContent: ({ className, ...rest }: Props$220) => import("react").JSX.Element;
|
|
749
|
+
type Props$219 = ComponentProps<typeof Command$1.Empty>;
|
|
750
|
+
declare const CommandEmpty: ({ ...props }: Props$219) => import("react").JSX.Element;
|
|
751
|
+
type Props$218 = ComponentProps<typeof Command$1.Group>;
|
|
752
|
+
declare const CommandGroup: ({ className, ...props }: Props$218) => import("react").JSX.Element;
|
|
751
753
|
declare const addonVariants$1: (props?: ({
|
|
752
754
|
align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
|
|
753
755
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
754
|
-
type Props$
|
|
755
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
756
|
+
type Props$217 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
757
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$217) => import("react").JSX.Element;
|
|
756
758
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
757
|
-
type Props$
|
|
758
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
759
|
-
type Props$
|
|
760
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
761
|
-
type Props$
|
|
762
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
759
|
+
type Props$216 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
760
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$216) => import("react").JSX.Element;
|
|
761
|
+
type Props$215 = ComponentProps<'input'>;
|
|
762
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$215) => import("react").JSX.Element;
|
|
763
|
+
type Props$214 = ComponentProps<'span'>;
|
|
764
|
+
declare const InputGroupText: ({ className, ...props }: Props$214) => import("react").JSX.Element;
|
|
763
765
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof TextareaAutosize>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
764
|
-
type Props$
|
|
766
|
+
type Props$213 = TextareaNativeProps$1 & {
|
|
765
767
|
value?: string | null;
|
|
766
768
|
defaultValue?: string | null;
|
|
767
769
|
onValueChange?: (value: string) => void;
|
|
@@ -769,13 +771,13 @@ type Props$210 = TextareaNativeProps$1 & {
|
|
|
769
771
|
maxRows?: number | 'unlimited';
|
|
770
772
|
disableResize?: boolean;
|
|
771
773
|
};
|
|
772
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
774
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$213) => import("react").JSX.Element;
|
|
773
775
|
declare const inputGroupVariants: (props?: ({
|
|
774
776
|
focusVariant?: "default" | "off" | "on" | null | undefined;
|
|
775
777
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
776
778
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
777
|
-
type Props$
|
|
778
|
-
declare const InputGroupRoot: ({ ref, children, state, focusVariant, className, ...props }: Props$
|
|
779
|
+
type Props$212 = ComponentPropsWithRef<'div'> & VariantProps<typeof inputGroupVariants>;
|
|
780
|
+
declare const InputGroupRoot: ({ ref, children, state, focusVariant, className, ...props }: Props$212) => import("react").JSX.Element;
|
|
779
781
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
780
782
|
Input: typeof InputGroupInput;
|
|
781
783
|
Addon: typeof InputGroupAddon;
|
|
@@ -811,37 +813,37 @@ type Props$5 = InputGroupProps$10 & OwnProps$1 & Omit<ComponentProps<'input'>, '
|
|
|
811
813
|
* form), `SearchInput` (search).
|
|
812
814
|
*/
|
|
813
815
|
declare const TextInput: ({ ref: forwardedRef, state, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$5) => import("react").JSX.Element;
|
|
814
|
-
type Props$
|
|
816
|
+
type Props$211 = ComponentProps<typeof TextInput>;
|
|
815
817
|
/** The search field; a bare full-width row unless the `Command` is `compact`. */
|
|
816
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
817
|
-
type Props$
|
|
818
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$211) => import("react").JSX.Element;
|
|
819
|
+
type Props$210 = {
|
|
818
820
|
variant?: 'checkbox' | 'radio' | 'default';
|
|
819
821
|
};
|
|
820
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
821
|
-
type Props$
|
|
822
|
+
declare const CheckIndicator: ({ variant }: Props$210) => import("react").JSX.Element | null;
|
|
823
|
+
type Props$209 = ComponentProps<typeof Command$1.Item> & {
|
|
822
824
|
icon?: ReactNode;
|
|
823
825
|
checked?: boolean;
|
|
824
826
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
825
827
|
actions?: ReactNode;
|
|
826
828
|
};
|
|
827
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
828
|
-
type Props$
|
|
829
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$209) => import("react").JSX.Element;
|
|
830
|
+
type Props$208 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
829
831
|
viewPortClassName?: string;
|
|
830
832
|
scrollBarClassName?: string;
|
|
831
833
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
832
834
|
};
|
|
833
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
834
|
-
type Props$
|
|
835
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
836
|
-
type Props$
|
|
837
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
838
|
-
type Props$
|
|
839
|
-
declare const CommandSeparator: ({ className, ...props }: Props$
|
|
840
|
-
type Props$
|
|
835
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$208) => import("react").JSX.Element;
|
|
836
|
+
type Props$207 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
837
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$207) => import("react").JSX.Element;
|
|
838
|
+
type Props$206 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
839
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$206) => import("react").JSX.Element;
|
|
840
|
+
type Props$205 = ComponentProps<typeof Command$1.Separator>;
|
|
841
|
+
declare const CommandSeparator: ({ className, ...props }: Props$205) => import("react").JSX.Element;
|
|
842
|
+
type Props$204 = ComponentProps<typeof Command$1> & {
|
|
841
843
|
/** Drops the palette padding and the bare search row; suits small surfaces like popovers. */
|
|
842
844
|
compact?: boolean;
|
|
843
845
|
};
|
|
844
|
-
declare function Command({ className, compact, ...rest }: Props$
|
|
846
|
+
declare function Command({ className, compact, ...rest }: Props$204): import("react").JSX.Element;
|
|
845
847
|
declare namespace Command {
|
|
846
848
|
export { CommandContent as Content };
|
|
847
849
|
export { CommandSeparator as Separator };
|
|
@@ -868,7 +870,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
|
|
|
868
870
|
* back to a centered/full-dim layout.
|
|
869
871
|
*/
|
|
870
872
|
declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
|
|
871
|
-
type Props$
|
|
873
|
+
type Props$203 = {
|
|
872
874
|
/** Box to cut out, or `null` to dim everything. */
|
|
873
875
|
rect: TargetRect | null;
|
|
874
876
|
/** In px. */
|
|
@@ -885,7 +887,7 @@ type Props$200 = {
|
|
|
885
887
|
* - Presentational: `rect` from `useTargetRect`, callout via `Popover`.
|
|
886
888
|
* - Tour steps and "seen" persistence are app-owned — see the "Guided tour (recipe)" story.
|
|
887
889
|
*/
|
|
888
|
-
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$
|
|
890
|
+
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$203) => import("react").JSX.Element;
|
|
889
891
|
/**
|
|
890
892
|
* The locale object with all functions and data needed to parse and format
|
|
891
893
|
* dates. This is what each locale implements and exports.
|
|
@@ -3131,14 +3133,14 @@ declare function DateRangePicker({ align, alignOffset, className, defaultOpen, d
|
|
|
3131
3133
|
declare namespace DateRangePicker {
|
|
3132
3134
|
var displayName: string;
|
|
3133
3135
|
}
|
|
3134
|
-
type Props$
|
|
3136
|
+
type Props$202 = {
|
|
3135
3137
|
children?: ReactNode;
|
|
3136
3138
|
defaultSelected?: string | null;
|
|
3137
3139
|
selected?: string | null;
|
|
3138
3140
|
onSelect?: (time: string) => void;
|
|
3139
3141
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
3140
|
-
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$
|
|
3141
|
-
type Props$
|
|
3142
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$202) => import("react").JSX.Element;
|
|
3143
|
+
type Props$201 = {
|
|
3142
3144
|
id?: string | number;
|
|
3143
3145
|
htmlFor?: string | number;
|
|
3144
3146
|
} & Omit<LabelProps, 'id' | 'htmlFor'>;
|
|
@@ -3154,7 +3156,7 @@ declare const Optional: ({ className, ...props }: ComponentPropsWithRef<'span'>)
|
|
|
3154
3156
|
* `aria-required` (or `required`) on the associated control.
|
|
3155
3157
|
*/
|
|
3156
3158
|
declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
|
|
3157
|
-
declare function Label({ className, children, id, htmlFor, ...rest }: Props$
|
|
3159
|
+
declare function Label({ className, children, id, htmlFor, ...rest }: Props$201): import("react").JSX.Element;
|
|
3158
3160
|
declare namespace Label {
|
|
3159
3161
|
export { Optional };
|
|
3160
3162
|
export { Required$1 as Required };
|
|
@@ -3162,53 +3164,53 @@ declare namespace Label {
|
|
|
3162
3164
|
declare const fieldBoxVariants: (props?: ({
|
|
3163
3165
|
variant?: "boxed" | "default" | null | undefined;
|
|
3164
3166
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3165
|
-
type Props$
|
|
3167
|
+
type Props$200 = {
|
|
3166
3168
|
id?: string | number;
|
|
3167
3169
|
children?: ReactNode;
|
|
3168
3170
|
description?: ReactNode;
|
|
3169
3171
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
3170
3172
|
position?: 'start' | 'end';
|
|
3171
3173
|
} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'>;
|
|
3172
|
-
declare const Switch: ({ ref, className, disabled, id: idProp, children, description, variant, position, ...props }: Props$
|
|
3174
|
+
declare const Switch: ({ ref, className, disabled, id: idProp, children, description, variant, position, ...props }: Props$200) => import("react").JSX.Element;
|
|
3173
3175
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
3174
3176
|
type Orientation = 'vertical' | 'horizontal';
|
|
3175
3177
|
type ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;
|
|
3176
|
-
type Props$
|
|
3178
|
+
type Props$199<T extends string = string> = ItemProps & {
|
|
3177
3179
|
value: T;
|
|
3178
3180
|
tooltip?: ReactNode;
|
|
3179
3181
|
tooltipVariant?: Props$10['variant'];
|
|
3180
3182
|
tooltipPlacement?: Props$10['placement'];
|
|
3181
3183
|
description?: ReactNode;
|
|
3182
3184
|
};
|
|
3183
|
-
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$
|
|
3185
|
+
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$199<T>) => import("react").JSX.Element;
|
|
3184
3186
|
declare const RadioGroupSeparator: () => import("react").JSX.Element;
|
|
3185
|
-
type Props$
|
|
3187
|
+
type Props$198<Value> = {
|
|
3186
3188
|
variant?: Variant$7;
|
|
3187
3189
|
orientation?: Orientation;
|
|
3188
3190
|
onValueChange?: (value: Value) => void;
|
|
3189
3191
|
value?: Value | null;
|
|
3190
3192
|
defaultValue?: Value | null;
|
|
3191
3193
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
3192
|
-
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
3194
|
+
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$198<Value>): import("react").JSX.Element;
|
|
3193
3195
|
declare namespace RadioGroup {
|
|
3194
3196
|
export { RadioGroupItem as Item };
|
|
3195
3197
|
export { RadioGroupSeparator as Separator };
|
|
3196
3198
|
}
|
|
3197
|
-
type Props$
|
|
3199
|
+
type Props$197 = ComponentProps<typeof Thumb$1> & {
|
|
3198
3200
|
tooltip?: ReactNode;
|
|
3199
3201
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
3200
3202
|
};
|
|
3201
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
3203
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$197) => import("react").JSX.Element;
|
|
3202
3204
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
3203
|
-
type Props$
|
|
3205
|
+
type Props$196 = ComponentProps<typeof Root$9> & {
|
|
3204
3206
|
thumbTooltip?: ThumbTooltipFn;
|
|
3205
3207
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
3206
3208
|
rangeClassName?: string;
|
|
3207
3209
|
};
|
|
3208
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
3210
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$196) => import("react").JSX.Element;
|
|
3209
3211
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
|
|
3210
3212
|
type SearchBlurEventHandler = (value: string, event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
3211
|
-
type Props$
|
|
3213
|
+
type Props$195 = {
|
|
3212
3214
|
suffix?: ReactNode;
|
|
3213
3215
|
disableDebounce?: boolean;
|
|
3214
3216
|
debounceDelay?: number;
|
|
@@ -3223,11 +3225,11 @@ type Props$192 = {
|
|
|
3223
3225
|
/**
|
|
3224
3226
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
3225
3227
|
*/
|
|
3226
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
3227
|
-
type Props$
|
|
3228
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$195) => import("react").JSX.Element;
|
|
3229
|
+
type Props$194 = {
|
|
3228
3230
|
onSubmit: (value: string) => void;
|
|
3229
3231
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
3230
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
3232
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$194) => import("react").JSX.Element;
|
|
3231
3233
|
type AccessibleNameProps = {
|
|
3232
3234
|
id?: string;
|
|
3233
3235
|
'aria-label'?: string;
|
|
@@ -3251,7 +3253,7 @@ declare const forwardAccessibleName: <Rest>(rest: Rest & AccessibleNameRest<Rest
|
|
|
3251
3253
|
/**
|
|
3252
3254
|
* Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).
|
|
3253
3255
|
*/
|
|
3254
|
-
type Props$
|
|
3256
|
+
type Props$193 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
3255
3257
|
container?: HTMLElement | null;
|
|
3256
3258
|
};
|
|
3257
3259
|
/**
|
|
@@ -3259,16 +3261,16 @@ type Props$190 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
|
3259
3261
|
* Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via
|
|
3260
3262
|
* the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.
|
|
3261
3263
|
*/
|
|
3262
|
-
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$
|
|
3263
|
-
type Props$
|
|
3264
|
-
declare const SelectGroup: ({ className, ...props }: Props$
|
|
3265
|
-
type Props$
|
|
3264
|
+
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$193) => import("react").JSX.Element;
|
|
3265
|
+
type Props$192 = ComponentProps<typeof SelectPrimitive.Group>;
|
|
3266
|
+
declare const SelectGroup: ({ className, ...props }: Props$192) => import("react").JSX.Element;
|
|
3267
|
+
type Props$191 = ComponentProps<typeof SelectPrimitive.Item> & {
|
|
3266
3268
|
icon?: ReactNode;
|
|
3267
3269
|
hint?: ReactNode;
|
|
3268
3270
|
};
|
|
3269
|
-
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$
|
|
3270
|
-
type Props$
|
|
3271
|
-
declare const SelectLabel: ({ className, ...props }: Props$
|
|
3271
|
+
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$191) => import("react").JSX.Element;
|
|
3272
|
+
type Props$190 = ComponentProps<typeof SelectPrimitive.Label>;
|
|
3273
|
+
declare const SelectLabel: ({ className, ...props }: Props$190) => import("react").JSX.Element;
|
|
3272
3274
|
type SelectRootProps = {
|
|
3273
3275
|
children?: ReactNode;
|
|
3274
3276
|
open?: boolean;
|
|
@@ -3285,8 +3287,8 @@ type SelectRootProps = {
|
|
|
3285
3287
|
onValueChange?(value: string): void;
|
|
3286
3288
|
};
|
|
3287
3289
|
declare const SelectRoot: (props: SelectRootProps) => import("react").JSX.Element;
|
|
3288
|
-
type Props$
|
|
3289
|
-
declare const SelectSeparator: ({ className, ...props }: Props$
|
|
3290
|
+
type Props$189 = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
3291
|
+
declare const SelectSeparator: ({ className, ...props }: Props$189) => import("react").JSX.Element;
|
|
3290
3292
|
/**
|
|
3291
3293
|
* Chrome for a control that looks like an input but opens an overlay on click. Shared by
|
|
3292
3294
|
* `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when
|
|
@@ -3330,7 +3332,7 @@ declare namespace Select {
|
|
|
3330
3332
|
export { SelectLabel as Label };
|
|
3331
3333
|
export { SelectSeparator as Separator };
|
|
3332
3334
|
}
|
|
3333
|
-
type Props$
|
|
3335
|
+
type Props$188 = {
|
|
3334
3336
|
id?: string | number;
|
|
3335
3337
|
description?: ReactNode;
|
|
3336
3338
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
@@ -3338,11 +3340,11 @@ type Props$185 = {
|
|
|
3338
3340
|
tooltip?: Props$10['tooltip'];
|
|
3339
3341
|
tooltipPlacement?: Props$10['placement'];
|
|
3340
3342
|
} & Omit<ComponentProps<typeof Root$11>, 'id'>;
|
|
3341
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3343
|
+
declare function Checkbox(prop: Omit<Props$188, 'checked' | 'onCheckedChange'> & {
|
|
3342
3344
|
checked?: boolean;
|
|
3343
3345
|
onCheckedChange?: (checked: boolean) => void;
|
|
3344
3346
|
}): ReactNode;
|
|
3345
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3347
|
+
declare function Checkbox(prop: Omit<Props$188, 'checked' | 'onCheckedChange'> & {
|
|
3346
3348
|
checked?: CheckedState;
|
|
3347
3349
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
3348
3350
|
}): ReactNode;
|
|
@@ -3376,20 +3378,20 @@ declare const addonVariants: (props?: ({
|
|
|
3376
3378
|
align?: "inline-end" | "inline-start" | null | undefined;
|
|
3377
3379
|
variant?: "floating" | "inline" | null | undefined;
|
|
3378
3380
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3379
|
-
type Props$
|
|
3380
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
3381
|
-
type Props$
|
|
3382
|
-
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$
|
|
3383
|
-
type Props$
|
|
3381
|
+
type Props$187 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
3382
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$187) => import("react").JSX.Element;
|
|
3383
|
+
type Props$186 = ComponentProps<'button'>;
|
|
3384
|
+
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$186) => import("react").JSX.Element;
|
|
3385
|
+
type Props$185 = ComponentProps<'span'> & {
|
|
3384
3386
|
asChild?: boolean;
|
|
3385
3387
|
};
|
|
3386
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
3388
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$185) => import("react").JSX.Element;
|
|
3387
3389
|
declare const badgeRootVariants: (props?: ({
|
|
3388
3390
|
variant?: "default" | "pill" | "tag" | null | undefined;
|
|
3389
3391
|
color?: "amber" | "amber-inverse" | "blue" | "blue-inverse" | "cyan" | "cyan-inverse" | "destructive" | "destructive-subtle" | "gray" | "gray-darker" | "gray-inverse" | "green" | "green-darker" | "green-inverse" | "info" | "info-subtle" | "neutral" | "neutral-subtle" | "orange" | "orange-inverse" | "purple" | "purple-inverse" | "red" | "red-inverse" | "sidebar-primary" | "success" | "success-subtle" | "teal" | "teal-inverse" | "warning" | "warning-subtle" | "white" | null | undefined;
|
|
3390
3392
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3391
|
-
type Props$
|
|
3392
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
3393
|
+
type Props$184 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
3394
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$184) => import("react").JSX.Element;
|
|
3393
3395
|
type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
|
|
3394
3396
|
type BadgeRootProps = ComponentProps<typeof BadgeRoot>;
|
|
3395
3397
|
type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
@@ -3397,7 +3399,7 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
|
3397
3399
|
* - `color` status values (`success`, `warning-subtle`, …) follow the brand; use them for a state.
|
|
3398
3400
|
* - `color` hues (`green`, `purple`, …) stay fixed; use them for categorical labels.
|
|
3399
3401
|
*/
|
|
3400
|
-
type Props$
|
|
3402
|
+
type Props$183 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
3401
3403
|
prefix?: ReactNode;
|
|
3402
3404
|
prefixVariant?: AddonVariant;
|
|
3403
3405
|
suffix?: ReactNode;
|
|
@@ -3410,7 +3412,7 @@ type Props$180 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProp
|
|
|
3410
3412
|
* - Not for actions (`Button` / `ButtonInline`) or banners (`Alert`).
|
|
3411
3413
|
* - `Badge.Button` for a clickable badge.
|
|
3412
3414
|
*/
|
|
3413
|
-
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
3415
|
+
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$183) => import("react").JSX.Element;
|
|
3414
3416
|
declare const Badge: typeof BadgeInner & {
|
|
3415
3417
|
Root: typeof BadgeRoot;
|
|
3416
3418
|
Button: typeof BadgeButton;
|
|
@@ -3419,7 +3421,7 @@ declare const Badge: typeof BadgeInner & {
|
|
|
3419
3421
|
};
|
|
3420
3422
|
type BadgeColor$1 = ComponentProps<typeof Badge>['color'];
|
|
3421
3423
|
type BadgeVariant = ComponentProps<typeof Badge>['variant'];
|
|
3422
|
-
type Props$
|
|
3424
|
+
type Props$182 = {
|
|
3423
3425
|
children: ReactNode;
|
|
3424
3426
|
color?: BadgeColor$1;
|
|
3425
3427
|
variant?: BadgeVariant;
|
|
@@ -3431,8 +3433,8 @@ type Props$179 = {
|
|
|
3431
3433
|
* - A non-removable chip is a plain `Badge`: a chip would shift the removal index.
|
|
3432
3434
|
* - A label cut off by the chip's width shows in full in a tooltip on hover.
|
|
3433
3435
|
*/
|
|
3434
|
-
declare const ComboboxChip: ({ children, color, variant }: Props$
|
|
3435
|
-
type Props$
|
|
3436
|
+
declare const ComboboxChip: ({ children, color, variant }: Props$182) => import("react").JSX.Element;
|
|
3437
|
+
type Props$181<Value> = {
|
|
3436
3438
|
maxVisible?: number;
|
|
3437
3439
|
itemToChipLabel?: (item: Value) => ReactNode;
|
|
3438
3440
|
itemToChipColor?: (item: Value) => BadgeColor$1;
|
|
@@ -3446,33 +3448,33 @@ type Props$178<Value> = {
|
|
|
3446
3448
|
*/
|
|
3447
3449
|
children?: (values: Value[]) => ReactNode;
|
|
3448
3450
|
};
|
|
3449
|
-
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$
|
|
3451
|
+
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$181<Value>) => import("react").JSX.Element;
|
|
3450
3452
|
type PortalProps = ComponentProps<typeof Combobox$1.Portal>;
|
|
3451
3453
|
type PositionerProps = ComponentProps<typeof Combobox$1.Positioner>;
|
|
3452
3454
|
type PopupProps = Omit<ComponentProps<typeof Combobox$1.Popup>, 'className'> & {
|
|
3453
3455
|
className?: string;
|
|
3454
3456
|
};
|
|
3455
|
-
type Props$
|
|
3456
|
-
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$
|
|
3457
|
-
type Props$
|
|
3457
|
+
type Props$180 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
|
|
3458
|
+
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$180) => import("react").JSX.Element;
|
|
3459
|
+
type Props$179 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
|
|
3458
3460
|
className?: string;
|
|
3459
3461
|
};
|
|
3460
|
-
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$
|
|
3462
|
+
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$179) => import("react").JSX.Element;
|
|
3461
3463
|
/** The input carries the `combobox` role, so the name is required here, not on the group. */
|
|
3462
|
-
type Props$
|
|
3463
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
3464
|
+
type Props$178 = WithAccessibleName<Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>>;
|
|
3465
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$178) => import("react").JSX.Element;
|
|
3464
3466
|
type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3465
|
-
type Props$
|
|
3467
|
+
type Props$177 = InputGroupProps$9 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
3466
3468
|
className?: string;
|
|
3467
3469
|
};
|
|
3468
|
-
declare const ComboboxInputGroup: ({ ref, state, focusVariant, className, ...props }: Props$
|
|
3470
|
+
declare const ComboboxInputGroup: ({ ref, state, focusVariant, className, ...props }: Props$177) => import("react").JSX.Element;
|
|
3469
3471
|
type Variant$6 = 'check' | 'checkbox';
|
|
3470
|
-
type Props$
|
|
3472
|
+
type Props$176 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
3471
3473
|
className?: string;
|
|
3472
3474
|
variant?: Variant$6;
|
|
3473
3475
|
};
|
|
3474
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
3475
|
-
type Props$
|
|
3476
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$176) => import("react").JSX.Element;
|
|
3477
|
+
type Props$175 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
3476
3478
|
className?: string;
|
|
3477
3479
|
icon?: ReactNode;
|
|
3478
3480
|
/** `'none'` leaves the row without one — a row that draws its own state in `icon`. */
|
|
@@ -3480,26 +3482,26 @@ type Props$172 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
|
3480
3482
|
/** Looks disabled but still takes the highlight; the owning control ignores its presses. */
|
|
3481
3483
|
locked?: boolean;
|
|
3482
3484
|
};
|
|
3483
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, locked, ...props }: Props$
|
|
3484
|
-
type Props$
|
|
3485
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, locked, ...props }: Props$175) => import("react").JSX.Element;
|
|
3486
|
+
type Props$174 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
|
|
3485
3487
|
className?: string;
|
|
3486
3488
|
};
|
|
3487
|
-
declare const ComboboxList: ({ ref, className, ...props }: Props$
|
|
3489
|
+
declare const ComboboxList: ({ ref, className, ...props }: Props$174) => import("react").JSX.Element;
|
|
3488
3490
|
declare const ComboboxRoot: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => import("react").JSX.Element;
|
|
3489
|
-
type Props$
|
|
3491
|
+
type Props$173 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
|
|
3490
3492
|
className?: string;
|
|
3491
3493
|
};
|
|
3492
|
-
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$
|
|
3493
|
-
type Props$
|
|
3494
|
+
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$173) => import("react").JSX.Element;
|
|
3495
|
+
type Props$172 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
|
|
3494
3496
|
className?: string;
|
|
3495
3497
|
};
|
|
3496
|
-
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$
|
|
3497
|
-
type Props$
|
|
3498
|
+
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$172) => import("react").JSX.Element;
|
|
3499
|
+
type Props$171 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
|
|
3498
3500
|
className?: string;
|
|
3499
3501
|
};
|
|
3500
|
-
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$
|
|
3501
|
-
type Props$
|
|
3502
|
-
declare const ComboboxCollection: ({ ...props }: Props$
|
|
3502
|
+
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$171) => import("react").JSX.Element;
|
|
3503
|
+
type Props$170 = Combobox$1.Collection.Props;
|
|
3504
|
+
declare const ComboboxCollection: ({ ...props }: Props$170) => import("react").JSX.Element;
|
|
3503
3505
|
type Group$2<Item = unknown> = {
|
|
3504
3506
|
items: readonly Item[];
|
|
3505
3507
|
};
|
|
@@ -3570,8 +3572,8 @@ type BaseProps$1<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pu
|
|
|
3570
3572
|
*/
|
|
3571
3573
|
groupToValue?: (group: GroupShape) => Value;
|
|
3572
3574
|
};
|
|
3573
|
-
type Props$
|
|
3574
|
-
declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$
|
|
3575
|
+
type Props$169<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps$1<Value, GroupShape>>;
|
|
3576
|
+
declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$169<Value, GroupShape>): import("react").JSX.Element;
|
|
3575
3577
|
declare namespace Combobox {
|
|
3576
3578
|
export { ComboboxRoot as Root };
|
|
3577
3579
|
export { ComboboxInputGroup as InputGroup };
|
|
@@ -3693,15 +3695,15 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
3693
3695
|
*
|
|
3694
3696
|
* - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.
|
|
3695
3697
|
*/
|
|
3696
|
-
type Props$
|
|
3698
|
+
type Props$168<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps<Value, GroupShape>>;
|
|
3697
3699
|
/**
|
|
3698
3700
|
* Searchable multi-select with chips, built on Base UI Combobox.
|
|
3699
3701
|
*
|
|
3700
3702
|
* @see RECIPES.md#creatable-multi-combobox
|
|
3701
3703
|
* @see RECIPES.md#filter-toolbar
|
|
3702
3704
|
*/
|
|
3703
|
-
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, collapseSelectedGroups, groupAppearance, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen, onOpenChange, anchor, query: queryProp, maxVisible, ...accessibleName }: Props$
|
|
3704
|
-
type Props$
|
|
3705
|
+
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, collapseSelectedGroups, groupAppearance, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen, onOpenChange, anchor, query: queryProp, maxVisible, ...accessibleName }: Props$168<Value, GroupShape>) => import("react").JSX.Element;
|
|
3706
|
+
type Props$167 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
|
|
3705
3707
|
inputClassName?: string;
|
|
3706
3708
|
};
|
|
3707
3709
|
/**
|
|
@@ -3712,8 +3714,8 @@ type Props$164 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>,
|
|
|
3712
3714
|
* - `allowClear` defaults to `!required`: a required value is not one click from empty.
|
|
3713
3715
|
* - `string` items only — objects would put presentation into the payload; use `itemToStringLabel`.
|
|
3714
3716
|
*/
|
|
3715
|
-
declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$
|
|
3716
|
-
type Props$
|
|
3717
|
+
declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$167) => import("react").JSX.Element;
|
|
3718
|
+
type Props$166 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
|
|
3717
3719
|
inputClassName?: string;
|
|
3718
3720
|
};
|
|
3719
3721
|
/**
|
|
@@ -3724,7 +3726,7 @@ type Props$163 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
|
|
|
3724
3726
|
* - Reads the field from context; render it inside `form.AppField`.
|
|
3725
3727
|
* - `string` items only — objects would put presentation into the payload; use `itemToLabel`.
|
|
3726
3728
|
*/
|
|
3727
|
-
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$
|
|
3729
|
+
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$166) => import("react").JSX.Element;
|
|
3728
3730
|
type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3729
3731
|
type BadgeColor = ComponentProps<typeof Badge>['color'];
|
|
3730
3732
|
type OwnProps = {
|
|
@@ -3766,9 +3768,9 @@ type TextareaOwnProps = {
|
|
|
3766
3768
|
disableResize?: boolean;
|
|
3767
3769
|
containerClassName?: string;
|
|
3768
3770
|
};
|
|
3769
|
-
type Props$
|
|
3771
|
+
type Props$165 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
|
|
3770
3772
|
/** Multi-line text input in `InputGroup` chrome. */
|
|
3771
|
-
declare const Textarea: ({ ref, containerClassName, state, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$
|
|
3773
|
+
declare const Textarea: ({ ref, containerClassName, state, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$165) => import("react").JSX.Element;
|
|
3772
3774
|
type AutoSaveTextareaProps = {
|
|
3773
3775
|
savedValue?: string;
|
|
3774
3776
|
onSave: (value: string) => Promise<void>;
|
|
@@ -3778,7 +3780,7 @@ type AutoSaveTextareaProps = {
|
|
|
3778
3780
|
} & Pick<ComponentProps<typeof Textarea>, 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
|
|
3779
3781
|
declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, grow, ...textareaProps }: AutoSaveTextareaProps) => import("react").JSX.Element;
|
|
3780
3782
|
type Size = 'auto' | 'sm' | 'md' | 'lg' | 'title';
|
|
3781
|
-
type Props$
|
|
3783
|
+
type Props$164 = {
|
|
3782
3784
|
/** The text shown, and the draft while editing. */
|
|
3783
3785
|
value: string;
|
|
3784
3786
|
onChange: (value: string) => void;
|
|
@@ -3821,17 +3823,17 @@ type Props$161 = {
|
|
|
3821
3823
|
* - Enter saves a change and closes an unchanged edit; Escape cancels.
|
|
3822
3824
|
* - Not for multi-paragraph or markdown text: use `MarkdownEditor`.
|
|
3823
3825
|
*/
|
|
3824
|
-
declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$
|
|
3826
|
+
declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$164) => import("react").JSX.Element;
|
|
3825
3827
|
type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3826
3828
|
type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
3827
|
-
type Props$
|
|
3829
|
+
type Props$163 = InputGroupProps$6 & InputGroupInputProps$6 & {
|
|
3828
3830
|
value?: string | null;
|
|
3829
3831
|
defaultValue?: string | null;
|
|
3830
3832
|
onValueChange?: (value: string) => void;
|
|
3831
3833
|
onValueBlur?: (value: string) => void;
|
|
3832
3834
|
allowClear?: boolean;
|
|
3833
3835
|
};
|
|
3834
|
-
declare const ColorInput: ({ ref, state, focusVariant, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
3836
|
+
declare const ColorInput: ({ ref, state, focusVariant, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$163) => import("react").JSX.Element;
|
|
3835
3837
|
type UseBrandOptions = {
|
|
3836
3838
|
/** Initial active brand id for uncontrolled use. Defaults to the design-system sentinel (`DEFAULT_BRAND_ID`) — no brand tokens injected, so the stylesheet defaults apply. */
|
|
3837
3839
|
defaultBrandId?: BrandId;
|
|
@@ -3860,15 +3862,15 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
|
|
|
3860
3862
|
resolvedScheme: ResolvedColorScheme;
|
|
3861
3863
|
setScheme: (next: ColorScheme) => void;
|
|
3862
3864
|
};
|
|
3863
|
-
type Props$
|
|
3865
|
+
type Props$162 = UseColorSchemeOptions & UseBrandOptions & {
|
|
3864
3866
|
/** Brands this provider knows about; the active brand id resolves against these. */
|
|
3865
3867
|
brands?: readonly Brand$1[];
|
|
3866
3868
|
children: ReactNode;
|
|
3867
3869
|
};
|
|
3868
|
-
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$
|
|
3870
|
+
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$162) => import("react").JSX.Element;
|
|
3869
3871
|
/** The scope's themed portal container, or `null` outside a `ThemeScope`. */
|
|
3870
3872
|
declare const useThemeScopeContainer: () => HTMLElement | null;
|
|
3871
|
-
type Props$
|
|
3873
|
+
type Props$161 = {
|
|
3872
3874
|
/** Colour scheme for this subtree. `system` follows the OS preference. */
|
|
3873
3875
|
scheme: ColorScheme;
|
|
3874
3876
|
/** Merged onto the child element. */
|
|
@@ -3883,7 +3885,7 @@ type Props$158 = {
|
|
|
3883
3885
|
* tokens, not the brand's inline vars inherited from `<html>`.
|
|
3884
3886
|
* - Renders no wrapper: one would break direct-child selectors like `[data-fill=true] > &`.
|
|
3885
3887
|
*/
|
|
3886
|
-
declare const ThemeScope: ({ scheme, className, children }: Props$
|
|
3888
|
+
declare const ThemeScope: ({ scheme, className, children }: Props$161) => import("react").JSX.Element;
|
|
3887
3889
|
type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
|
|
3888
3890
|
themes: Theme[];
|
|
3889
3891
|
currentTheme: Theme;
|
|
@@ -3893,7 +3895,7 @@ type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typ
|
|
|
3893
3895
|
declare const useTheme: () => ThemeContextValue;
|
|
3894
3896
|
declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
|
|
3895
3897
|
declare const DEFAULT_BRAND_ID = "design-system";
|
|
3896
|
-
type Props$
|
|
3898
|
+
type Props$160 = {
|
|
3897
3899
|
/** Controlled — pair with `onValueChange`. */
|
|
3898
3900
|
value: ColorScheme;
|
|
3899
3901
|
onValueChange: (value: ColorScheme) => void;
|
|
@@ -3906,10 +3908,10 @@ type Props$157 = {
|
|
|
3906
3908
|
* - Controlled: owns no state; wire it to the same state as `ThemeProvider.colorScheme`.
|
|
3907
3909
|
* - The trigger's `aria-label` names the current scheme.
|
|
3908
3910
|
*/
|
|
3909
|
-
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$
|
|
3911
|
+
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$160) => import("react").JSX.Element;
|
|
3910
3912
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3911
3913
|
type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
3912
|
-
type Props$
|
|
3914
|
+
type Props$159 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
3913
3915
|
value?: Date | null;
|
|
3914
3916
|
defaultValue?: Date | null;
|
|
3915
3917
|
onValueChange?: (value: Date | null) => void;
|
|
@@ -3919,10 +3921,10 @@ type Props$156 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
|
3919
3921
|
endMonth?: Date;
|
|
3920
3922
|
startMonth?: Date;
|
|
3921
3923
|
};
|
|
3922
|
-
declare const DateInput: ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
3924
|
+
declare const DateInput: ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$159) => import("react").JSX.Element;
|
|
3923
3925
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3924
3926
|
type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
3925
|
-
type Props$
|
|
3927
|
+
type Props$158 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
3926
3928
|
value?: number | null;
|
|
3927
3929
|
defaultValue?: number | null;
|
|
3928
3930
|
onValueChange?: (value: number | null) => void;
|
|
@@ -3930,10 +3932,10 @@ type Props$155 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
|
3930
3932
|
prefix?: ReactNode;
|
|
3931
3933
|
suffix?: ReactNode;
|
|
3932
3934
|
};
|
|
3933
|
-
declare const NumberInput: ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
3935
|
+
declare const NumberInput: ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$158) => import("react").JSX.Element;
|
|
3934
3936
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3935
3937
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
3936
|
-
type Props$
|
|
3938
|
+
type Props$157 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
3937
3939
|
value?: string | null;
|
|
3938
3940
|
defaultValue?: string | null;
|
|
3939
3941
|
onValueChange?: (value: string) => void;
|
|
@@ -3945,20 +3947,20 @@ type Props$154 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
|
3945
3947
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
3946
3948
|
defaultPasswordVisibility?: boolean;
|
|
3947
3949
|
};
|
|
3948
|
-
declare const PasswordInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$
|
|
3950
|
+
declare const PasswordInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$157) => import("react").JSX.Element;
|
|
3949
3951
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3950
3952
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
3951
|
-
type Props$
|
|
3953
|
+
type Props$156 = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
3952
3954
|
value?: string | null;
|
|
3953
3955
|
defaultValue?: string | null;
|
|
3954
3956
|
onValueChange?: (value: string | null) => void;
|
|
3955
3957
|
onValueBlur?: (value: string | null) => void;
|
|
3956
3958
|
allowClear?: boolean;
|
|
3957
3959
|
};
|
|
3958
|
-
declare const TimeInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
3960
|
+
declare const TimeInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$156) => import("react").JSX.Element;
|
|
3959
3961
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;
|
|
3960
3962
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
3961
|
-
type Props$
|
|
3963
|
+
type Props$155 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
3962
3964
|
value?: DateRange$1 | null;
|
|
3963
3965
|
defaultValue?: DateRange$1 | null;
|
|
3964
3966
|
onValueChange?: (value: DateRange$1 | null) => void;
|
|
@@ -3967,7 +3969,7 @@ type Props$152 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
3967
3969
|
startMonth?: Date;
|
|
3968
3970
|
endMonth?: Date;
|
|
3969
3971
|
};
|
|
3970
|
-
declare const DateRangeInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
3972
|
+
declare const DateRangeInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$155) => import("react").JSX.Element;
|
|
3971
3973
|
type GroupProps = ComponentProps<'div'>;
|
|
3972
3974
|
declare const OtpInputGroup: ({ ref, className, ...props }: GroupProps & {
|
|
3973
3975
|
ref?: Ref<HTMLDivElement>;
|
|
@@ -4007,7 +4009,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
4007
4009
|
* - `value={null}` / `undefined` is uncontrolled (falls back to `defaultValue`, else empty).
|
|
4008
4010
|
* - `value={""}` is controlled-empty.
|
|
4009
4011
|
*/
|
|
4010
|
-
type Props$
|
|
4012
|
+
type Props$154 = InputGroupProps & InputGroupInputProps & {
|
|
4011
4013
|
value?: string | null;
|
|
4012
4014
|
defaultValue?: string | null;
|
|
4013
4015
|
/** Debounced; fires at once on clear and with `disableDebounce`. Use `onChange` per keystroke. */
|
|
@@ -4030,7 +4032,7 @@ type Props$151 = InputGroupProps & InputGroupInputProps & {
|
|
|
4030
4032
|
*
|
|
4031
4033
|
* @see RECIPES.md#filter-toolbar
|
|
4032
4034
|
*/
|
|
4033
|
-
declare const SearchInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$
|
|
4035
|
+
declare const SearchInput: ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$154) => import("react").JSX.Element;
|
|
4034
4036
|
type SearchInputWithNavigationProps = {
|
|
4035
4037
|
currentIndex: number | null;
|
|
4036
4038
|
totalResults: number;
|
|
@@ -4139,7 +4141,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
|
|
|
4139
4141
|
* the wording is product copy. Replaced on every drop, so it never goes stale.
|
|
4140
4142
|
*/
|
|
4141
4143
|
declare const useFileUploadRejections: () => FileUploadRejection[];
|
|
4142
|
-
type Props$
|
|
4144
|
+
type Props$153 = {
|
|
4143
4145
|
/** Override the default copy / icon block. */
|
|
4144
4146
|
children?: ReactNode;
|
|
4145
4147
|
/** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
|
|
@@ -4149,8 +4151,8 @@ type Props$150 = {
|
|
|
4149
4151
|
* Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
|
|
4150
4152
|
* Pass `children` to fully replace the inner block.
|
|
4151
4153
|
*/
|
|
4152
|
-
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$
|
|
4153
|
-
type Props$
|
|
4154
|
+
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$153) => import("react").JSX.Element;
|
|
4155
|
+
type Props$152 = {
|
|
4154
4156
|
files: File[];
|
|
4155
4157
|
onRemove?: (file: File, index: number) => void;
|
|
4156
4158
|
/**
|
|
@@ -4163,8 +4165,8 @@ type Props$149 = {
|
|
|
4163
4165
|
* Selected-files list. Caller owns the `files` array — pass it back into the list and handle
|
|
4164
4166
|
* removal via `onRemove`.
|
|
4165
4167
|
*/
|
|
4166
|
-
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$
|
|
4167
|
-
type Props$
|
|
4168
|
+
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$152) => import("react").JSX.Element | null;
|
|
4169
|
+
type Props$151 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
4168
4170
|
/** Storybook-only: force a visual state without simulating real drag events. */
|
|
4169
4171
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
4170
4172
|
children: ReactNode;
|
|
@@ -4178,14 +4180,14 @@ type Props$148 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
|
4178
4180
|
* - For a drop target you style yourself, use `useFileDropTarget`.
|
|
4179
4181
|
* - Rejection copy is the caller's — read it with `useFileUploadRejections()`.
|
|
4180
4182
|
*/
|
|
4181
|
-
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
4183
|
+
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$151) => import("react").JSX.Element;
|
|
4182
4184
|
declare const FileUpload: typeof FileUploadInner & {
|
|
4183
4185
|
DropZone: typeof FileUploadDropZone;
|
|
4184
4186
|
FileList: typeof FileUploadFileList;
|
|
4185
4187
|
};
|
|
4186
|
-
type Props$
|
|
4187
|
-
declare const FormGroupColorInput: ({ ref, ...props }: Props$
|
|
4188
|
-
type Props$
|
|
4188
|
+
type Props$150 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
|
|
4189
|
+
declare const FormGroupColorInput: ({ ref, ...props }: Props$150) => import("react").JSX.Element;
|
|
4190
|
+
type Props$149 = ComponentPropsWithRef<'div'> & {
|
|
4189
4191
|
/**
|
|
4190
4192
|
* TanStack Form errors: strings or `{ message }` objects; several render as a list.
|
|
4191
4193
|
* Ignored when `children` is provided.
|
|
@@ -4200,20 +4202,20 @@ type Props$146 = ComponentPropsWithRef<'div'> & {
|
|
|
4200
4202
|
* - `role="alert"` announces it even when focus is elsewhere (e.g. on submit).
|
|
4201
4203
|
* - A `<div>`, not `<p>`, so several errors can render as a `<ul>`.
|
|
4202
4204
|
*/
|
|
4203
|
-
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$
|
|
4205
|
+
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$149) => import("react").JSX.Element | null;
|
|
4204
4206
|
declare const helpVariants: (props?: ({
|
|
4205
4207
|
state?: "default" | "warning" | null | undefined;
|
|
4206
4208
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4207
|
-
type Props$
|
|
4208
|
-
declare const HelpBlock: ({ children, className, state, ...rest }: Props$
|
|
4209
|
-
type Props$
|
|
4210
|
-
declare const FormGroupHelp: ({ children, ...rest }: Props$
|
|
4211
|
-
type Props$
|
|
4212
|
-
declare const FormGroupNumberInput: ({ ref, ...props }: Props$
|
|
4213
|
-
type Props$
|
|
4214
|
-
declare const FormGroupTextarea: (props: Props$
|
|
4215
|
-
type Props$
|
|
4216
|
-
declare const FormGroupTextInput: ({ ref, ...props }: Props$
|
|
4209
|
+
type Props$148 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
|
|
4210
|
+
declare const HelpBlock: ({ children, className, state, ...rest }: Props$148) => import("react").JSX.Element | null;
|
|
4211
|
+
type Props$147 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
|
|
4212
|
+
declare const FormGroupHelp: ({ children, ...rest }: Props$147) => import("react").JSX.Element;
|
|
4213
|
+
type Props$146 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
|
|
4214
|
+
declare const FormGroupNumberInput: ({ ref, ...props }: Props$146) => import("react").JSX.Element;
|
|
4215
|
+
type Props$145 = Omit<ComponentProps<typeof Textarea>, 'state'>;
|
|
4216
|
+
declare const FormGroupTextarea: (props: Props$145) => import("react").JSX.Element;
|
|
4217
|
+
type Props$144 = Omit<ComponentProps<typeof TextInput>, 'state'>;
|
|
4218
|
+
declare const FormGroupTextInput: ({ ref, ...props }: Props$144) => import("react").JSX.Element;
|
|
4217
4219
|
type ValidityState = 'default' | 'error' | 'warning';
|
|
4218
4220
|
type FormGroupContext = {
|
|
4219
4221
|
state?: ValidityState;
|
|
@@ -4255,7 +4257,7 @@ type AnswerExtraAction = {
|
|
|
4255
4257
|
onSelect: () => void;
|
|
4256
4258
|
disabled?: boolean;
|
|
4257
4259
|
};
|
|
4258
|
-
type Props$
|
|
4260
|
+
type Props$143 = {
|
|
4259
4261
|
/** The answer as text, for the clipboard; empty or absent draws no copy button. */
|
|
4260
4262
|
copyText?: string;
|
|
4261
4263
|
/** The vote already recorded against this answer, or `null` for none. */
|
|
@@ -4278,8 +4280,10 @@ type Props$140 = {
|
|
|
4278
4280
|
size?: keyof typeof SIZES;
|
|
4279
4281
|
/** `inline` (default): one group. `split`: votes left, actions right, at the bubble's edges. */
|
|
4280
4282
|
layout?: 'inline' | 'split';
|
|
4281
|
-
/** Fires on
|
|
4283
|
+
/** Fires once the answer is on the clipboard; the button does the copying itself. */
|
|
4282
4284
|
onCopy?: () => void;
|
|
4285
|
+
/** Fires when putting the answer on the clipboard failed. */
|
|
4286
|
+
onCopyError?: () => void;
|
|
4283
4287
|
/** Opt-in. After a thumbs-down, a one-line input sends the reader's comment here; the caller upserts it. */
|
|
4284
4288
|
onDownComment?: (text: string) => void;
|
|
4285
4289
|
commentPlaceholder?: string;
|
|
@@ -4300,7 +4304,7 @@ type Props$140 = {
|
|
|
4300
4304
|
* - A vote can be changed but not withdrawn; pressing the pressed one re-sends it.
|
|
4301
4305
|
* - The caller owns the recorded vote and the write.
|
|
4302
4306
|
*/
|
|
4303
|
-
declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, extraActions, labels, confirmation, size, layout, onDownComment, commentPlaceholder, onRegenerate, regenerateLabel, groupDivider, timestamp, voteStyle }: Props$
|
|
4307
|
+
declare const AnswerActions: ({ copyText, vote, onVote, onCopy, onCopyError, actions, extraActions, labels, confirmation, size, layout, onDownComment, commentPlaceholder, onRegenerate, regenerateLabel, groupDivider, timestamp, voteStyle }: Props$143) => import("react").JSX.Element;
|
|
4304
4308
|
type SourceState = 'verified' | 'unverified' | 'neutral';
|
|
4305
4309
|
/** How a `verified` chip reads: `tinted` is green, `quiet` wears the plain `neutral` chip. */
|
|
4306
4310
|
type SourceVerifiedStyle = 'tinted' | 'quiet';
|
|
@@ -4333,7 +4337,7 @@ declare const ANSWER_SOURCES_VISIBLE = 6;
|
|
|
4333
4337
|
type AnswerSource = SourceChipProps & {
|
|
4334
4338
|
id: string;
|
|
4335
4339
|
};
|
|
4336
|
-
type Props$
|
|
4340
|
+
type Props$142 = {
|
|
4337
4341
|
sources: AnswerSource[];
|
|
4338
4342
|
/** Row heading. */
|
|
4339
4343
|
label?: string;
|
|
@@ -4356,7 +4360,7 @@ type Props$139 = {
|
|
|
4356
4360
|
* - Collapses past `visibleCount` behind a "+N more" toggle.
|
|
4357
4361
|
* - Empty `sources` states that none were declared, which is itself information.
|
|
4358
4362
|
*/
|
|
4359
|
-
declare const AnswerSources: ({ sources, label, emptyLabel, visibleCount, footnote, trailing, verifiedStyle, className }: Props$
|
|
4363
|
+
declare const AnswerSources: ({ sources, label, emptyLabel, visibleCount, footnote, trailing, verifiedStyle, className }: Props$142) => import("react").JSX.Element;
|
|
4360
4364
|
type AnswerItem = {
|
|
4361
4365
|
question: string;
|
|
4362
4366
|
answer?: string;
|
|
@@ -4374,7 +4378,7 @@ type Props = {
|
|
|
4374
4378
|
};
|
|
4375
4379
|
declare const AnswerSummary: ({ items, variant, statusLabel, statusMessage, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
|
|
4376
4380
|
type AttachmentStatus = 'uploading' | 'ready' | 'error';
|
|
4377
|
-
type Props$
|
|
4381
|
+
type Props$141 = {
|
|
4378
4382
|
name: string;
|
|
4379
4383
|
/** Replaces the file glyph while the upload is not failing. */
|
|
4380
4384
|
thumbnailUrl?: string;
|
|
@@ -4396,7 +4400,7 @@ type Props$138 = {
|
|
|
4396
4400
|
* - Capped width with a truncating name, so a long filename cannot push the text away.
|
|
4397
4401
|
* - `error` explains itself in a tooltip; the remove control stays available in every status.
|
|
4398
4402
|
*/
|
|
4399
|
-
declare const AttachmentChip: ({ name, thumbnailUrl, lead, label, status, error, onRemove, trailing, className }: Props$
|
|
4403
|
+
declare const AttachmentChip: ({ name, thumbnailUrl, lead, label, status, error, onRemove, trailing, className }: Props$141) => import("react").JSX.Element;
|
|
4400
4404
|
/**
|
|
4401
4405
|
* The icon name in a code node's text, if the text is a token — drawn, or still arriving.
|
|
4402
4406
|
*
|
|
@@ -4405,7 +4409,7 @@ declare const AttachmentChip: ({ name, thumbnailUrl, lead, label, status, error,
|
|
|
4405
4409
|
* - A name that is both (`save`, of `save-changes`) is drawn now.
|
|
4406
4410
|
*/
|
|
4407
4411
|
declare const getChatInlineIconName: (text: string) => string | undefined;
|
|
4408
|
-
type Props$
|
|
4412
|
+
type Props$140 = {
|
|
4409
4413
|
/** The name from the token, without the `icon:` prefix. */
|
|
4410
4414
|
name: string;
|
|
4411
4415
|
};
|
|
@@ -4417,9 +4421,9 @@ type Props$137 = {
|
|
|
4417
4421
|
* - The heavier stroke holds its own beside a bold heading.
|
|
4418
4422
|
* - `aria-hidden`: the token's text is removed, so the glyph has no label to announce.
|
|
4419
4423
|
*/
|
|
4420
|
-
declare const ChatInlineIcon: ({ name }: Props$
|
|
4424
|
+
declare const ChatInlineIcon: ({ name }: Props$140) => import("react").JSX.Element | null;
|
|
4421
4425
|
type ChatNoticeTone = 'error' | 'warn' | 'info';
|
|
4422
|
-
type Props$
|
|
4426
|
+
type Props$139 = {
|
|
4423
4427
|
tone: ChatNoticeTone;
|
|
4424
4428
|
children: ReactNode;
|
|
4425
4429
|
/** A control for the reader to act on, e.g. a retry button. */
|
|
@@ -4439,9 +4443,9 @@ type Props$136 = {
|
|
|
4439
4443
|
* - `details` stays collapsed so a stack trace never crowds the message.
|
|
4440
4444
|
* - `retryAfter` appends a live countdown; `action` is always rendered, so the host decides whether to gate it.
|
|
4441
4445
|
*/
|
|
4442
|
-
declare const ChatNotice: ({ tone, children, action, details, retryAfter, bordered, className }: Props$
|
|
4446
|
+
declare const ChatNotice: ({ tone, children, action, details, retryAfter, bordered, className }: Props$139) => import("react").JSX.Element;
|
|
4443
4447
|
type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4444
|
-
type Props$
|
|
4448
|
+
type Props$138 = {
|
|
4445
4449
|
isExpanded: boolean;
|
|
4446
4450
|
onToggle: () => void;
|
|
4447
4451
|
label: ReactNode;
|
|
@@ -4449,13 +4453,13 @@ type Props$135 = {
|
|
|
4449
4453
|
/** `false` drops the status mark; the status stays in the accessible name. */
|
|
4450
4454
|
statusMark?: boolean;
|
|
4451
4455
|
};
|
|
4452
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, statusMark }: Props$
|
|
4456
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, statusMark }: Props$138) => import("react").JSX.Element;
|
|
4453
4457
|
declare const CONTEXT_CHIP_EXPANDABLE_LENGTH = 120;
|
|
4454
4458
|
type ContextImage = {
|
|
4455
4459
|
src: string;
|
|
4456
4460
|
alt: string;
|
|
4457
4461
|
};
|
|
4458
|
-
type Props$
|
|
4462
|
+
type Props$137 = {
|
|
4459
4463
|
/** Where the quote came from, e.g. a message or a page title. */
|
|
4460
4464
|
label: string;
|
|
4461
4465
|
/** Absent or empty draws the label alone. */
|
|
@@ -4473,8 +4477,8 @@ type Props$134 = {
|
|
|
4473
4477
|
* - The excerpt is clamped to two lines; "Show all" appears once it is long enough to be cut.
|
|
4474
4478
|
* - Images sit under the excerpt as small thumbnails.
|
|
4475
4479
|
*/
|
|
4476
|
-
declare const ContextChip: ({ label, excerpt, images, number, onRemove, className }: Props$
|
|
4477
|
-
type Props$
|
|
4480
|
+
declare const ContextChip: ({ label, excerpt, images, number, onRemove, className }: Props$137) => import("react").JSX.Element;
|
|
4481
|
+
type Props$136 = {
|
|
4478
4482
|
/** The file's own name, as the reader will see it saved. */
|
|
4479
4483
|
fileName: string;
|
|
4480
4484
|
/** Where it sits in the workspace, shown on hover — what tells two `report.pdf`s apart. */
|
|
@@ -4498,7 +4502,7 @@ type Props$133 = {
|
|
|
4498
4502
|
* `onPreview`), the download sits beside it, and `actions` follow.
|
|
4499
4503
|
* - Presentation only — the host fetches and saves, through its own auth.
|
|
4500
4504
|
*/
|
|
4501
|
-
declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, onPreview, actions, className }: Props$
|
|
4505
|
+
declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, onPreview, actions, className }: Props$136) => import("react").JSX.Element;
|
|
4502
4506
|
type FileGalleryImage = {
|
|
4503
4507
|
id: string;
|
|
4504
4508
|
name: string;
|
|
@@ -4507,7 +4511,7 @@ type FileGalleryImage = {
|
|
|
4507
4511
|
/** The host could not produce a thumbnail. */
|
|
4508
4512
|
isFailed?: boolean;
|
|
4509
4513
|
};
|
|
4510
|
-
type Props$
|
|
4514
|
+
type Props$135 = {
|
|
4511
4515
|
images: readonly FileGalleryImage[];
|
|
4512
4516
|
onOpen: (image: FileGalleryImage) => void;
|
|
4513
4517
|
onRetry?: (image: FileGalleryImage) => void;
|
|
@@ -4524,7 +4528,7 @@ type Props$132 = {
|
|
|
4524
4528
|
* - Tiles ask for their thumbnail as they near the viewport, so a long gallery loads on scroll.
|
|
4525
4529
|
* - Draws `maxTiles`, then a "+N more" button that reveals the rest.
|
|
4526
4530
|
*/
|
|
4527
|
-
declare const FileGallery: ({ images, onOpen, onRetry, onImageVisible, maxTiles, className }: Props$
|
|
4531
|
+
declare const FileGallery: ({ images, onOpen, onRetry, onImageVisible, maxTiles, className }: Props$135) => import("react").JSX.Element | null;
|
|
4528
4532
|
type Props$2 = {
|
|
4529
4533
|
children: ReactNode;
|
|
4530
4534
|
};
|
|
@@ -4577,7 +4581,7 @@ type Props$3 = {
|
|
|
4577
4581
|
* - `role="group"`, not a `region` landmark: dozens per transcript would drown real landmarks.
|
|
4578
4582
|
*/
|
|
4579
4583
|
declare const InlineStepGroup: ({ label, variant, statusMark, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, footer, children }: Props$3) => import("react").JSX.Element;
|
|
4580
|
-
type Props$
|
|
4584
|
+
type Props$134 = {
|
|
4581
4585
|
visible: boolean;
|
|
4582
4586
|
/** The agent is still writing below the fold: the button pulses. */
|
|
4583
4587
|
working?: boolean;
|
|
@@ -4594,7 +4598,7 @@ type Props$131 = {
|
|
|
4594
4598
|
* - Renders nothing while `visible` is false.
|
|
4595
4599
|
* - Positioning is the host's: pass `className` to pin it over the list.
|
|
4596
4600
|
*/
|
|
4597
|
-
declare const JumpToLatest: ({ visible, working, onClick, label, tooltip, className }: Props$
|
|
4601
|
+
declare const JumpToLatest: ({ visible, working, onClick, label, tooltip, className }: Props$134) => import("react").JSX.Element | null;
|
|
4598
4602
|
type RenderDiagramActions = (safeSvg: string) => ReactNode;
|
|
4599
4603
|
/**
|
|
4600
4604
|
* What a streamed answer is doing at its end.
|
|
@@ -4662,7 +4666,7 @@ type RootProps$9 = {
|
|
|
4662
4666
|
rhythm?: Rhythm;
|
|
4663
4667
|
headingScale?: HeadingScale;
|
|
4664
4668
|
};
|
|
4665
|
-
type Props$
|
|
4669
|
+
type Props$133 = BlockProps & RootProps$9;
|
|
4666
4670
|
/**
|
|
4667
4671
|
* The prose surface an answer is drawn on.
|
|
4668
4672
|
*
|
|
@@ -4673,12 +4677,12 @@ type Props$130 = BlockProps & RootProps$9;
|
|
|
4673
4677
|
declare const MarkdownRoot: ({ children, className, rhythm, headingScale }: PropsWithChildren<RootProps$9>) => import("react").JSX.Element;
|
|
4674
4678
|
/** One parsed piece of an answer, with no surface of its own; memoise at the call site. */
|
|
4675
4679
|
declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides, highlight, sortable, diagramActions, diagramDownload, allowSvgFences, renderCitation, caret, finishingLabel }: BlockProps) => import("react").JSX.Element;
|
|
4676
|
-
declare function Markdown({ className, rhythm, headingScale, ...blockProps }: Props$
|
|
4680
|
+
declare function Markdown({ className, rhythm, headingScale, ...blockProps }: Props$133): import("react").JSX.Element;
|
|
4677
4681
|
declare namespace Markdown {
|
|
4678
4682
|
export { MarkdownRoot as Root };
|
|
4679
4683
|
export { MarkdownBlock as Block };
|
|
4680
4684
|
}
|
|
4681
|
-
type Props$
|
|
4685
|
+
type Props$132 = {
|
|
4682
4686
|
/** A `Table bordered` at intrinsic width (`tw:min-w-max`) — otherwise it wraps and never overflows. */
|
|
4683
4687
|
children: ReactNode;
|
|
4684
4688
|
/** Host controls left of the expand action; hover reveal is the host's (`tw:group` on `className`). */
|
|
@@ -4698,8 +4702,8 @@ type Props$129 = {
|
|
|
4698
4702
|
* `baseline-widely-available` build floor lacks, and must sit on `Table`'s own container.
|
|
4699
4703
|
* - Past `EXPAND_RATIO` the expand action shows without hover.
|
|
4700
4704
|
*/
|
|
4701
|
-
declare const MarkdownTable: ({ children, actions, onExpand, sortable, className }: Props$
|
|
4702
|
-
type Props$
|
|
4705
|
+
declare const MarkdownTable: ({ children, actions, onExpand, sortable, className }: Props$132) => import("react").JSX.Element;
|
|
4706
|
+
type Props$131 = {
|
|
4703
4707
|
user?: {
|
|
4704
4708
|
name: string | undefined;
|
|
4705
4709
|
email: string | undefined;
|
|
@@ -4709,9 +4713,9 @@ type Props$128 = {
|
|
|
4709
4713
|
size?: number;
|
|
4710
4714
|
variant?: 'circle' | 'rounded';
|
|
4711
4715
|
} & ComponentProps<'span'>;
|
|
4712
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
4716
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$131) => import("react").JSX.Element;
|
|
4713
4717
|
type MessageStatus = 'sending' | 'failed';
|
|
4714
|
-
type Props$
|
|
4718
|
+
type Props$130 = {
|
|
4715
4719
|
variant: 'user' | 'assistant';
|
|
4716
4720
|
actions?: ReactNode;
|
|
4717
4721
|
createdAt?: string;
|
|
@@ -4734,8 +4738,8 @@ type Props$127 = {
|
|
|
4734
4738
|
/** @deprecated No avatar is rendered; accepted so existing call sites keep compiling. */
|
|
4735
4739
|
user?: ComponentProps<typeof Avatar>['user'];
|
|
4736
4740
|
} & PropsWithChildren;
|
|
4737
|
-
declare const MessageBubble: ({ variant, children, actions, createdAt, timestamp, quote, status, onRetry, author, collapseAfterPx, footer, avatar }: Props$
|
|
4738
|
-
type Props$
|
|
4741
|
+
declare const MessageBubble: ({ variant, children, actions, createdAt, timestamp, quote, status, onRetry, author, collapseAfterPx, footer, avatar }: Props$130) => import("react").JSX.Element;
|
|
4742
|
+
type Props$129 = {
|
|
4739
4743
|
children: ReactNode;
|
|
4740
4744
|
/** Mounted either way; `false` collapses and fades it out so neighbours slide instead of jump. */
|
|
4741
4745
|
visible?: boolean;
|
|
@@ -4752,7 +4756,7 @@ type Props$126 = {
|
|
|
4752
4756
|
* - The whole chip turns the mode off, not just the ×.
|
|
4753
4757
|
* - Collapsed via a `0fr` / `1fr` grid column and taken out of the tab order while hidden.
|
|
4754
4758
|
*/
|
|
4755
|
-
declare const ModeChip: ({ children, visible, tooltip, removeLabel, color, onRemove, className }: Props$
|
|
4759
|
+
declare const ModeChip: ({ children, visible, tooltip, removeLabel, color, onRemove, className }: Props$129) => import("react").JSX.Element;
|
|
4756
4760
|
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested' | 'expired';
|
|
4757
4761
|
type PlanApprovalProps = {
|
|
4758
4762
|
status: PlanApprovalStatus;
|
|
@@ -4802,8 +4806,8 @@ declare const PlanRewritingIndicator: ({ label }: PlanRewritingIndicatorProps) =
|
|
|
4802
4806
|
* never names it keeps the one-line row at every width.
|
|
4803
4807
|
*/
|
|
4804
4808
|
declare const PROMPT_INPUT_CONTAINER = "tw:@container/composer";
|
|
4805
|
-
type Props$
|
|
4806
|
-
declare const PromptInputAction: ({ ref, onMouseDown, ...rest }: Props$
|
|
4809
|
+
type Props$128 = ComponentProps<'button'>;
|
|
4810
|
+
declare const PromptInputAction: ({ ref, onMouseDown, ...rest }: Props$128) => import("react").JSX.Element;
|
|
4807
4811
|
type PromptCommand = {
|
|
4808
4812
|
label: string;
|
|
4809
4813
|
value: string;
|
|
@@ -4816,7 +4820,7 @@ type PromptCommand = {
|
|
|
4816
4820
|
/** An action row: picking it runs this instead of inserting `value` into the message. */
|
|
4817
4821
|
onSelect?: () => void;
|
|
4818
4822
|
};
|
|
4819
|
-
type Props$
|
|
4823
|
+
type Props$127 = Omit<ComponentProps<typeof Button>, 'children' | 'size' | 'variant'> & {
|
|
4820
4824
|
/** Whether the menu this opens is showing; the glyph turns into an × while it is. */
|
|
4821
4825
|
open?: boolean;
|
|
4822
4826
|
/** Sized up to match a large composer's send button. */
|
|
@@ -4829,15 +4833,15 @@ type Props$124 = Omit<ComponentProps<typeof Button>, 'children' | 'size' | 'vari
|
|
|
4829
4833
|
* - `aria-expanded` mirrors `open`; the accessible name changes with it.
|
|
4830
4834
|
* - Wrapped in `PromptInputAction` so a click does not hand focus to the textarea.
|
|
4831
4835
|
*/
|
|
4832
|
-
declare const PromptInputMenuTrigger: ({ open, large, className, ref, ...props }: Props$
|
|
4836
|
+
declare const PromptInputMenuTrigger: ({ open, large, className, ref, ...props }: Props$127) => import("react").JSX.Element;
|
|
4833
4837
|
type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
|
|
4834
4838
|
type SendIcon = 'plane' | 'arrow-up';
|
|
4835
|
-
type Props$
|
|
4839
|
+
type Props$126 = Pick<ComponentProps<typeof Button>, 'disabled' | 'ref'> & {
|
|
4836
4840
|
status?: SubmitStatus;
|
|
4837
4841
|
/** The glyph on the ready button: the paper plane (default) or an upward arrow. */
|
|
4838
4842
|
sendIcon?: SendIcon;
|
|
4839
4843
|
};
|
|
4840
|
-
declare const PromptInputSubmit: ({ ref, disabled, status, sendIcon }: Props$
|
|
4844
|
+
declare const PromptInputSubmit: ({ ref, disabled, status, sendIcon }: Props$126) => import("react").JSX.Element;
|
|
4841
4845
|
/**
|
|
4842
4846
|
* The `@token` the caret sits at the end of, if any.
|
|
4843
4847
|
*
|
|
@@ -4864,7 +4868,7 @@ declare const findSlashToken: (value: string, caret: number) => {
|
|
|
4864
4868
|
declare const promptInputVariants: (props?: ({
|
|
4865
4869
|
variant?: "default" | "inline" | null | undefined;
|
|
4866
4870
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4867
|
-
type Props$
|
|
4871
|
+
type Props$125 = {
|
|
4868
4872
|
/** The textarea, for a host that has to put the caret back. Not `ref`: that name is the textarea's own. */
|
|
4869
4873
|
textareaRef?: RefObject<ComponentRef<'textarea'> | null>;
|
|
4870
4874
|
onSend?: (value: string) => void;
|
|
@@ -4930,7 +4934,7 @@ type Props$122 = {
|
|
|
4930
4934
|
/** Prompts already sent, oldest first: ↑ at the start of the text recalls them, ↓ steps back. */
|
|
4931
4935
|
history?: string[];
|
|
4932
4936
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
4933
|
-
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, shellClassName, onFocusChange, disabled, disableSubmit, busy, blurOnEscape, onKeyDown, onPasteFiles, canSubmitEmpty, allowSendWhileBusy, canAbort, value, onValueChange, status, sendIcon, maxRows, minRows, commands, commandsEmptyText, commandsLoading, slashTrigger, commandsGroupAction, panel, mentions, onMentionSelect, mentionInsert, mentionsEmptyText, mentionsGroupHeading, mentionsMultiple, history, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$
|
|
4937
|
+
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, shellClassName, onFocusChange, disabled, disableSubmit, busy, blurOnEscape, onKeyDown, onPasteFiles, canSubmitEmpty, allowSendWhileBusy, canAbort, value, onValueChange, status, sendIcon, maxRows, minRows, commands, commandsEmptyText, commandsLoading, slashTrigger, commandsGroupAction, panel, mentions, onMentionSelect, mentionInsert, mentionsEmptyText, mentionsGroupHeading, mentionsMultiple, history, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$125): import("react").JSX.Element;
|
|
4934
4938
|
declare namespace PromptInput {
|
|
4935
4939
|
export { PromptInputAction as Action };
|
|
4936
4940
|
export { PromptInputMenuTrigger as MenuTrigger };
|
|
@@ -5026,7 +5030,7 @@ type WithholdOptions = {
|
|
|
5026
5030
|
* - Any other open fence streams as a growing code block.
|
|
5027
5031
|
*/
|
|
5028
5032
|
declare const withholdOpenTail: (text: string, { diagram, tableHead }?: WithholdOptions) => string;
|
|
5029
|
-
type Props$
|
|
5033
|
+
type Props$124 = {
|
|
5030
5034
|
label: string;
|
|
5031
5035
|
disabled?: boolean;
|
|
5032
5036
|
onClick: () => void;
|
|
@@ -5040,7 +5044,7 @@ type Props$121 = {
|
|
|
5040
5044
|
variant?: 'row' | 'bubble';
|
|
5041
5045
|
className?: string;
|
|
5042
5046
|
};
|
|
5043
|
-
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, description, trailing, 'aria-label': ariaLabel, variant, className }: Props$
|
|
5047
|
+
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, description, trailing, 'aria-label': ariaLabel, variant, className }: Props$124) => import("react").JSX.Element;
|
|
5044
5048
|
type ThinkingIndicatorProps = {
|
|
5045
5049
|
label?: string;
|
|
5046
5050
|
};
|
|
@@ -5146,9 +5150,9 @@ declare const variants$4: (props?: ({
|
|
|
5146
5150
|
variant?: "default" | "error" | "success" | "warning" | null | undefined;
|
|
5147
5151
|
size?: "lg" | "sm" | null | undefined;
|
|
5148
5152
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5149
|
-
type Props$
|
|
5150
|
-
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$
|
|
5151
|
-
type Props$
|
|
5153
|
+
type Props$123 = ComponentProps<typeof Root$13> & VariantProps<typeof variants$4>;
|
|
5154
|
+
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$123) => import("react").JSX.Element;
|
|
5155
|
+
type Props$122 = Omit<ComponentProps<'span'>, 'children'> & {
|
|
5152
5156
|
/** Share of the budget SPENT, 0–100; the bar fills with it, the figure shows what is LEFT. */
|
|
5153
5157
|
value: number;
|
|
5154
5158
|
label: ReactNode;
|
|
@@ -5160,8 +5164,8 @@ type Props$119 = Omit<ComponentProps<'span'>, 'children'> & {
|
|
|
5160
5164
|
*
|
|
5161
5165
|
* - `value` is clamped by `clampPercentage` — `Progress`'s indicator is unclamped.
|
|
5162
5166
|
*/
|
|
5163
|
-
declare const UsageBar: ({ value, label, variant, className, ...props }: Props$
|
|
5164
|
-
type Props$
|
|
5167
|
+
declare const UsageBar: ({ value, label, variant, className, ...props }: Props$122) => import("react").JSX.Element;
|
|
5168
|
+
type Props$121 = {
|
|
5165
5169
|
value: number;
|
|
5166
5170
|
/** `true`/`'error'` renders a red corner badge, `'warning'` an amber one. */
|
|
5167
5171
|
alert?: boolean | 'warning' | 'error';
|
|
@@ -5176,7 +5180,7 @@ type Props$118 = {
|
|
|
5176
5180
|
open?: ComponentProps<typeof HoverCard>['open'];
|
|
5177
5181
|
onOpenChange?: ComponentProps<typeof HoverCard>['onOpenChange'];
|
|
5178
5182
|
};
|
|
5179
|
-
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, open, onOpenChange }: Props$
|
|
5183
|
+
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, open, onOpenChange }: Props$121) => import("react").JSX.Element;
|
|
5180
5184
|
/**
|
|
5181
5185
|
* Clamp a percentage to 0–100 and normalize non-finite input to 0.
|
|
5182
5186
|
*
|
|
@@ -5193,9 +5197,9 @@ declare const clampPercentage: (value: number) => number;
|
|
|
5193
5197
|
* from the raw value, exactly at the boundary everything else turns on.
|
|
5194
5198
|
*/
|
|
5195
5199
|
declare const formatPercentage: (value: number) => string;
|
|
5196
|
-
type Props$
|
|
5197
|
-
declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$
|
|
5198
|
-
type Props$
|
|
5200
|
+
type Props$120 = ComponentProps<typeof Content$5>;
|
|
5201
|
+
declare const CollapsibleContent: ({ ref, className, children, ...props }: Props$120) => import("react").JSX.Element;
|
|
5202
|
+
type Props$119 = ComponentProps<typeof CollapsibleTrigger>;
|
|
5199
5203
|
/**
|
|
5200
5204
|
* A `Collapsible` toggle.
|
|
5201
5205
|
*
|
|
@@ -5203,18 +5207,18 @@ type Props$116 = ComponentProps<typeof CollapsibleTrigger>;
|
|
|
5203
5207
|
* reset is opt-in, so without it a host app without a global reset gets UA button chrome.
|
|
5204
5208
|
* - Under `asChild` the class lands on a design component that already declares it — harmless.
|
|
5205
5209
|
*/
|
|
5206
|
-
declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$
|
|
5207
|
-
type Props$
|
|
5208
|
-
declare function Collapsible(props: Props$
|
|
5210
|
+
declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$119) => import("react").JSX.Element;
|
|
5211
|
+
type Props$118 = ComponentProps<typeof Root$12>;
|
|
5212
|
+
declare function Collapsible(props: Props$118): import("react").JSX.Element;
|
|
5209
5213
|
declare namespace Collapsible {
|
|
5210
5214
|
export { CollapsibleTrigger$1 as Trigger };
|
|
5211
5215
|
export { CollapsibleContent as Content };
|
|
5212
5216
|
}
|
|
5213
5217
|
type Variant$4 = 'info' | 'warning' | 'error' | 'success';
|
|
5214
|
-
type Props$
|
|
5218
|
+
type Props$117 = {
|
|
5215
5219
|
variant?: Variant$4;
|
|
5216
5220
|
} & ComponentProps<'div'>;
|
|
5217
|
-
declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$
|
|
5221
|
+
declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$117) => import("react").JSX.Element;
|
|
5218
5222
|
type CommonProps = {
|
|
5219
5223
|
hideIcon?: boolean;
|
|
5220
5224
|
icon?: ReactNode;
|
|
@@ -5232,7 +5236,7 @@ type DefaultProps = {
|
|
|
5232
5236
|
actions?: ReactNode;
|
|
5233
5237
|
};
|
|
5234
5238
|
/** Discriminated by `mode`: `"collapsible"` requires `title` + `children` and takes no `actions`. */
|
|
5235
|
-
type Props$
|
|
5239
|
+
type Props$116 = CommonProps & (CollapsibleProps | DefaultProps);
|
|
5236
5240
|
/**
|
|
5237
5241
|
* Persistent inline banner for contextual messages tied to the page layout.
|
|
5238
5242
|
*
|
|
@@ -5242,12 +5246,12 @@ type Props$113 = CommonProps & (CollapsibleProps | DefaultProps);
|
|
|
5242
5246
|
*
|
|
5243
5247
|
* @see RECIPES.md#alert-with-action
|
|
5244
5248
|
*/
|
|
5245
|
-
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$
|
|
5249
|
+
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$116) => import("react").JSX.Element;
|
|
5246
5250
|
declare const variants$3: (props?: ({
|
|
5247
5251
|
variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
|
|
5248
5252
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5249
5253
|
type Variants = VariantProps<typeof variants$3>;
|
|
5250
|
-
type Props$
|
|
5254
|
+
type Props$115 = {
|
|
5251
5255
|
id: string | number;
|
|
5252
5256
|
title: ReactNode;
|
|
5253
5257
|
icon?: ReactNode;
|
|
@@ -5256,7 +5260,7 @@ type Props$112 = {
|
|
|
5256
5260
|
loading?: boolean;
|
|
5257
5261
|
duration?: number;
|
|
5258
5262
|
} & Variants;
|
|
5259
|
-
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp }: Props$
|
|
5263
|
+
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp }: Props$115) => import("react").JSX.Element;
|
|
5260
5264
|
type ToastProps = ComponentProps<typeof ToastRoot>;
|
|
5261
5265
|
type Title$2 = ToastProps['title'] | ((opts: {
|
|
5262
5266
|
dismiss: () => void;
|
|
@@ -5275,7 +5279,7 @@ declare namespace toast {
|
|
|
5275
5279
|
var dismiss: (toastId?: ToastOptions['id']) => string | number;
|
|
5276
5280
|
var dismissAll: () => string | number;
|
|
5277
5281
|
}
|
|
5278
|
-
type Props$
|
|
5282
|
+
type Props$114 = {
|
|
5279
5283
|
enabled?: boolean;
|
|
5280
5284
|
/** Shows the notification again this many ms after the user dismisses it, while still enabled. */
|
|
5281
5285
|
remindAfter?: number;
|
|
@@ -5288,19 +5292,19 @@ type Props$111 = {
|
|
|
5288
5292
|
* - A visible one updates in place when its string `title` or `description` changes; other
|
|
5289
5293
|
* options apply the next time it shows.
|
|
5290
5294
|
*/
|
|
5291
|
-
declare const useNotification: ({ enabled, remindAfter, ...toastOptions }: Props$
|
|
5295
|
+
declare const useNotification: ({ enabled, remindAfter, ...toastOptions }: Props$114) => void;
|
|
5292
5296
|
type ToasterProps = ComponentProps<typeof Toaster$1>;
|
|
5293
5297
|
declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => import("react").JSX.Element;
|
|
5294
|
-
type Props$
|
|
5298
|
+
type Props$113 = {
|
|
5295
5299
|
children?: ReactNode;
|
|
5296
5300
|
};
|
|
5297
|
-
declare const EmptySearchContent: ({ children }: Props$
|
|
5298
|
-
type Props$
|
|
5301
|
+
declare const EmptySearchContent: ({ children }: Props$113) => import("react").JSX.Element;
|
|
5302
|
+
type Props$112 = {
|
|
5299
5303
|
title: string;
|
|
5300
5304
|
children: ReactNode;
|
|
5301
5305
|
className?: string;
|
|
5302
5306
|
};
|
|
5303
|
-
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$
|
|
5307
|
+
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$112) => import("react").JSX.Element;
|
|
5304
5308
|
declare const emptyStateClassnames: (props?: ({
|
|
5305
5309
|
variant?: "compact" | "default" | null | undefined;
|
|
5306
5310
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -5415,7 +5419,7 @@ type DotsLoaderProps = {
|
|
|
5415
5419
|
};
|
|
5416
5420
|
declare const DotsLoader: ({ className }: DotsLoaderProps) => import("react").JSX.Element;
|
|
5417
5421
|
declare const DiagramSkeleton: () => import("react").JSX.Element;
|
|
5418
|
-
type Props$
|
|
5422
|
+
type Props$111 = {
|
|
5419
5423
|
header: ReactNode;
|
|
5420
5424
|
isDisabled?: boolean;
|
|
5421
5425
|
defaultExpanded?: boolean;
|
|
@@ -5427,15 +5431,15 @@ type Props$108 = {
|
|
|
5427
5431
|
variant?: 'default' | 'white';
|
|
5428
5432
|
children: ReactNode;
|
|
5429
5433
|
};
|
|
5430
|
-
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant }: Props$
|
|
5431
|
-
type Props$
|
|
5434
|
+
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant }: Props$111) => import("react").JSX.Element;
|
|
5435
|
+
type Props$110 = PropsWithChildren<{
|
|
5432
5436
|
defaultExpanded?: boolean;
|
|
5433
5437
|
labelCollapse?: ReactNode;
|
|
5434
5438
|
labelOpen?: ReactNode;
|
|
5435
5439
|
placement?: 'top' | 'bottom';
|
|
5436
5440
|
className?: string;
|
|
5437
5441
|
}>;
|
|
5438
|
-
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children }: Props$
|
|
5442
|
+
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children }: Props$110) => import("react").JSX.Element;
|
|
5439
5443
|
/**
|
|
5440
5444
|
* How far the header row stretches across the sidebar geometry.
|
|
5441
5445
|
*
|
|
@@ -5727,6 +5731,45 @@ declare const PageToolbar: typeof Root$14 & {
|
|
|
5727
5731
|
AddFilter: typeof AddFilter;
|
|
5728
5732
|
Clear: typeof Clear;
|
|
5729
5733
|
};
|
|
5734
|
+
type Props$109 = {
|
|
5735
|
+
title: ReactNode;
|
|
5736
|
+
description?: ReactNode;
|
|
5737
|
+
/** The section's own actions (Add, New…), on the right of the heading. */
|
|
5738
|
+
actions?: ReactNode;
|
|
5739
|
+
className?: string;
|
|
5740
|
+
children?: ReactNode;
|
|
5741
|
+
};
|
|
5742
|
+
/**
|
|
5743
|
+
* One titled section of a page, drawn without a box: a heading row, then its content.
|
|
5744
|
+
*
|
|
5745
|
+
* - For a section that is a list, a table or a single field; a group of fields belongs in a `Card`.
|
|
5746
|
+
* - The heading is an `h3`, under the page's `h1`.
|
|
5747
|
+
*/
|
|
5748
|
+
declare const PageSection: ({ title, description, actions, className, children }: Props$109) => import("react").JSX.Element;
|
|
5749
|
+
type Props$108 = {
|
|
5750
|
+
open: boolean;
|
|
5751
|
+
count: number;
|
|
5752
|
+
/** Singular noun for a selected item, e.g. `app`. */
|
|
5753
|
+
entity: string;
|
|
5754
|
+
onClear: () => void;
|
|
5755
|
+
children: ReactNode;
|
|
5756
|
+
};
|
|
5757
|
+
/**
|
|
5758
|
+
* What a selection can do at once, above the list it acts on.
|
|
5759
|
+
*
|
|
5760
|
+
* - Grows in and out with the selection; its actions wrap when they run out of room.
|
|
5761
|
+
* - Owns the gap below it, so closed it takes no room.
|
|
5762
|
+
*/
|
|
5763
|
+
declare const BulkActionsBar: ({ open, count, entity, onClear, children }: Props$108) => import("react").JSX.Element;
|
|
5764
|
+
type Props$107 = {
|
|
5765
|
+
open: boolean;
|
|
5766
|
+
className?: string;
|
|
5767
|
+
/** Merged onto the clipping box around the content. */
|
|
5768
|
+
contentClassName?: string;
|
|
5769
|
+
children: ReactNode;
|
|
5770
|
+
};
|
|
5771
|
+
/** Content that collapses by animating a 0fr/1fr grid row; closed, it is `inert`. */
|
|
5772
|
+
declare const Reveal: ({ open, className, contentClassName, children }: Props$107) => import("react").JSX.Element;
|
|
5730
5773
|
type SectionNavItem = {
|
|
5731
5774
|
/** Identity and navigation target (`targetId`, matched by `activeId`); unique across `groups`. */
|
|
5732
5775
|
id: string;
|
|
@@ -6379,6 +6422,18 @@ declare const TableBody: ({ withBorderSeparator, className, ...props }: {
|
|
|
6379
6422
|
withBorderSeparator?: boolean;
|
|
6380
6423
|
} & ComponentProps<'tbody'>) => import("react").JSX.Element;
|
|
6381
6424
|
declare const TableCell: ({ className, ...props }: ComponentProps<'td'>) => import("react").JSX.Element;
|
|
6425
|
+
/**
|
|
6426
|
+
* The one row of a table with no rows to show, under the table's own header.
|
|
6427
|
+
*
|
|
6428
|
+
* - `children` is the message; a muted `text-sm` line, as a heading-weight title reads as a heading.
|
|
6429
|
+
* - `icon` and `action` are optional, e.g. a search icon and a Clear search button.
|
|
6430
|
+
*/
|
|
6431
|
+
declare const TableEmptyRow: ({ colSpan, icon, action, children }: {
|
|
6432
|
+
colSpan: number;
|
|
6433
|
+
icon?: ReactNode;
|
|
6434
|
+
action?: ReactNode;
|
|
6435
|
+
children: ReactNode;
|
|
6436
|
+
}) => import("react").JSX.Element;
|
|
6382
6437
|
declare const TableFooter: ({ className, ...props }: ComponentProps<'tfoot'>) => import("react").JSX.Element;
|
|
6383
6438
|
declare const TableHead: ({ className, ...props }: ComponentProps<'th'>) => import("react").JSX.Element;
|
|
6384
6439
|
declare const TableHeader: ({ withShadow, className, ...props }: {
|
|
@@ -6458,6 +6513,7 @@ declare namespace Table {
|
|
|
6458
6513
|
export { TableFooter as Footer };
|
|
6459
6514
|
export { TableSortHeader as SortHeader };
|
|
6460
6515
|
export { TableSkeletonRows as SkeletonRows };
|
|
6516
|
+
export { TableEmptyRow as EmptyRow };
|
|
6461
6517
|
}
|
|
6462
6518
|
declare const connectorWrapper: (props?: ({
|
|
6463
6519
|
align?: "baseline" | "center" | "end" | "start" | null | undefined;
|
|
@@ -6979,5 +7035,5 @@ declare const channelsToHex: (channels: string) => string;
|
|
|
6979
7035
|
declare const contrastRatio: (fg: string, bg: string) => number;
|
|
6980
7036
|
/** WCAG level for normal-size text at a given ratio. */
|
|
6981
7037
|
declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
|
|
6982
|
-
export { ANSWER_SOURCES_VISIBLE, Alert, AlertModal, AnswerActions, AnswerExtraAction, AnswerSource, AnswerSources, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AnswerVoteStyle, AppShell, type AppShellHeaderSpan, type AppShellSlot, AttachmentChip, AttachmentStatus, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, CONTEXT_CHIP_EXPANDABLE_LENGTH, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, ChatNotice, ChatNoticeTone, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, ContextChip, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FieldItem, type FieldItemProps, FileDownloadChip, FileGallery, type FileGalleryImage, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineEdit, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, JumpToLatest, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, ModeChip, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, MultiComboboxHighlighted, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SourceChip, SourceChipProps, SourceState, SourceVerifiedStyle, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, type StreamingCaretMoment, SuggestedPrompt, Switch, Table, type TableSkeletonColumn, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalAction, type ToolCallApprovalExtraAction, type ToolCallApprovalNoticeItem, type NoticeTone as ToolCallApprovalNoticeTone, type ToolCallApprovalProps, type ShortcutKey as ToolCallApprovalShortcutKey, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, brandSchema, buttonVariants, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbcUi, kbdVariants, keboola, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, splitSealedBlocks, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useAutosizeInput, useCommandState, useDefaultLayout, useFieldContext, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useTimeout, useWorkbench, wcagLevel, withBlankValues, withForm, withholdOpenTail };
|
|
7038
|
+
export { ANSWER_SOURCES_VISIBLE, Alert, AlertModal, AnswerActions, AnswerExtraAction, AnswerSource, AnswerSources, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AnswerVoteStyle, AppShell, type AppShellHeaderSpan, type AppShellSlot, AttachmentChip, AttachmentStatus, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, BulkActionsBar, Button, ButtonGroup, ButtonInline, CONTEXT_CHIP_EXPANDABLE_LENGTH, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, ChatNotice, ChatNoticeTone, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, ContextChip, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FieldItem, type FieldItemProps, FileDownloadChip, FileGallery, type FileGalleryImage, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineEdit, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, JumpToLatest, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, ModeChip, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, MultiComboboxHighlighted, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageSection, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, Reveal, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SourceChip, SourceChipProps, SourceState, SourceVerifiedStyle, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, type StreamingCaretMoment, SuggestedPrompt, Switch, Table, type TableSkeletonColumn, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalAction, type ToolCallApprovalExtraAction, type ToolCallApprovalNoticeItem, type NoticeTone as ToolCallApprovalNoticeTone, type ToolCallApprovalProps, type ShortcutKey as ToolCallApprovalShortcutKey, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, brandSchema, buttonVariants, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbcUi, kbdVariants, keboola, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, splitSealedBlocks, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useAutosizeInput, useCommandState, useDefaultLayout, useFieldContext, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useTimeout, useWorkbench, wcagLevel, withBlankValues, withForm, withholdOpenTail };
|
|
6983
7039
|
//# sourceMappingURL=index.d.ts.map
|