@keboola/design 13.2.0 → 14.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +5 -1
- package/CHANGELOG.md +161 -0
- package/COMPONENT-API.md +52 -42
- package/dist/{AIKit-C5FbKjwa.js → AIKit-BRSZ3nY7.js} +2216 -302
- package/dist/AIKit-BRSZ3nY7.js.map +1 -0
- package/dist/{Alert-DuAGeYyM.js → Alert-CZ0dDsuk.js} +2 -2
- package/dist/{Alert-DuAGeYyM.js.map → Alert-CZ0dDsuk.js.map} +1 -1
- package/dist/{BrandEditor-Dq168RJc.js → BrandEditor-CN2HJ_12.js} +5 -5
- package/dist/{BrandEditor-Dq168RJc.js.map → BrandEditor-CN2HJ_12.js.map} +1 -1
- package/dist/{Breadcrumb-CUyYu5Bi.js → Breadcrumb-BnIlsoIH.js} +54 -12
- package/dist/Breadcrumb-BnIlsoIH.js.map +1 -0
- package/dist/{Checkbox-D9rafoKh.js → Checkbox-uFE8XLT_.js} +2 -2
- package/dist/{Checkbox-D9rafoKh.js.map → Checkbox-uFE8XLT_.js.map} +1 -1
- package/dist/{Clipboard-BHWUodAx.js → Clipboard-D-9XOqy4.js} +2 -2
- package/dist/{Clipboard-BHWUodAx.js.map → Clipboard-D-9XOqy4.js.map} +1 -1
- package/dist/{ClipboardButton-Urg-kZbh.js → ClipboardButton-DxvZG_H0.js} +2 -2
- package/dist/{ClipboardButton-Urg-kZbh.js.map → ClipboardButton-DxvZG_H0.js.map} +1 -1
- package/dist/{CodeEditor-Y0iE-SwV.js → CodeEditor-BfRSCKEs.js} +5 -5
- package/dist/{CodeEditor-Y0iE-SwV.js.map → CodeEditor-BfRSCKEs.js.map} +1 -1
- package/dist/{ColorInput-D1nC0X6i.js → ColorInput-CDKH8q_f.js} +2 -2
- package/dist/{ColorInput-D1nC0X6i.js.map → ColorInput-CDKH8q_f.js.map} +1 -1
- package/dist/{ColorModeSwitch-Cxee8jnB.js → ColorModeSwitch-DR6J2U6M.js} +2 -2
- package/dist/{ColorModeSwitch-Cxee8jnB.js.map → ColorModeSwitch-DR6J2U6M.js.map} +1 -1
- package/dist/{Combobox-B1Kjoy5J.js → Combobox-CEesMe2M.js} +240 -38
- package/dist/Combobox-CEesMe2M.js.map +1 -0
- package/dist/{Command-BuOA3V18.js → Command-T3MLRaen.js} +8 -4
- package/dist/Command-T3MLRaen.js.map +1 -0
- package/dist/{CopyField-DsOVtV2Q.js → CopyField-CNbCHw9a.js} +2 -2
- package/dist/{CopyField-DsOVtV2Q.js.map → CopyField-CNbCHw9a.js.map} +1 -1
- package/dist/{DateInput-BlKkequE.js → DateInput-ClK1lCxz.js} +2 -2
- package/dist/{DateInput-BlKkequE.js.map → DateInput-ClK1lCxz.js.map} +1 -1
- package/dist/{DateRangeInput-DOxJHw8V.js → DateRangeInput-DtlAffS1.js} +2 -2
- package/dist/{DateRangeInput-DOxJHw8V.js.map → DateRangeInput-DtlAffS1.js.map} +1 -1
- package/dist/{DropdownMenu-DtRYcKEx.js → DropdownMenu-B1gGvZoh.js} +2 -2
- package/dist/{DropdownMenu-DtRYcKEx.js.map → DropdownMenu-B1gGvZoh.js.map} +1 -1
- package/dist/{FieldItem-Cf1E3rfQ.js → FieldItem-CYvJyjiI.js} +3 -3
- package/dist/{FieldItem-Cf1E3rfQ.js.map → FieldItem-CYvJyjiI.js.map} +1 -1
- package/dist/{Form-CuaAn-lR.js → Form-CD55zJiy.js} +5 -5
- package/dist/{Form-CuaAn-lR.js.map → Form-CD55zJiy.js.map} +1 -1
- package/dist/{FormGroup-D4O96YPm.js → FormGroup-DiYFdEhH.js} +3 -3
- package/dist/{FormGroup-D4O96YPm.js.map → FormGroup-DiYFdEhH.js.map} +1 -1
- package/dist/{HoverCard-Cy6nhg4u.js → HoverCard-BBdPYqEf.js} +2 -2
- package/dist/HoverCard-BBdPYqEf.js.map +1 -0
- package/dist/{InlineEdit-DSMIEUUa.js → InlineEdit-D5RdunZo.js} +3 -3
- package/dist/{InlineEdit-DSMIEUUa.js.map → InlineEdit-D5RdunZo.js.map} +1 -1
- package/dist/{Kbd-Du93F3o4.js → Kbd-3YM7NQO4.js} +2 -2
- package/dist/{Kbd-Du93F3o4.js.map → Kbd-3YM7NQO4.js.map} +1 -1
- package/dist/MermaidDiagram-CeiOkI60.js +199 -0
- package/dist/MermaidDiagram-CeiOkI60.js.map +1 -0
- package/dist/{Modal-DQIauzar.js → Modal-DMZRswk4.js} +4 -3
- package/dist/Modal-DMZRswk4.js.map +1 -0
- package/dist/{MultiActionButtonGroup-xKqiucAN.js → MultiActionButtonGroup-CEv_txvz.js} +2 -2
- package/dist/{MultiActionButtonGroup-xKqiucAN.js.map → MultiActionButtonGroup-CEv_txvz.js.map} +1 -1
- package/dist/{RadioGroup-C2vk5acr.js → RadioGroup-C8EC3fqO.js} +2 -2
- package/dist/{RadioGroup-C2vk5acr.js.map → RadioGroup-C8EC3fqO.js.map} +1 -1
- package/dist/{Search-CVrv3hqf.js → Search-aaUMI4ix.js} +2 -2
- package/dist/{Search-CVrv3hqf.js.map → Search-aaUMI4ix.js.map} +1 -1
- package/dist/{SearchInput-BnU6YHgT.js → SearchInput-Dxi2GK4n.js} +2 -2
- package/dist/{SearchInput-BnU6YHgT.js.map → SearchInput-Dxi2GK4n.js.map} +1 -1
- package/dist/{SectionNav-XlhvXXdF.js → SectionNav-BnHOMLtE.js} +3 -3
- package/dist/{SectionNav-XlhvXXdF.js.map → SectionNav-BnHOMLtE.js.map} +1 -1
- package/dist/Sheet-utw4_rUa.js.map +1 -1
- package/dist/{Sidebar-CKaxOPwY.js → Sidebar-BAmux2Uj.js} +5 -5
- package/dist/{Sidebar-CKaxOPwY.js.map → Sidebar-BAmux2Uj.js.map} +1 -1
- package/dist/{Slider-Rcc2qVct.js → Slider-DbzzSDRV.js} +2 -2
- package/dist/{Slider-Rcc2qVct.js.map → Slider-DbzzSDRV.js.map} +1 -1
- package/dist/{Table-CgSC-fSo.js → Table-CilEvpMq.js} +62 -3
- package/dist/Table-CilEvpMq.js.map +1 -0
- package/dist/{TextInput-B5TDDOty.js → TextInput-K2DSDs5O.js} +2 -2
- package/dist/{TextInput-B5TDDOty.js.map → TextInput-K2DSDs5O.js.map} +1 -1
- package/dist/{ThemeProvider-Dt9b67sW.js → ThemeProvider-C8yaKlM1.js} +2 -2
- package/dist/{ThemeProvider-Dt9b67sW.js.map → ThemeProvider-C8yaKlM1.js.map} +1 -1
- package/dist/ToggleAllTooltip-Dlmq-yqS.js +37 -0
- package/dist/ToggleAllTooltip-Dlmq-yqS.js.map +1 -0
- package/dist/{ZoomableSvg-D8sXKpoV.js → ZoomableSvg-Dh1OstPN.js} +84 -80
- package/dist/ZoomableSvg-Dh1OstPN.js.map +1 -0
- package/dist/editors.js +3 -3
- package/dist/flint.js +10 -45
- package/dist/flint.js.map +1 -1
- package/dist/highlightCode-D354tCXO.js +81 -0
- package/dist/highlightCode-D354tCXO.js.map +1 -0
- package/dist/index.d.ts +792 -346
- package/dist/index.js +35 -35
- package/dist/internal/blocks/AIKit.js +2 -2
- package/dist/internal/blocks/BrandEditor.js +1 -1
- package/dist/internal/blocks/ChipEditor.js +1 -1
- package/dist/internal/blocks/ClipboardButton.js +1 -1
- package/dist/internal/blocks/ColorInput.js +1 -1
- package/dist/internal/blocks/ColorModeSwitch.js +1 -1
- package/dist/internal/blocks/Command.js +1 -1
- package/dist/internal/blocks/CopyField.js +1 -1
- package/dist/internal/blocks/DateInput.js +1 -1
- package/dist/internal/blocks/DateRangeInput.js +1 -1
- package/dist/internal/blocks/DiagramShared/DiagramSkeleton.js.map +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 +1 -1
- package/dist/internal/blocks/FormGroup.js +1 -1
- package/dist/internal/blocks/InlineEdit.js +1 -1
- package/dist/internal/blocks/MultiActionButtonGroup.js +1 -1
- package/dist/internal/blocks/MultiCombobox.js +204 -68
- package/dist/internal/blocks/MultiCombobox.js.map +1 -1
- package/dist/internal/blocks/PasswordInput.js +1 -1
- package/dist/internal/blocks/SearchInput.js +1 -1
- package/dist/internal/blocks/SearchInputWithNavigation.js +2 -2
- 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/TimeInput.js +1 -1
- package/dist/internal/components/Alert.js +1 -1
- package/dist/internal/components/Avatar.js +1 -1
- package/dist/internal/components/Breadcrumb.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/DropdownMenu.js +1 -1
- package/dist/internal/components/HoverCard.js +1 -1
- package/dist/internal/components/Kbd.js +1 -1
- package/dist/internal/components/Modal.js +1 -1
- package/dist/internal/components/RadioGroup.js +1 -1
- package/dist/internal/components/Search.js +1 -1
- package/dist/internal/components/Sidebar.js +1 -1
- package/dist/internal/components/Skeleton/Skeleton.js +1 -1
- package/dist/internal/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/internal/components/Slider.js +1 -1
- package/dist/internal/components/Table.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.d.ts +1 -2
- package/dist/mermaid.js +1 -1
- package/dist/rjsf.js +98 -11
- package/dist/rjsf.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/svgCache-Dhmbe-7i.js +26 -0
- package/dist/svgCache-Dhmbe-7i.js.map +1 -0
- package/dist/svgTransforms-Hnvev3Vs.js +38 -0
- package/dist/svgTransforms-Hnvev3Vs.js.map +1 -0
- package/dist/testing.js +1 -1
- package/dist/{themeTokens-7DEab0kp.js → themeTokens-l2Fsfcs7.js} +3 -12
- package/dist/themeTokens-l2Fsfcs7.js.map +1 -0
- package/dist/{utils-p6tjltbX.js → utils-LQ4jJA-9.js} +18 -2
- package/dist/utils-LQ4jJA-9.js.map +1 -0
- package/dist/vega.js +1 -1
- package/dist/vegaTheme-BrmVoPEz.js +49 -0
- package/dist/vegaTheme-BrmVoPEz.js.map +1 -0
- package/dist/{vegaTheme-VQMWTlBw.js → vegaTokens-Ce07C0DH.js} +36 -44
- package/dist/vegaTokens-Ce07C0DH.js.map +1 -0
- package/package.json +3 -4
- package/src/styles.css +4 -4
- package/dist/AIKit-C5FbKjwa.js.map +0 -1
- package/dist/Breadcrumb-CUyYu5Bi.js.map +0 -1
- package/dist/Combobox-B1Kjoy5J.js.map +0 -1
- package/dist/Command-BuOA3V18.js.map +0 -1
- package/dist/DiagramSource-jTwmmi9g.js +0 -11
- package/dist/DiagramSource-jTwmmi9g.js.map +0 -1
- package/dist/HoverCard-Cy6nhg4u.js.map +0 -1
- package/dist/MermaidDiagram-D2ThT8Q-.js +0 -302
- package/dist/MermaidDiagram-D2ThT8Q-.js.map +0 -1
- package/dist/Modal-DQIauzar.js.map +0 -1
- package/dist/Table-CgSC-fSo.js.map +0 -1
- package/dist/ZoomableSvg-D8sXKpoV.js.map +0 -1
- package/dist/svgTransforms-Dw2hRA-i.js +0 -51
- package/dist/svgTransforms-Dw2hRA-i.js.map +0 -1
- package/dist/themeTokens-7DEab0kp.js.map +0 -1
- package/dist/utils-p6tjltbX.js.map +0 -1
- package/dist/vegaTheme-VQMWTlBw.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { BrandId, ColorScheme, ResolvedColorScheme, Theme, Tokens } from "./type
|
|
|
2
2
|
import { ChangeClassification, DiffChunk, FieldItemProps, MergeConflict } from "./FieldItem-CPN1xjN5.js";
|
|
3
3
|
import { LucideIcon } from "./index-D-itZ3VP.js";
|
|
4
4
|
import * as React$2 from "react";
|
|
5
|
-
import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentRef, Dispatch, FocusEvent, HTMLAttributes, KeyboardEvent, MouseEvent, MouseEventHandler, OptionHTMLAttributes, PropsWithChildren, ReactNode, Ref, RefCallback, RefObject, SelectHTMLAttributes, SetStateAction, TableHTMLAttributes, ThHTMLAttributes } from "react";
|
|
5
|
+
import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentRef, Dispatch, FocusEvent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, OptionHTMLAttributes, PropsWithChildren, ReactNode, Ref, RefCallback, RefObject, SelectHTMLAttributes, SetStateAction, TableHTMLAttributes, ThHTMLAttributes } from "react";
|
|
6
6
|
import { Slot, Slot as Slot$1 } from "@radix-ui/react-slot";
|
|
7
7
|
import { ClassValue } from "clsx";
|
|
8
8
|
import { Content, Root as Root$1, Trigger as Trigger$1 } from "@radix-ui/react-tooltip";
|
|
@@ -28,9 +28,9 @@ import * as SelectPrimitive from "@radix-ui/react-select";
|
|
|
28
28
|
import { CheckedState, Root as Root$11 } from "@radix-ui/react-checkbox";
|
|
29
29
|
import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
|
|
30
30
|
import { OTPInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, SlotProps as OtpInputRenderSlotProps } from "input-otp";
|
|
31
|
+
import { CollapsibleTrigger, Content as Content$5, Root as Root$12 } from "@radix-ui/react-collapsible";
|
|
31
32
|
import { Components, Options } from "react-markdown";
|
|
32
|
-
import { Root as Root$
|
|
33
|
-
import { CollapsibleTrigger, Content as Content$5, Root as Root$13 } from "@radix-ui/react-collapsible";
|
|
33
|
+
import { Root as Root$13 } from "@radix-ui/react-progress";
|
|
34
34
|
import { Action as Action$1, ExternalToast, Toaster as Toaster$1 } from "sonner";
|
|
35
35
|
import { Brand, Brand as Brand$1, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar } from "@keboola/brand-registry";
|
|
36
36
|
import { Group as Group$1, Panel as ResizablePanel, PanelImperativeHandle, Separator as Separator$1, useDefaultLayout } from "react-resizable-panels";
|
|
@@ -50,7 +50,7 @@ declare const argoVariants: (props?: ({
|
|
|
50
50
|
//#endregion
|
|
51
51
|
//#region src/components/Button/Button.d.ts
|
|
52
52
|
/** Props for `Button`; icons are composed as children. */
|
|
53
|
-
type Props$
|
|
53
|
+
type Props$279 = {
|
|
54
54
|
/** Shows a spinner in place of the leading icon, or before the label when there is none. The caller still controls `disabled`. */
|
|
55
55
|
isLoading?: boolean;
|
|
56
56
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
@@ -65,31 +65,31 @@ type Props$272 = {
|
|
|
65
65
|
* @see RECIPES.md#disabled-button-tooltip
|
|
66
66
|
* @see RECIPES.md#confirm-dialog
|
|
67
67
|
*/
|
|
68
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$
|
|
68
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$279) => import("react").JSX.Element;
|
|
69
69
|
//#endregion
|
|
70
70
|
//#region src/components/Button/ButtonInline.d.ts
|
|
71
71
|
declare const buttonInlineVariants: (props?: ({
|
|
72
72
|
color?: "custom" | "danger" | "dark" | "link" | "muted" | null | undefined;
|
|
73
73
|
variant?: "custom" | "link" | "link-reverse" | null | undefined;
|
|
74
74
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
75
|
-
type Props$
|
|
75
|
+
type Props$278 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
76
76
|
asChild?: boolean;
|
|
77
77
|
};
|
|
78
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
78
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$278) => import("react").JSX.Element;
|
|
79
79
|
//#endregion
|
|
80
80
|
//#region src/components/ButtonGroup/ButtonGroup.d.ts
|
|
81
81
|
declare const buttonGroupVariant: (props?: ({
|
|
82
82
|
variant?: "block" | "inline" | null | undefined;
|
|
83
83
|
space?: "compact" | "extra-small" | "large" | "little-small" | "medium" | "small" | null | undefined;
|
|
84
84
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
85
|
-
type Props$
|
|
85
|
+
type Props$277 = {
|
|
86
86
|
children: ReactNode;
|
|
87
87
|
className?: string;
|
|
88
88
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
89
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
89
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$277) => import("react").JSX.Element;
|
|
90
90
|
//#endregion
|
|
91
91
|
//#region src/components/DropdownMenu/DropdownMenuItem.d.ts
|
|
92
|
-
type Props$
|
|
92
|
+
type Props$276 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
93
93
|
/**
|
|
94
94
|
* Stops the closing item stealing focus from the modal it opens (breaks `autoFocus`).
|
|
95
95
|
* https://github.com/radix-ui/primitives/issues/2193#issuecomment-2758461323
|
|
@@ -100,10 +100,10 @@ type Props$269 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
|
100
100
|
isLoading?: boolean;
|
|
101
101
|
iconClassName?: string;
|
|
102
102
|
};
|
|
103
|
-
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$
|
|
103
|
+
declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$276) => import("react").JSX.Element;
|
|
104
104
|
//#endregion
|
|
105
105
|
//#region src/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts
|
|
106
|
-
type Props$
|
|
106
|
+
type Props$275 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
107
107
|
closeOnSelect?: boolean;
|
|
108
108
|
indicator?: 'switch' | 'checkbox' | 'check';
|
|
109
109
|
indicatorAlign?: 'start' | 'end';
|
|
@@ -111,38 +111,38 @@ type Props$268 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
|
111
111
|
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so mixed menus line up. */
|
|
112
112
|
icon?: ReactNode;
|
|
113
113
|
};
|
|
114
|
-
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$
|
|
114
|
+
declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$275) => import("react").JSX.Element;
|
|
115
115
|
//#endregion
|
|
116
116
|
//#region src/components/DropdownMenu/DropdownMenuContent.d.ts
|
|
117
|
-
type Props$
|
|
117
|
+
type Props$274 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
|
|
118
118
|
forceMount?: boolean;
|
|
119
119
|
/** Classes for the inner scroll area, not the popup. Set a width, not a `max-width` (clips rows). */
|
|
120
120
|
className?: string;
|
|
121
121
|
viewPortClassName?: string;
|
|
122
122
|
container?: HTMLElement | null;
|
|
123
123
|
};
|
|
124
|
-
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$
|
|
124
|
+
declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$274) => import("react").JSX.Element;
|
|
125
125
|
//#endregion
|
|
126
126
|
//#region src/components/DropdownMenu/DropdownMenuItemDescription.d.ts
|
|
127
|
-
type Props$
|
|
127
|
+
type Props$273 = ComponentProps<'span'> & {
|
|
128
128
|
hideOnHover?: boolean;
|
|
129
129
|
};
|
|
130
|
-
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$
|
|
130
|
+
declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$273) => import("react").JSX.Element;
|
|
131
131
|
//#endregion
|
|
132
132
|
//#region src/components/DropdownMenu/DropdownMenuLabel.d.ts
|
|
133
|
-
type Props$
|
|
134
|
-
declare const DropdownMenuLabel: ({ className, ...props }: Props$
|
|
133
|
+
type Props$272 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
|
|
134
|
+
declare const DropdownMenuLabel: ({ className, ...props }: Props$272) => import("react").JSX.Element;
|
|
135
135
|
//#endregion
|
|
136
136
|
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.d.ts
|
|
137
|
-
type Props$
|
|
137
|
+
type Props$271<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
|
|
138
138
|
value?: Value;
|
|
139
139
|
defaultValue?: Value;
|
|
140
140
|
onValueChange?: (value: Value) => void;
|
|
141
141
|
};
|
|
142
|
-
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$
|
|
142
|
+
declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$271<Value>) => import("react").JSX.Element;
|
|
143
143
|
//#endregion
|
|
144
144
|
//#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.d.ts
|
|
145
|
-
type Props$
|
|
145
|
+
type Props$270 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
146
146
|
closeOnSelect?: boolean;
|
|
147
147
|
indicatorAlign?: 'start' | 'end';
|
|
148
148
|
indicator?: 'radio' | 'check' | 'none';
|
|
@@ -150,33 +150,33 @@ type Props$263 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
|
150
150
|
iconClassName?: string;
|
|
151
151
|
isLoading?: boolean;
|
|
152
152
|
};
|
|
153
|
-
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$
|
|
153
|
+
declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$270) => import("react").JSX.Element;
|
|
154
154
|
//#endregion
|
|
155
155
|
//#region src/components/DropdownMenu/DropdownMenuSeparator.d.ts
|
|
156
|
-
type Props$
|
|
157
|
-
declare const DropdownMenuSeparator: ({ className, ...props }: Props$
|
|
156
|
+
type Props$269 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
157
|
+
declare const DropdownMenuSeparator: ({ className, ...props }: Props$269) => import("react").JSX.Element;
|
|
158
158
|
//#endregion
|
|
159
159
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.d.ts
|
|
160
160
|
declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
161
161
|
//#endregion
|
|
162
162
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.d.ts
|
|
163
|
-
type Props$
|
|
164
|
-
declare const DropdownMenuSubContent: ({ className, ...props }: Props$
|
|
163
|
+
type Props$268 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
|
|
164
|
+
declare const DropdownMenuSubContent: ({ className, ...props }: Props$268) => import("react").JSX.Element;
|
|
165
165
|
//#endregion
|
|
166
166
|
//#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.d.ts
|
|
167
|
-
type Props$
|
|
167
|
+
type Props$267 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
168
168
|
/** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so the trigger lines up with items. */
|
|
169
169
|
icon?: ReactNode;
|
|
170
170
|
};
|
|
171
|
-
declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$
|
|
171
|
+
declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$267) => import("react").JSX.Element;
|
|
172
172
|
//#endregion
|
|
173
173
|
//#region src/components/DropdownMenu/DropdownMenuTrigger.d.ts
|
|
174
|
-
type Props$
|
|
175
|
-
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$
|
|
174
|
+
type Props$266 = ComponentProps<typeof Trigger$2>;
|
|
175
|
+
declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$266) => import("react").JSX.Element;
|
|
176
176
|
//#endregion
|
|
177
177
|
//#region src/components/DropdownMenu/DropdownMenu.d.ts
|
|
178
|
-
type Props$
|
|
179
|
-
declare function DropdownMenu({ modal, ...props }: Props$
|
|
178
|
+
type Props$265 = ComponentProps<typeof Root$2>;
|
|
179
|
+
declare function DropdownMenu({ modal, ...props }: Props$265): import("react").JSX.Element;
|
|
180
180
|
declare namespace DropdownMenu {
|
|
181
181
|
export { DropdownMenuTrigger as Trigger };
|
|
182
182
|
export { DropdownMenuContent as Content };
|
|
@@ -197,7 +197,7 @@ declare namespace DropdownMenu {
|
|
|
197
197
|
type Variant$9 = ComponentProps<typeof Button>['variant'];
|
|
198
198
|
type Size$1 = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
199
199
|
type SpitButtonSize = Exclude<Size$1, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
200
|
-
type Props$
|
|
200
|
+
type Props$264 = {
|
|
201
201
|
actions?: ReactNode;
|
|
202
202
|
isActionsOpen?: boolean;
|
|
203
203
|
onActionsOpenChange?: (open: boolean) => void;
|
|
@@ -208,7 +208,7 @@ type Props$257 = {
|
|
|
208
208
|
variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
|
|
209
209
|
size?: SpitButtonSize;
|
|
210
210
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
211
|
-
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$
|
|
211
|
+
declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$264) => import("react").JSX.Element;
|
|
212
212
|
declare const SplitButton: typeof SplitButtonBase & {
|
|
213
213
|
Action: typeof DropdownMenuItem;
|
|
214
214
|
Actions: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -218,23 +218,31 @@ declare const SplitButton: typeof SplitButtonBase & {
|
|
|
218
218
|
declare const tooltipVariants: (props?: ({
|
|
219
219
|
variant?: "action" | "explanatory" | null | undefined;
|
|
220
220
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
221
|
-
type Props$
|
|
221
|
+
type Props$263 = {
|
|
222
222
|
keepOpenOnPointerDownOutside?: boolean;
|
|
223
223
|
/** Force argo (`true`) or legacy (`false`) chrome; `undefined` follows the brand. */
|
|
224
224
|
argo?: boolean;
|
|
225
225
|
placement?: ComponentProps<typeof Content>['side'];
|
|
226
226
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
227
|
-
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, argo, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$
|
|
227
|
+
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, argo, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$263) => import("react").JSX.Element;
|
|
228
228
|
//#endregion
|
|
229
229
|
//#region src/components/Tooltip/TooltipRoot.d.ts
|
|
230
|
-
type Props$
|
|
231
|
-
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$
|
|
230
|
+
type Props$262 = ComponentProps<typeof Root$1>;
|
|
231
|
+
declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$262) => import("react").JSX.Element;
|
|
232
|
+
//#endregion
|
|
233
|
+
//#region src/components/Tooltip/TooltipTitle.d.ts
|
|
234
|
+
/**
|
|
235
|
+
* Small uppercase heading above a rich tooltip's body copy.
|
|
236
|
+
*
|
|
237
|
+
* - Takes the tooltip's text colour, so it reads on both the legacy and the argo chrome.
|
|
238
|
+
*/
|
|
239
|
+
declare const TooltipTitle: ({ className, ...rest }: ComponentProps<'div'>) => import("react").JSX.Element;
|
|
232
240
|
//#endregion
|
|
233
241
|
//#region src/components/Tooltip/TooltipTrigger.d.ts
|
|
234
|
-
type Props$
|
|
242
|
+
type Props$261 = {
|
|
235
243
|
keepOpenOnClick?: boolean;
|
|
236
244
|
} & ComponentProps<typeof Trigger$1>;
|
|
237
|
-
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$
|
|
245
|
+
declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$261) => import("react").JSX.Element;
|
|
238
246
|
//#endregion
|
|
239
247
|
//#region src/components/Tooltip/Tooltip.d.ts
|
|
240
248
|
declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-neutral-300 tw:underline-offset-2";
|
|
@@ -267,10 +275,11 @@ declare namespace Tooltip {
|
|
|
267
275
|
export { TooltipRoot as Root };
|
|
268
276
|
export { TooltipContent as Content };
|
|
269
277
|
export { TooltipTrigger as Trigger };
|
|
278
|
+
export { TooltipTitle as Title };
|
|
270
279
|
}
|
|
271
280
|
//#endregion
|
|
272
281
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButton.d.ts
|
|
273
|
-
type Props$
|
|
282
|
+
type Props$260 = {
|
|
274
283
|
disabled?: boolean;
|
|
275
284
|
icon: ReactNode;
|
|
276
285
|
isLoading?: boolean;
|
|
@@ -280,13 +289,13 @@ type Props$253 = {
|
|
|
280
289
|
tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];
|
|
281
290
|
'data-testid'?: string;
|
|
282
291
|
};
|
|
283
|
-
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$
|
|
292
|
+
declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$260) => import("react").JSX.Element;
|
|
284
293
|
//#endregion
|
|
285
294
|
//#region src/blocks/MultiActionButtonGroup/MultiActionButtonGroup.d.ts
|
|
286
|
-
type Props$
|
|
295
|
+
type Props$259 = {
|
|
287
296
|
className?: string;
|
|
288
297
|
} & PropsWithChildren;
|
|
289
|
-
declare function MultiActionButtonGroup({ children, className }: Props$
|
|
298
|
+
declare function MultiActionButtonGroup({ children, className }: Props$259): import("react").JSX.Element;
|
|
290
299
|
declare namespace MultiActionButtonGroup {
|
|
291
300
|
export { MultiActionButton as Button };
|
|
292
301
|
}
|
|
@@ -298,12 +307,12 @@ declare const toggleVariants: (props?: ({
|
|
|
298
307
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
299
308
|
iconOnly?: boolean | null | undefined;
|
|
300
309
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
301
|
-
type Props$
|
|
310
|
+
type Props$258 = {
|
|
302
311
|
icon?: ReactNode;
|
|
303
312
|
badge?: ReactNode;
|
|
304
313
|
orientation?: 'horizontal' | 'vertical';
|
|
305
314
|
} & ComponentProps<typeof Root$3> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
|
|
306
|
-
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$
|
|
315
|
+
declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$258) => import("react").JSX.Element;
|
|
307
316
|
//#endregion
|
|
308
317
|
//#region src/components/ToggleGroup/ToggleGroup.d.ts
|
|
309
318
|
declare const rootVariants: (props?: ({
|
|
@@ -323,30 +332,30 @@ declare const ToggleGroup: typeof Root$20 & {
|
|
|
323
332
|
};
|
|
324
333
|
//#endregion
|
|
325
334
|
//#region src/components/Clipboard/Clipboard.d.ts
|
|
326
|
-
type Props$
|
|
335
|
+
type Props$257 = {
|
|
327
336
|
tooltip?: Props$10['tooltip'];
|
|
328
337
|
tooltipPlacement?: Props$10['placement'];
|
|
329
338
|
tooltipVariant?: Props$10['variant'];
|
|
330
339
|
asChild?: Props$10['triggerAsChild'];
|
|
331
340
|
text?: string | (() => string);
|
|
332
341
|
} & ComponentProps<'button'>;
|
|
333
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
342
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$257) => import("react").JSX.Element;
|
|
334
343
|
//#endregion
|
|
335
344
|
//#region src/blocks/ClipboardButton/ClipboardButton.d.ts
|
|
336
345
|
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
337
346
|
type ButtonProps$4 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
338
|
-
type Props$
|
|
347
|
+
type Props$256 = ClipboardProps$1 & ButtonProps$4 & {
|
|
339
348
|
icon?: ReactNode;
|
|
340
349
|
};
|
|
341
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
350
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$256) => import("react").JSX.Element;
|
|
342
351
|
//#endregion
|
|
343
352
|
//#region src/blocks/ClipboardButton/ClipboardInline.d.ts
|
|
344
353
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
345
354
|
type ButtonProps$3 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
346
|
-
type Props$
|
|
355
|
+
type Props$255 = {
|
|
347
356
|
hideIcon?: boolean;
|
|
348
357
|
} & ClipboardProps & ButtonProps$3;
|
|
349
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
358
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$255) => import("react").JSX.Element;
|
|
350
359
|
//#endregion
|
|
351
360
|
//#region src/blocks/ExportMenu/ExportMenu.d.ts
|
|
352
361
|
type ExportMenuItem = {
|
|
@@ -354,7 +363,7 @@ type ExportMenuItem = {
|
|
|
354
363
|
label: string;
|
|
355
364
|
onSelect: () => void;
|
|
356
365
|
};
|
|
357
|
-
type Props$
|
|
366
|
+
type Props$254 = {
|
|
358
367
|
items: ExportMenuItem[];
|
|
359
368
|
/** Accessible name + tooltip for the trigger, e.g. "Export table". */
|
|
360
369
|
label: string;
|
|
@@ -368,7 +377,7 @@ type Props$247 = {
|
|
|
368
377
|
* - Callers inject it into `ZoomableSvg`; importing it there would pull ~11 kB of
|
|
369
378
|
* `DropdownMenu` chunk-mates behind the lazy `@keboola/design/mermaid` boundary.
|
|
370
379
|
*/
|
|
371
|
-
declare const ExportMenu: ({ items, label, size, variant }: Props$
|
|
380
|
+
declare const ExportMenu: ({ items, label, size, variant }: Props$254) => import("react").JSX.Element;
|
|
372
381
|
//#endregion
|
|
373
382
|
//#region src/blocks/CopyField/CopyBox.d.ts
|
|
374
383
|
type CopyBoxProps = {
|
|
@@ -531,11 +540,11 @@ declare const LABELS$2: {
|
|
|
531
540
|
readonly signup: 'Sign up with Microsoft';
|
|
532
541
|
readonly continue: 'Continue with Microsoft';
|
|
533
542
|
};
|
|
534
|
-
type Props$
|
|
543
|
+
type Props$253 = ComponentPropsWithRef<'button'> & {
|
|
535
544
|
label?: keyof typeof LABELS$2;
|
|
536
545
|
isLoading?: boolean;
|
|
537
546
|
};
|
|
538
|
-
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
547
|
+
declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$253) => import("react").JSX.Element;
|
|
539
548
|
//#endregion
|
|
540
549
|
//#region src/blocks/FacebookButton/FacebookButton.d.ts
|
|
541
550
|
/** The call-to-action wordings Meta's Facebook Login guidelines prefer. */
|
|
@@ -543,7 +552,7 @@ declare const LABELS$1: {
|
|
|
543
552
|
readonly login: 'Log in with Facebook';
|
|
544
553
|
readonly continue: 'Continue with Facebook';
|
|
545
554
|
};
|
|
546
|
-
type Props$
|
|
555
|
+
type Props$252 = ComponentPropsWithRef<'button'> & {
|
|
547
556
|
label?: keyof typeof LABELS$1;
|
|
548
557
|
isLoading?: boolean;
|
|
549
558
|
};
|
|
@@ -552,7 +561,7 @@ type Props$245 = ComponentPropsWithRef<'button'> & {
|
|
|
552
561
|
*
|
|
553
562
|
* - The fill is the logo pack's Facebook Blue; the mark is the secondary logo (white disc).
|
|
554
563
|
*/
|
|
555
|
-
declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
564
|
+
declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$252) => import("react").JSX.Element;
|
|
556
565
|
//#endregion
|
|
557
566
|
//#region src/blocks/GoogleButton/GoogleButton.d.ts
|
|
558
567
|
declare const LABELS: {
|
|
@@ -566,15 +575,15 @@ declare const variants$6: (props?: ({
|
|
|
566
575
|
shape?: "circle" | "rectangular" | null | undefined;
|
|
567
576
|
size?: "default" | "icon" | null | undefined;
|
|
568
577
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
569
|
-
type Props$
|
|
578
|
+
type Props$251 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
|
|
570
579
|
label?: keyof typeof LABELS;
|
|
571
580
|
isLoading?: boolean;
|
|
572
581
|
};
|
|
573
|
-
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$
|
|
582
|
+
declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$251) => import("react").JSX.Element;
|
|
574
583
|
//#endregion
|
|
575
584
|
//#region src/components/Link.d.ts
|
|
576
|
-
type Props$
|
|
577
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
585
|
+
type Props$250 = ComponentProps<'a'>;
|
|
586
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$250) => import("react").JSX.Element;
|
|
578
587
|
//#endregion
|
|
579
588
|
//#region src/components/AlertModal/variant.d.ts
|
|
580
589
|
/**
|
|
@@ -584,7 +593,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
|
|
|
584
593
|
type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
585
594
|
//#endregion
|
|
586
595
|
//#region src/components/AlertModal/AlertModalContent.d.ts
|
|
587
|
-
type Props$
|
|
596
|
+
type Props$249 = {
|
|
588
597
|
variant?: AlertModalVariant;
|
|
589
598
|
/** `false` draws no icon at all, and gives the title and body its column. */
|
|
590
599
|
icon?: ReactNode | false;
|
|
@@ -595,23 +604,23 @@ type Props$242 = {
|
|
|
595
604
|
confirmDisabled?: boolean;
|
|
596
605
|
container?: ComponentProps<typeof Portal$1>['container'];
|
|
597
606
|
} & Omit<ComponentProps<typeof Content$1>, 'title'>;
|
|
598
|
-
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$
|
|
607
|
+
declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$249) => import("react").JSX.Element;
|
|
599
608
|
//#endregion
|
|
600
609
|
//#region src/components/AlertModal/AlertModalTrigger.d.ts
|
|
601
|
-
type Props$
|
|
602
|
-
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$
|
|
610
|
+
type Props$248 = ComponentPropsWithRef<typeof Trigger$3>;
|
|
611
|
+
declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$248) => import("react").JSX.Element;
|
|
603
612
|
//#endregion
|
|
604
613
|
//#region src/components/AlertModal/AlertModal.d.ts
|
|
605
614
|
type ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
|
|
606
615
|
type CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;
|
|
607
|
-
type Props$
|
|
616
|
+
type Props$247 = {
|
|
608
617
|
onConfirm?: ConfirmHandler;
|
|
609
618
|
onCancel?: CancelHandler;
|
|
610
619
|
skipAsyncWait?: boolean;
|
|
611
620
|
/** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
|
|
612
621
|
isLoading?: boolean;
|
|
613
622
|
} & ComponentProps<typeof Root$4>;
|
|
614
|
-
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$
|
|
623
|
+
declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$247): import("react").JSX.Element;
|
|
615
624
|
declare namespace AlertModal {
|
|
616
625
|
export { AlertModalTrigger as Trigger };
|
|
617
626
|
export { AlertModalContent as Content };
|
|
@@ -619,33 +628,35 @@ declare namespace AlertModal {
|
|
|
619
628
|
//#endregion
|
|
620
629
|
//#region src/components/Modal/ModalBody.d.ts
|
|
621
630
|
/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as="form"` is reserved for future use. */
|
|
622
|
-
type Props$
|
|
631
|
+
type Props$246 = ComponentProps<'div'> & {
|
|
623
632
|
as?: 'form';
|
|
624
633
|
};
|
|
625
634
|
/**
|
|
626
635
|
* Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.
|
|
627
636
|
* Takes available height inside `Modal.Content` and scrolls when content overflows.
|
|
628
637
|
*/
|
|
629
|
-
declare const ModalBody: ({ className, ...props }: Props$
|
|
638
|
+
declare const ModalBody: ({ className, ...props }: Props$246) => import("react").JSX.Element;
|
|
630
639
|
//#endregion
|
|
631
640
|
//#region src/components/Modal/ModalContent.d.ts
|
|
632
|
-
type Props$
|
|
641
|
+
type Props$245 = ComponentProps<typeof Content$2> & {
|
|
633
642
|
size?: 'small' | 'medium' | 'large';
|
|
643
|
+
/** `top` keeps a form that changes height in place; ignored by the legacy brand (always top-anchored). */
|
|
644
|
+
align?: 'center' | 'top';
|
|
634
645
|
};
|
|
635
|
-
declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$
|
|
646
|
+
declare const ModalContent: ({ size, align, className, children, onEscapeKeyDown, ...props }: Props$245) => import("react").JSX.Element;
|
|
636
647
|
//#endregion
|
|
637
648
|
//#region src/components/Modal/ModalFooter.d.ts
|
|
638
|
-
type Props$
|
|
649
|
+
type Props$244 = ComponentPropsWithRef<'div'>;
|
|
639
650
|
/**
|
|
640
651
|
* The modal's action row.
|
|
641
652
|
*
|
|
642
653
|
* - A child that should fill the row carries `tw:w-full` itself; the footer is already full width.
|
|
643
654
|
* - tailwind-merge replaces only within a group: `tw:flex-col` keeps `items-center`, so add `tw:items-stretch`.
|
|
644
655
|
*/
|
|
645
|
-
declare const ModalFooter: ({ className, ...props }: Props$
|
|
656
|
+
declare const ModalFooter: ({ className, ...props }: Props$244) => import("react").JSX.Element;
|
|
646
657
|
//#endregion
|
|
647
658
|
//#region src/components/Modal/ModalHeader.d.ts
|
|
648
|
-
type Props$
|
|
659
|
+
type Props$243 = {
|
|
649
660
|
/** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */
|
|
650
661
|
icon?: ReactNode;
|
|
651
662
|
/** Visible subtitle below the title (also fills `aria-describedby`). */
|
|
@@ -658,11 +669,11 @@ type Props$236 = {
|
|
|
658
669
|
hideCloseIcon?: boolean;
|
|
659
670
|
} & ComponentProps<'div'>;
|
|
660
671
|
/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */
|
|
661
|
-
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$
|
|
672
|
+
declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$243) => import("react").JSX.Element;
|
|
662
673
|
//#endregion
|
|
663
674
|
//#region src/components/Modal/ModalIcon.d.ts
|
|
664
675
|
type NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';
|
|
665
|
-
type Props$
|
|
676
|
+
type Props$242 = {
|
|
666
677
|
color: NamedColor | (string & {});
|
|
667
678
|
icon: ReactNode;
|
|
668
679
|
};
|
|
@@ -674,25 +685,25 @@ type Props$235 = {
|
|
|
674
685
|
* - CSS (`group-data-[argo=true]/modal:`) toggles the two, no context.
|
|
675
686
|
* - `color` is categorical (`red` destructive … `violet` agent), fixed across brand themes.
|
|
676
687
|
*/
|
|
677
|
-
declare const ModalIcon: ({ color, icon }: Props$
|
|
688
|
+
declare const ModalIcon: ({ color, icon }: Props$242) => import("react").JSX.Element;
|
|
678
689
|
//#endregion
|
|
679
690
|
//#region src/components/Modal/ModalImage.d.ts
|
|
680
|
-
type Props$
|
|
691
|
+
type Props$241 = {
|
|
681
692
|
src: string;
|
|
682
693
|
/** Accessible alt text. Defaults to `""` (decorative) — provide it when the image carries meaning. */
|
|
683
694
|
alt?: string;
|
|
684
695
|
};
|
|
685
|
-
declare const ModalImage: ({ src, alt }: Props$
|
|
696
|
+
declare const ModalImage: ({ src, alt }: Props$241) => import("react").JSX.Element | null;
|
|
686
697
|
//#endregion
|
|
687
698
|
//#region src/components/Modal/ModalOverlay.d.ts
|
|
688
|
-
type Props$
|
|
699
|
+
type Props$240 = ComponentProps<typeof Overlay$1> & {
|
|
689
700
|
disableTransition?: boolean;
|
|
690
701
|
};
|
|
691
|
-
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$
|
|
702
|
+
declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$240) => import("react").JSX.Element;
|
|
692
703
|
//#endregion
|
|
693
704
|
//#region src/components/Modal/Modal.d.ts
|
|
694
|
-
type Props$
|
|
695
|
-
declare function Modal(props: Props$
|
|
705
|
+
type Props$239 = ComponentProps<typeof Root$5>;
|
|
706
|
+
declare function Modal(props: Props$239): import("react").JSX.Element;
|
|
696
707
|
declare namespace Modal {
|
|
697
708
|
export { Close };
|
|
698
709
|
export { Trigger$4 as Trigger };
|
|
@@ -706,13 +717,13 @@ declare namespace Modal {
|
|
|
706
717
|
}
|
|
707
718
|
//#endregion
|
|
708
719
|
//#region src/components/FullScreenModal/FullScreenModalBody.d.ts
|
|
709
|
-
type Props$
|
|
710
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
720
|
+
type Props$238 = HTMLAttributes<HTMLDivElement>;
|
|
721
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$238 & {
|
|
711
722
|
ref?: Ref<HTMLDivElement>;
|
|
712
723
|
}) => import("react").JSX.Element;
|
|
713
724
|
//#endregion
|
|
714
725
|
//#region src/components/FullScreenModal/FullScreenModalHeader.d.ts
|
|
715
|
-
type Props$
|
|
726
|
+
type Props$237 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
716
727
|
title: ReactNode;
|
|
717
728
|
titleClassName?: string;
|
|
718
729
|
titleWrapperClassName?: string;
|
|
@@ -721,17 +732,17 @@ type Props$230 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
721
732
|
onClose?: () => void;
|
|
722
733
|
showPreviousTitle?: boolean;
|
|
723
734
|
}>;
|
|
724
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
735
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$237) => import("react").JSX.Element;
|
|
725
736
|
//#endregion
|
|
726
737
|
//#region src/components/FullScreenModal/FullScreenModalRoot.d.ts
|
|
727
|
-
type Props$
|
|
738
|
+
type Props$236 = HTMLAttributes<HTMLDivElement> & {
|
|
728
739
|
children: ReactNode;
|
|
729
740
|
/** Lock body scroll when modal is open. Default: true */
|
|
730
741
|
lockBodyScroll?: boolean;
|
|
731
742
|
/** Callback when ESC key is pressed */
|
|
732
743
|
onEscapeKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
733
744
|
};
|
|
734
|
-
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$
|
|
745
|
+
declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$236) => import("react").ReactPortal;
|
|
735
746
|
//#endregion
|
|
736
747
|
//#region src/components/FullScreenModal/FullScreenModal.d.ts
|
|
737
748
|
declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
@@ -740,42 +751,42 @@ declare const FullScreenModal: typeof FullScreenModalRoot & {
|
|
|
740
751
|
};
|
|
741
752
|
//#endregion
|
|
742
753
|
//#region src/components/Sheet/SheetBody.d.ts
|
|
743
|
-
type Props$
|
|
744
|
-
declare const SheetBody: ({ className, ...rest }: Props$
|
|
754
|
+
type Props$235 = ComponentProps<'div'>;
|
|
755
|
+
declare const SheetBody: ({ className, ...rest }: Props$235) => import("react").JSX.Element;
|
|
745
756
|
//#endregion
|
|
746
757
|
//#region src/components/Sheet/SheetContent.d.ts
|
|
747
758
|
declare const sheetContentVariants: (props?: ({
|
|
748
759
|
disableTransition?: boolean | null | undefined;
|
|
749
760
|
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
750
761
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
751
|
-
type Props$
|
|
762
|
+
type Props$234 = ComponentProps<typeof Content$2> & {
|
|
752
763
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
753
764
|
hideOverlay?: boolean;
|
|
754
765
|
keepOpenOnPointerDownOutside?: boolean;
|
|
755
766
|
} & VariantProps<typeof sheetContentVariants> & Pick<ComponentProps<typeof Portal$2>, 'container'>;
|
|
756
|
-
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$
|
|
767
|
+
declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$234) => import("react").JSX.Element;
|
|
757
768
|
//#endregion
|
|
758
769
|
//#region src/components/Sheet/SheetFooter.d.ts
|
|
759
|
-
type Props$
|
|
760
|
-
declare const SheetFooter: ({ className, ...props }: Props$
|
|
770
|
+
type Props$233 = ComponentProps<'div'>;
|
|
771
|
+
declare const SheetFooter: ({ className, ...props }: Props$233) => import("react").JSX.Element;
|
|
761
772
|
//#endregion
|
|
762
773
|
//#region src/components/Sheet/SheetHeader.d.ts
|
|
763
|
-
type Props$
|
|
774
|
+
type Props$232 = {
|
|
764
775
|
title?: ReactNode;
|
|
765
776
|
description?: ReactNode;
|
|
766
777
|
hideCloseIcon?: boolean;
|
|
767
778
|
} & ComponentProps<'div'>;
|
|
768
|
-
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$
|
|
779
|
+
declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$232) => import("react").JSX.Element;
|
|
769
780
|
//#endregion
|
|
770
781
|
//#region src/components/Sheet/SheetTitle.d.ts
|
|
771
|
-
type Props$
|
|
782
|
+
type Props$231 = ComponentProps<typeof Title$1> & {
|
|
772
783
|
visuallyHidden?: boolean;
|
|
773
784
|
};
|
|
774
|
-
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$
|
|
785
|
+
declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$231) => import("react").JSX.Element;
|
|
775
786
|
//#endregion
|
|
776
787
|
//#region src/components/Sheet/Sheet.d.ts
|
|
777
|
-
type Props$
|
|
778
|
-
declare function Sheet(props: Props$
|
|
788
|
+
type Props$230 = ComponentProps<typeof Root$5>;
|
|
789
|
+
declare function Sheet(props: Props$230): import("react").JSX.Element;
|
|
779
790
|
declare namespace Sheet {
|
|
780
791
|
export { Close };
|
|
781
792
|
export { Trigger$4 as Trigger };
|
|
@@ -791,17 +802,17 @@ declare const variants$5: (props?: ({
|
|
|
791
802
|
variant?: "argo" | "default" | null | undefined;
|
|
792
803
|
matchTriggerWidth?: boolean | null | undefined;
|
|
793
804
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
794
|
-
type Props$
|
|
805
|
+
type Props$229 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
|
|
795
806
|
/**
|
|
796
807
|
* Portal target, default `document.body`; pass a theme-scoped host so the panel takes its theme.
|
|
797
808
|
*/
|
|
798
809
|
container?: ComponentProps<typeof Portal$3>['container'];
|
|
799
810
|
};
|
|
800
|
-
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$
|
|
811
|
+
declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$229) => import("react").JSX.Element;
|
|
801
812
|
//#endregion
|
|
802
813
|
//#region src/components/Popover/Popover.d.ts
|
|
803
|
-
type Props$
|
|
804
|
-
declare function Popover(props: Props$
|
|
814
|
+
type Props$228 = ComponentProps<typeof Root$6>;
|
|
815
|
+
declare function Popover(props: Props$228): import("react").JSX.Element;
|
|
805
816
|
declare namespace Popover {
|
|
806
817
|
export { PopoverContent as Content };
|
|
807
818
|
export { Trigger$5 as Trigger };
|
|
@@ -819,8 +830,8 @@ type PopconfirmContextType = {
|
|
|
819
830
|
};
|
|
820
831
|
//#endregion
|
|
821
832
|
//#region src/components/Popconfirm/PopconfirmBody.d.ts
|
|
822
|
-
type Props$
|
|
823
|
-
declare const PopconfirmBody: (props: Props$
|
|
833
|
+
type Props$227 = ComponentProps<'div'>;
|
|
834
|
+
declare const PopconfirmBody: (props: Props$227) => import("react").JSX.Element;
|
|
824
835
|
//#endregion
|
|
825
836
|
//#region src/components/Popconfirm/PopconfirmCancel.d.ts
|
|
826
837
|
type SlotProps$5 = {
|
|
@@ -830,8 +841,8 @@ type ButtonProps$2 = {
|
|
|
830
841
|
asChild?: false;
|
|
831
842
|
children?: ReactNode;
|
|
832
843
|
} & Omit<ComponentProps<typeof Button>, 'children'>;
|
|
833
|
-
type Props$
|
|
834
|
-
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
844
|
+
type Props$226 = SlotProps$5 | ButtonProps$2;
|
|
845
|
+
declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$226) => import("react").JSX.Element;
|
|
835
846
|
//#endregion
|
|
836
847
|
//#region src/components/Popconfirm/PopconfirmConfirm.d.ts
|
|
837
848
|
type SlotProps$4 = {
|
|
@@ -841,27 +852,27 @@ type ButtonProps$1 = {
|
|
|
841
852
|
asChild?: false;
|
|
842
853
|
children?: ReactNode;
|
|
843
854
|
} & Omit<ComponentProps<typeof Button>, 'children' | 'isLoading'>;
|
|
844
|
-
type Props$
|
|
845
|
-
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$
|
|
855
|
+
type Props$225 = SlotProps$4 | ButtonProps$1;
|
|
856
|
+
declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$225) => import("react").JSX.Element;
|
|
846
857
|
//#endregion
|
|
847
858
|
//#region src/components/Popconfirm/PopconfirmContent.d.ts
|
|
848
|
-
type Props$
|
|
849
|
-
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$
|
|
859
|
+
type Props$224 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
|
|
860
|
+
declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$224) => import("react").JSX.Element;
|
|
850
861
|
//#endregion
|
|
851
862
|
//#region src/components/Popconfirm/PopconfirmFooter.d.ts
|
|
852
|
-
type Props$
|
|
853
|
-
declare const PopconfirmFooter: ({ className, ...props }: Props$
|
|
863
|
+
type Props$223 = ComponentProps<'div'>;
|
|
864
|
+
declare const PopconfirmFooter: ({ className, ...props }: Props$223) => import("react").JSX.Element;
|
|
854
865
|
//#endregion
|
|
855
866
|
//#region src/components/Popconfirm/PopconfirmTrigger.d.ts
|
|
856
|
-
type Props$
|
|
857
|
-
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$
|
|
867
|
+
type Props$222 = ComponentProps<typeof Popover.Trigger>;
|
|
868
|
+
declare const PopconfirmTrigger: ({ onClick, ...props }: Props$222) => import("react").JSX.Element;
|
|
858
869
|
//#endregion
|
|
859
870
|
//#region src/components/Popconfirm/Popconfirm.d.ts
|
|
860
|
-
type Props$
|
|
871
|
+
type Props$221 = {
|
|
861
872
|
children: ReactNode;
|
|
862
873
|
skipAsyncWait?: boolean;
|
|
863
874
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
864
|
-
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
875
|
+
declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$221): import("react").JSX.Element;
|
|
865
876
|
declare namespace Popconfirm {
|
|
866
877
|
export { PopconfirmConfirm as Confirm };
|
|
867
878
|
export { PopconfirmCancel as Cancel };
|
|
@@ -872,52 +883,52 @@ declare namespace Popconfirm {
|
|
|
872
883
|
}
|
|
873
884
|
//#endregion
|
|
874
885
|
//#region src/components/HoverCard/HoverCardContent.d.ts
|
|
875
|
-
type Props$
|
|
876
|
-
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$
|
|
886
|
+
type Props$220 = ComponentProps<typeof Content$4>;
|
|
887
|
+
declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$220) => import("react").JSX.Element;
|
|
877
888
|
//#endregion
|
|
878
889
|
//#region src/components/HoverCard/HoverCard.d.ts
|
|
879
|
-
type Props$
|
|
880
|
-
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$
|
|
890
|
+
type Props$219 = ComponentProps<typeof Root$7>;
|
|
891
|
+
declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$219): import("react").JSX.Element;
|
|
881
892
|
declare namespace HoverCard {
|
|
882
893
|
export { HoverCardContent as Content };
|
|
883
894
|
export { Trigger$6 as Trigger };
|
|
884
895
|
}
|
|
885
896
|
//#endregion
|
|
886
897
|
//#region src/blocks/Command/CommandContent.d.ts
|
|
887
|
-
type Props$
|
|
888
|
-
declare const CommandContent: ({ className, ...rest }: Props$
|
|
898
|
+
type Props$218 = ComponentProps<'div'>;
|
|
899
|
+
declare const CommandContent: ({ className, ...rest }: Props$218) => import("react").JSX.Element;
|
|
889
900
|
//#endregion
|
|
890
901
|
//#region src/blocks/Command/CommandEmpty.d.ts
|
|
891
|
-
type Props$
|
|
892
|
-
declare const CommandEmpty: ({ ...props }: Props$
|
|
902
|
+
type Props$217 = ComponentProps<typeof Command$1.Empty>;
|
|
903
|
+
declare const CommandEmpty: ({ ...props }: Props$217) => import("react").JSX.Element;
|
|
893
904
|
//#endregion
|
|
894
905
|
//#region src/blocks/Command/CommandGroup.d.ts
|
|
895
|
-
type Props$
|
|
896
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
906
|
+
type Props$216 = ComponentProps<typeof Command$1.Group>;
|
|
907
|
+
declare const CommandGroup: ({ className, ...props }: Props$216) => import("react").JSX.Element;
|
|
897
908
|
//#endregion
|
|
898
909
|
//#region src/components/InputGroup/InputGroupAddon.d.ts
|
|
899
910
|
declare const addonVariants$1: (props?: ({
|
|
900
911
|
align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
|
|
901
912
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
902
|
-
type Props$
|
|
903
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
913
|
+
type Props$215 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
914
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$215) => import("react").JSX.Element;
|
|
904
915
|
//#endregion
|
|
905
916
|
//#region src/components/InputGroup/InputGroupButton.d.ts
|
|
906
917
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
907
|
-
type Props$
|
|
908
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
918
|
+
type Props$214 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
919
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$214) => import("react").JSX.Element;
|
|
909
920
|
//#endregion
|
|
910
921
|
//#region src/components/InputGroup/InputGroupInput.d.ts
|
|
911
|
-
type Props$
|
|
912
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
922
|
+
type Props$213 = ComponentProps<'input'>;
|
|
923
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$213) => import("react").JSX.Element;
|
|
913
924
|
//#endregion
|
|
914
925
|
//#region src/components/InputGroup/InputGroupText.d.ts
|
|
915
|
-
type Props$
|
|
916
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
926
|
+
type Props$212 = ComponentProps<'span'>;
|
|
927
|
+
declare const InputGroupText: ({ className, ...props }: Props$212) => import("react").JSX.Element;
|
|
917
928
|
//#endregion
|
|
918
929
|
//#region src/components/InputGroup/InputGroupTextArea.d.ts
|
|
919
930
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof TextareaAutosize>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
920
|
-
type Props$
|
|
931
|
+
type Props$211 = TextareaNativeProps$1 & {
|
|
921
932
|
value?: string | null;
|
|
922
933
|
defaultValue?: string | null;
|
|
923
934
|
onValueChange?: (value: string) => void;
|
|
@@ -925,7 +936,7 @@ type Props$204 = TextareaNativeProps$1 & {
|
|
|
925
936
|
maxRows?: number | 'unlimited';
|
|
926
937
|
disableResize?: boolean;
|
|
927
938
|
};
|
|
928
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
939
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$211) => import("react").JSX.Element;
|
|
929
940
|
//#endregion
|
|
930
941
|
//#region src/components/InputGroup/InputGroup.d.ts
|
|
931
942
|
declare const inputGroupVariants: (props?: ({
|
|
@@ -934,10 +945,10 @@ declare const inputGroupVariants: (props?: ({
|
|
|
934
945
|
sizing?: "default" | "medium" | "small" | null | undefined;
|
|
935
946
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
936
947
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
937
|
-
type Props$
|
|
948
|
+
type Props$210 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
|
|
938
949
|
variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
|
|
939
950
|
};
|
|
940
|
-
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
951
|
+
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$210) => import("react").JSX.Element;
|
|
941
952
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
942
953
|
Input: typeof InputGroupInput;
|
|
943
954
|
Addon: typeof InputGroupAddon;
|
|
@@ -978,52 +989,52 @@ type Props$5 = InputGroupProps$10 & OwnProps$1 & Omit<ComponentProps<'input'>, '
|
|
|
978
989
|
declare const TextInput: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$5) => import("react").JSX.Element;
|
|
979
990
|
//#endregion
|
|
980
991
|
//#region src/blocks/Command/CommandInput.d.ts
|
|
981
|
-
type Props$
|
|
982
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
992
|
+
type Props$209 = ComponentProps<typeof TextInput>;
|
|
993
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$209) => import("react").JSX.Element;
|
|
983
994
|
//#endregion
|
|
984
995
|
//#region src/blocks/Command/CommandItem/CheckIndicator.d.ts
|
|
985
|
-
type Props$
|
|
996
|
+
type Props$208 = {
|
|
986
997
|
variant?: 'checkbox' | 'radio' | 'default';
|
|
987
998
|
};
|
|
988
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
999
|
+
declare const CheckIndicator: ({ variant }: Props$208) => import("react").JSX.Element | null;
|
|
989
1000
|
//#endregion
|
|
990
1001
|
//#region src/blocks/Command/CommandItem/CommandItem.d.ts
|
|
991
|
-
type Props$
|
|
1002
|
+
type Props$207 = ComponentProps<typeof Command$1.Item> & {
|
|
992
1003
|
icon?: ReactNode;
|
|
993
1004
|
checked?: boolean;
|
|
994
1005
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
995
1006
|
actions?: ReactNode;
|
|
996
1007
|
};
|
|
997
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
1008
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$207) => import("react").JSX.Element;
|
|
998
1009
|
//#endregion
|
|
999
1010
|
//#region src/components/ScrollArea/ScrollArea.d.ts
|
|
1000
|
-
type Props$
|
|
1011
|
+
type Props$206 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1001
1012
|
viewPortClassName?: string;
|
|
1002
1013
|
scrollBarClassName?: string;
|
|
1003
1014
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1004
1015
|
};
|
|
1005
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1016
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$206) => import("react").JSX.Element;
|
|
1006
1017
|
//#endregion
|
|
1007
1018
|
//#region src/components/ScrollArea/ScrollBar.d.ts
|
|
1008
|
-
type Props$
|
|
1009
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1019
|
+
type Props$205 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1020
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$205) => import("react").JSX.Element;
|
|
1010
1021
|
//#endregion
|
|
1011
1022
|
//#region src/blocks/Command/CommandList.d.ts
|
|
1012
|
-
type Props$
|
|
1013
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1023
|
+
type Props$204 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1024
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$204) => import("react").JSX.Element;
|
|
1014
1025
|
//#endregion
|
|
1015
1026
|
//#region src/blocks/Command/CommandSeparator.d.ts
|
|
1016
|
-
type Props$
|
|
1017
|
-
declare const CommandSeparator: ({ className, ...props }: Props$
|
|
1027
|
+
type Props$203 = ComponentProps<typeof Command$1.Separator>;
|
|
1028
|
+
declare const CommandSeparator: ({ className, ...props }: Props$203) => import("react").JSX.Element;
|
|
1018
1029
|
//#endregion
|
|
1019
1030
|
//#region src/blocks/Command/Command.d.ts
|
|
1020
1031
|
type Variant$8 = 'default' | 'argo';
|
|
1021
|
-
type Props$
|
|
1032
|
+
type Props$202 = ComponentProps<typeof Command$1> & {
|
|
1022
1033
|
/** Unset follows the theme (`argo` under the new design system); `default` suits small
|
|
1023
1034
|
* surfaces like popovers, as `argo` is sized for the full-screen palette. */
|
|
1024
1035
|
variant?: Variant$8;
|
|
1025
1036
|
};
|
|
1026
|
-
declare function Command({ className, variant, ...rest }: Props$
|
|
1037
|
+
declare function Command({ className, variant, ...rest }: Props$202): import("react").JSX.Element;
|
|
1027
1038
|
declare namespace Command {
|
|
1028
1039
|
export { CommandContent as Content };
|
|
1029
1040
|
export { CommandSeparator as Separator };
|
|
@@ -1054,7 +1065,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
|
|
|
1054
1065
|
declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
|
|
1055
1066
|
//#endregion
|
|
1056
1067
|
//#region src/components/SpotlightBackdrop/SpotlightBackdrop.d.ts
|
|
1057
|
-
type Props$
|
|
1068
|
+
type Props$201 = {
|
|
1058
1069
|
/** Box to cut out, or `null` to dim everything. */
|
|
1059
1070
|
rect: TargetRect | null;
|
|
1060
1071
|
/** In px. */
|
|
@@ -1071,7 +1082,7 @@ type Props$194 = {
|
|
|
1071
1082
|
* - Presentational: `rect` from `useTargetRect`, callout via `Popover`.
|
|
1072
1083
|
* - Tour steps and "seen" persistence are app-owned — see the "Guided tour (recipe)" story.
|
|
1073
1084
|
*/
|
|
1074
|
-
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$
|
|
1085
|
+
declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$201) => import("react").JSX.Element;
|
|
1075
1086
|
//#endregion
|
|
1076
1087
|
//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/types.d.ts
|
|
1077
1088
|
/**
|
|
@@ -3454,16 +3465,16 @@ declare namespace DateRangePicker {
|
|
|
3454
3465
|
}
|
|
3455
3466
|
//#endregion
|
|
3456
3467
|
//#region src/components/TimePicker/TimePicker.d.ts
|
|
3457
|
-
type Props$
|
|
3468
|
+
type Props$200 = {
|
|
3458
3469
|
children?: ReactNode;
|
|
3459
3470
|
defaultSelected?: string | null;
|
|
3460
3471
|
selected?: string | null;
|
|
3461
3472
|
onSelect?: (time: string) => void;
|
|
3462
3473
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
3463
|
-
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$
|
|
3474
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$200) => import("react").JSX.Element;
|
|
3464
3475
|
//#endregion
|
|
3465
3476
|
//#region src/components/Label/Label.d.ts
|
|
3466
|
-
type Props$
|
|
3477
|
+
type Props$199 = {
|
|
3467
3478
|
id?: string | number;
|
|
3468
3479
|
htmlFor?: string | number;
|
|
3469
3480
|
} & Omit<LabelProps, 'id' | 'htmlFor'>;
|
|
@@ -3479,7 +3490,7 @@ declare const Optional: ({ className, ...props }: ComponentPropsWithRef<'span'>)
|
|
|
3479
3490
|
* `aria-required` (or `required`) on the associated control.
|
|
3480
3491
|
*/
|
|
3481
3492
|
declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
|
|
3482
|
-
declare function Label({ className, children, id, htmlFor, ...rest }: Props$
|
|
3493
|
+
declare function Label({ className, children, id, htmlFor, ...rest }: Props$199): import("react").JSX.Element;
|
|
3483
3494
|
declare namespace Label {
|
|
3484
3495
|
export { Optional };
|
|
3485
3496
|
export { Required$1 as Required };
|
|
@@ -3497,14 +3508,14 @@ declare const switchVariants: (props?: ({
|
|
|
3497
3508
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3498
3509
|
//#endregion
|
|
3499
3510
|
//#region src/components/Switch/Switch.d.ts
|
|
3500
|
-
type Props$
|
|
3511
|
+
type Props$198 = {
|
|
3501
3512
|
id?: string | number;
|
|
3502
3513
|
children?: ReactNode;
|
|
3503
3514
|
description?: ReactNode;
|
|
3504
3515
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
3505
3516
|
position?: 'start' | 'end';
|
|
3506
3517
|
} & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
|
|
3507
|
-
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$
|
|
3518
|
+
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$198) => import("react").JSX.Element;
|
|
3508
3519
|
//#endregion
|
|
3509
3520
|
//#region src/components/RadioGroup/context.d.ts
|
|
3510
3521
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
@@ -3512,52 +3523,52 @@ type Orientation = 'vertical' | 'horizontal';
|
|
|
3512
3523
|
//#endregion
|
|
3513
3524
|
//#region src/components/RadioGroup/RadioGroupItem.d.ts
|
|
3514
3525
|
type ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;
|
|
3515
|
-
type Props$
|
|
3526
|
+
type Props$197<T extends string = string> = ItemProps & {
|
|
3516
3527
|
value: T;
|
|
3517
3528
|
tooltip?: ReactNode;
|
|
3518
3529
|
tooltipVariant?: Props$10['variant'];
|
|
3519
3530
|
tooltipPlacement?: Props$10['placement'];
|
|
3520
3531
|
description?: ReactNode;
|
|
3521
3532
|
};
|
|
3522
|
-
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$
|
|
3533
|
+
declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$197<T>) => import("react").JSX.Element;
|
|
3523
3534
|
//#endregion
|
|
3524
3535
|
//#region src/components/RadioGroup/RadioGroupSeparator.d.ts
|
|
3525
3536
|
declare const RadioGroupSeparator: () => import("react").JSX.Element;
|
|
3526
3537
|
//#endregion
|
|
3527
3538
|
//#region src/components/RadioGroup/RadioGroup.d.ts
|
|
3528
|
-
type Props$
|
|
3539
|
+
type Props$196<Value> = {
|
|
3529
3540
|
variant?: Variant$7;
|
|
3530
3541
|
orientation?: Orientation;
|
|
3531
3542
|
onValueChange?: (value: Value) => void;
|
|
3532
3543
|
value?: Value | null;
|
|
3533
3544
|
defaultValue?: Value | null;
|
|
3534
3545
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
3535
|
-
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
3546
|
+
declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$196<Value>): import("react").JSX.Element;
|
|
3536
3547
|
declare namespace RadioGroup {
|
|
3537
3548
|
export { RadioGroupItem as Item };
|
|
3538
3549
|
export { RadioGroupSeparator as Separator };
|
|
3539
3550
|
}
|
|
3540
3551
|
//#endregion
|
|
3541
3552
|
//#region src/components/Slider/SliderThumb.d.ts
|
|
3542
|
-
type Props$
|
|
3553
|
+
type Props$195 = ComponentProps<typeof Thumb$1> & {
|
|
3543
3554
|
tooltip?: ReactNode;
|
|
3544
3555
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
3545
3556
|
};
|
|
3546
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
3557
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$195) => import("react").JSX.Element;
|
|
3547
3558
|
//#endregion
|
|
3548
3559
|
//#region src/components/Slider/Slider.d.ts
|
|
3549
3560
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
3550
|
-
type Props$
|
|
3561
|
+
type Props$194 = ComponentProps<typeof Root$9> & {
|
|
3551
3562
|
thumbTooltip?: ThumbTooltipFn;
|
|
3552
3563
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
3553
3564
|
rangeClassName?: string;
|
|
3554
3565
|
};
|
|
3555
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
3566
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$194) => import("react").JSX.Element;
|
|
3556
3567
|
//#endregion
|
|
3557
3568
|
//#region src/components/Search/Search.d.ts
|
|
3558
3569
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
|
|
3559
3570
|
type SearchBlurEventHandler = (value: string, event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
3560
|
-
type Props$
|
|
3571
|
+
type Props$193 = {
|
|
3561
3572
|
suffix?: ReactNode;
|
|
3562
3573
|
disableDebounce?: boolean;
|
|
3563
3574
|
debounceDelay?: number;
|
|
@@ -3572,13 +3583,13 @@ type Props$186 = {
|
|
|
3572
3583
|
/**
|
|
3573
3584
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
3574
3585
|
*/
|
|
3575
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
3586
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$193) => import("react").JSX.Element;
|
|
3576
3587
|
//#endregion
|
|
3577
3588
|
//#region src/components/Search/SearchForm.d.ts
|
|
3578
|
-
type Props$
|
|
3589
|
+
type Props$192 = {
|
|
3579
3590
|
onSubmit: (value: string) => void;
|
|
3580
3591
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
3581
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
3592
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$192) => import("react").JSX.Element;
|
|
3582
3593
|
//#endregion
|
|
3583
3594
|
//#region src/utils/accessibleName.d.ts
|
|
3584
3595
|
type AccessibleNameProps = {
|
|
@@ -3606,7 +3617,7 @@ declare const forwardAccessibleName: <Rest>(rest: Rest & AccessibleNameRest<Rest
|
|
|
3606
3617
|
/**
|
|
3607
3618
|
* Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).
|
|
3608
3619
|
*/
|
|
3609
|
-
type Props$
|
|
3620
|
+
type Props$191 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
3610
3621
|
container?: HTMLElement | null;
|
|
3611
3622
|
};
|
|
3612
3623
|
/**
|
|
@@ -3614,22 +3625,22 @@ type Props$184 = ComponentProps<typeof SelectPrimitive.Content> & {
|
|
|
3614
3625
|
* Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via
|
|
3615
3626
|
* the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.
|
|
3616
3627
|
*/
|
|
3617
|
-
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$
|
|
3628
|
+
declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$191) => import("react").JSX.Element;
|
|
3618
3629
|
//#endregion
|
|
3619
3630
|
//#region src/components/Select/SelectGroup.d.ts
|
|
3620
|
-
type Props$
|
|
3621
|
-
declare const SelectGroup: ({ className, ...props }: Props$
|
|
3631
|
+
type Props$190 = ComponentProps<typeof SelectPrimitive.Group>;
|
|
3632
|
+
declare const SelectGroup: ({ className, ...props }: Props$190) => import("react").JSX.Element;
|
|
3622
3633
|
//#endregion
|
|
3623
3634
|
//#region src/components/Select/SelectItem.d.ts
|
|
3624
|
-
type Props$
|
|
3635
|
+
type Props$189 = ComponentProps<typeof SelectPrimitive.Item> & {
|
|
3625
3636
|
icon?: ReactNode;
|
|
3626
3637
|
hint?: ReactNode;
|
|
3627
3638
|
};
|
|
3628
|
-
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$
|
|
3639
|
+
declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$189) => import("react").JSX.Element;
|
|
3629
3640
|
//#endregion
|
|
3630
3641
|
//#region src/components/Select/SelectLabel.d.ts
|
|
3631
|
-
type Props$
|
|
3632
|
-
declare const SelectLabel: ({ className, ...props }: Props$
|
|
3642
|
+
type Props$188 = ComponentProps<typeof SelectPrimitive.Label>;
|
|
3643
|
+
declare const SelectLabel: ({ className, ...props }: Props$188) => import("react").JSX.Element;
|
|
3633
3644
|
//#endregion
|
|
3634
3645
|
//#region src/components/Select/SelectRoot.d.ts
|
|
3635
3646
|
type SelectRootProps = {
|
|
@@ -3650,8 +3661,8 @@ type SelectRootProps = {
|
|
|
3650
3661
|
declare const SelectRoot: (props: SelectRootProps) => import("react").JSX.Element;
|
|
3651
3662
|
//#endregion
|
|
3652
3663
|
//#region src/components/Select/SelectSeparator.d.ts
|
|
3653
|
-
type Props$
|
|
3654
|
-
declare const SelectSeparator: ({ className, ...props }: Props$
|
|
3664
|
+
type Props$187 = ComponentProps<typeof SelectPrimitive.Separator>;
|
|
3665
|
+
declare const SelectSeparator: ({ className, ...props }: Props$187) => import("react").JSX.Element;
|
|
3655
3666
|
//#endregion
|
|
3656
3667
|
//#region src/components/Select/SelectTrigger.d.ts
|
|
3657
3668
|
type BaseProps$3 = ComponentProps<typeof SelectPrimitive.Trigger> & Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {
|
|
@@ -3692,7 +3703,7 @@ declare namespace Select {
|
|
|
3692
3703
|
}
|
|
3693
3704
|
//#endregion
|
|
3694
3705
|
//#region src/components/Checkbox/Checkbox.d.ts
|
|
3695
|
-
type Props$
|
|
3706
|
+
type Props$186 = {
|
|
3696
3707
|
id?: string | number;
|
|
3697
3708
|
description?: ReactNode;
|
|
3698
3709
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
@@ -3700,11 +3711,11 @@ type Props$179 = {
|
|
|
3700
3711
|
tooltip?: Props$10['tooltip'];
|
|
3701
3712
|
tooltipPlacement?: Props$10['placement'];
|
|
3702
3713
|
} & Omit<ComponentProps<typeof Root$11>, 'id'>;
|
|
3703
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3714
|
+
declare function Checkbox(prop: Omit<Props$186, 'checked' | 'onCheckedChange'> & {
|
|
3704
3715
|
checked?: boolean;
|
|
3705
3716
|
onCheckedChange?: (checked: boolean) => void;
|
|
3706
3717
|
}): ReactNode;
|
|
3707
|
-
declare function Checkbox(prop: Omit<Props$
|
|
3718
|
+
declare function Checkbox(prop: Omit<Props$186, 'checked' | 'onCheckedChange'> & {
|
|
3708
3719
|
checked?: CheckedState;
|
|
3709
3720
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
3710
3721
|
}): ReactNode;
|
|
@@ -3742,18 +3753,18 @@ declare const addonVariants: (props?: ({
|
|
|
3742
3753
|
align?: "inline-end" | "inline-start" | null | undefined;
|
|
3743
3754
|
variant?: "floating" | "inline" | null | undefined;
|
|
3744
3755
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3745
|
-
type Props$
|
|
3746
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
3756
|
+
type Props$185 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
3757
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$185) => import("react").JSX.Element;
|
|
3747
3758
|
//#endregion
|
|
3748
3759
|
//#region src/components/Badge/BadgeButton.d.ts
|
|
3749
|
-
type Props$
|
|
3750
|
-
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$
|
|
3760
|
+
type Props$184 = ComponentProps<'button'>;
|
|
3761
|
+
declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$184) => import("react").JSX.Element;
|
|
3751
3762
|
//#endregion
|
|
3752
3763
|
//#region src/components/Badge/BadgeLabel.d.ts
|
|
3753
|
-
type Props$
|
|
3764
|
+
type Props$183 = ComponentProps<'span'> & {
|
|
3754
3765
|
asChild?: boolean;
|
|
3755
3766
|
};
|
|
3756
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
3767
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$183) => import("react").JSX.Element;
|
|
3757
3768
|
//#endregion
|
|
3758
3769
|
//#region src/components/Badge/styles.d.ts
|
|
3759
3770
|
declare const badgeRootVariants: (props?: ({
|
|
@@ -3762,8 +3773,8 @@ declare const badgeRootVariants: (props?: ({
|
|
|
3762
3773
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3763
3774
|
//#endregion
|
|
3764
3775
|
//#region src/components/Badge/BadgeRoot.d.ts
|
|
3765
|
-
type Props$
|
|
3766
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
3776
|
+
type Props$182 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
3777
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$182) => import("react").JSX.Element;
|
|
3767
3778
|
//#endregion
|
|
3768
3779
|
//#region src/components/Badge/Badge.d.ts
|
|
3769
3780
|
type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
|
|
@@ -3773,7 +3784,7 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
|
3773
3784
|
* - `color` is semantic (`green` success, `red` error, `orange` warning, `amber` caution; rest decorative).
|
|
3774
3785
|
* - Colours stay fixed across brand themes.
|
|
3775
3786
|
*/
|
|
3776
|
-
type Props$
|
|
3787
|
+
type Props$181 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
3777
3788
|
prefix?: ReactNode;
|
|
3778
3789
|
prefixVariant?: AddonVariant;
|
|
3779
3790
|
suffix?: ReactNode;
|
|
@@ -3786,7 +3797,7 @@ type Props$174 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProp
|
|
|
3786
3797
|
* - Not for actions (`Button` / `ButtonInline`) or banners (`Alert`).
|
|
3787
3798
|
* - `Badge.Button` for a clickable badge.
|
|
3788
3799
|
*/
|
|
3789
|
-
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
3800
|
+
declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$181) => import("react").JSX.Element;
|
|
3790
3801
|
declare const Badge: typeof BadgeInner & {
|
|
3791
3802
|
Root: typeof BadgeRoot;
|
|
3792
3803
|
Button: typeof BadgeButton;
|
|
@@ -3797,7 +3808,7 @@ declare const Badge: typeof BadgeInner & {
|
|
|
3797
3808
|
//#region src/components/Combobox/ComboboxChip.d.ts
|
|
3798
3809
|
type BadgeColor$1 = ComponentProps<typeof Badge>['color'];
|
|
3799
3810
|
type BadgeVariant = ComponentProps<typeof Badge>['variant'];
|
|
3800
|
-
type Props$
|
|
3811
|
+
type Props$180 = {
|
|
3801
3812
|
children: ReactNode;
|
|
3802
3813
|
color?: BadgeColor$1;
|
|
3803
3814
|
variant?: BadgeVariant;
|
|
@@ -3809,10 +3820,10 @@ type Props$173 = {
|
|
|
3809
3820
|
* - A non-removable chip is a plain `Badge`: a chip would shift the removal index.
|
|
3810
3821
|
* - A label cut off by the chip's width shows in full in a tooltip on hover.
|
|
3811
3822
|
*/
|
|
3812
|
-
declare const ComboboxChip: ({ children, color, variant }: Props$
|
|
3823
|
+
declare const ComboboxChip: ({ children, color, variant }: Props$180) => import("react").JSX.Element;
|
|
3813
3824
|
//#endregion
|
|
3814
3825
|
//#region src/components/Combobox/ComboboxChips.d.ts
|
|
3815
|
-
type Props$
|
|
3826
|
+
type Props$179<Value> = {
|
|
3816
3827
|
maxVisible?: number;
|
|
3817
3828
|
itemToChipLabel?: (item: Value) => ReactNode;
|
|
3818
3829
|
itemToChipColor?: (item: Value) => BadgeColor$1;
|
|
@@ -3826,7 +3837,7 @@ type Props$172<Value> = {
|
|
|
3826
3837
|
*/
|
|
3827
3838
|
children?: (values: Value[]) => ReactNode;
|
|
3828
3839
|
};
|
|
3829
|
-
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$
|
|
3840
|
+
declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$179<Value>) => import("react").JSX.Element;
|
|
3830
3841
|
//#endregion
|
|
3831
3842
|
//#region src/components/Combobox/ComboboxContent.d.ts
|
|
3832
3843
|
type PortalProps = ComponentProps<typeof Combobox$1.Portal>;
|
|
@@ -3834,74 +3845,76 @@ type PositionerProps = ComponentProps<typeof Combobox$1.Positioner>;
|
|
|
3834
3845
|
type PopupProps = Omit<ComponentProps<typeof Combobox$1.Popup>, 'className'> & {
|
|
3835
3846
|
className?: string;
|
|
3836
3847
|
};
|
|
3837
|
-
type Props$
|
|
3838
|
-
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$
|
|
3848
|
+
type Props$178 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
|
|
3849
|
+
declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$178) => import("react").JSX.Element;
|
|
3839
3850
|
//#endregion
|
|
3840
3851
|
//#region src/components/Combobox/ComboboxEmpty.d.ts
|
|
3841
|
-
type Props$
|
|
3852
|
+
type Props$177 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
|
|
3842
3853
|
className?: string;
|
|
3843
3854
|
};
|
|
3844
|
-
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$
|
|
3855
|
+
declare const ComboboxEmpty: ({ ref, className, ...props }: Props$177) => import("react").JSX.Element;
|
|
3845
3856
|
//#endregion
|
|
3846
3857
|
//#region src/components/Combobox/ComboboxInput.d.ts
|
|
3847
3858
|
/** The input carries the `combobox` role, so the name is required here, not on the group. */
|
|
3848
|
-
type Props$
|
|
3849
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
3859
|
+
type Props$176 = WithAccessibleName<Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>>;
|
|
3860
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$176) => import("react").JSX.Element;
|
|
3850
3861
|
//#endregion
|
|
3851
3862
|
//#region src/components/Combobox/ComboboxInputGroup.d.ts
|
|
3852
3863
|
type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
3853
|
-
type Props$
|
|
3864
|
+
type Props$175 = InputGroupProps$9 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
3854
3865
|
className?: string;
|
|
3855
3866
|
};
|
|
3856
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
3867
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$175) => import("react").JSX.Element;
|
|
3857
3868
|
//#endregion
|
|
3858
3869
|
//#region src/components/Combobox/ComboboxItemIndicator.d.ts
|
|
3859
3870
|
type Variant$6 = 'check' | 'checkbox';
|
|
3860
|
-
type Props$
|
|
3871
|
+
type Props$174 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
3861
3872
|
className?: string;
|
|
3862
3873
|
variant?: Variant$6;
|
|
3863
3874
|
};
|
|
3864
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
3875
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$174) => import("react").JSX.Element;
|
|
3865
3876
|
//#endregion
|
|
3866
3877
|
//#region src/components/Combobox/ComboboxItem.d.ts
|
|
3867
|
-
type Props$
|
|
3878
|
+
type Props$173 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
3868
3879
|
className?: string;
|
|
3869
3880
|
icon?: ReactNode;
|
|
3870
3881
|
/** `'none'` leaves the row without one — a row that draws its own state in `icon`. */
|
|
3871
3882
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'] | 'none';
|
|
3883
|
+
/** Looks disabled but still takes the highlight; the owning control ignores its presses. */
|
|
3884
|
+
locked?: boolean;
|
|
3872
3885
|
};
|
|
3873
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$
|
|
3886
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, locked, ...props }: Props$173) => import("react").JSX.Element;
|
|
3874
3887
|
//#endregion
|
|
3875
3888
|
//#region src/components/Combobox/ComboboxList.d.ts
|
|
3876
|
-
type Props$
|
|
3889
|
+
type Props$172 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
|
|
3877
3890
|
className?: string;
|
|
3878
3891
|
};
|
|
3879
|
-
declare const ComboboxList: ({ ref, className, ...props }: Props$
|
|
3892
|
+
declare const ComboboxList: ({ ref, className, ...props }: Props$172) => import("react").JSX.Element;
|
|
3880
3893
|
//#endregion
|
|
3881
3894
|
//#region src/components/Combobox/ComboboxRoot.d.ts
|
|
3882
3895
|
declare const ComboboxRoot: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => import("react").JSX.Element;
|
|
3883
3896
|
//#endregion
|
|
3884
3897
|
//#region src/components/Combobox/ComboboxSeparator.d.ts
|
|
3885
|
-
type Props$
|
|
3898
|
+
type Props$171 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
|
|
3886
3899
|
className?: string;
|
|
3887
3900
|
};
|
|
3888
|
-
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$
|
|
3901
|
+
declare const ComboboxSeparator: ({ ref, className, ...props }: Props$171) => import("react").JSX.Element;
|
|
3889
3902
|
//#endregion
|
|
3890
3903
|
//#region src/components/Combobox/Group/ComboboxGroup.d.ts
|
|
3891
|
-
type Props$
|
|
3904
|
+
type Props$170 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
|
|
3892
3905
|
className?: string;
|
|
3893
3906
|
};
|
|
3894
|
-
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$
|
|
3907
|
+
declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$170) => import("react").JSX.Element;
|
|
3895
3908
|
//#endregion
|
|
3896
3909
|
//#region src/components/Combobox/Group/ComboboxGroupLabel.d.ts
|
|
3897
|
-
type Props$
|
|
3910
|
+
type Props$169 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
|
|
3898
3911
|
className?: string;
|
|
3899
3912
|
};
|
|
3900
|
-
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$
|
|
3913
|
+
declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$169) => import("react").JSX.Element;
|
|
3901
3914
|
//#endregion
|
|
3902
3915
|
//#region src/components/Combobox/Group/ComboboxCollection.d.ts
|
|
3903
|
-
type Props$
|
|
3904
|
-
declare const ComboboxCollection: ({ ...props }: Props$
|
|
3916
|
+
type Props$168 = Combobox$1.Collection.Props;
|
|
3917
|
+
declare const ComboboxCollection: ({ ...props }: Props$168) => import("react").JSX.Element;
|
|
3905
3918
|
//#endregion
|
|
3906
3919
|
//#region src/components/Combobox/types.d.ts
|
|
3907
3920
|
type Group$2<Item = unknown> = {
|
|
@@ -3978,8 +3991,8 @@ type BaseProps$1<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pu
|
|
|
3978
3991
|
*/
|
|
3979
3992
|
groupToValue?: (group: GroupShape) => Value;
|
|
3980
3993
|
};
|
|
3981
|
-
type Props$
|
|
3982
|
-
declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$
|
|
3994
|
+
type Props$167<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps$1<Value, GroupShape>>;
|
|
3995
|
+
declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$167<Value, GroupShape>): import("react").JSX.Element;
|
|
3983
3996
|
declare namespace Combobox {
|
|
3984
3997
|
export { ComboboxRoot as Root };
|
|
3985
3998
|
export { ComboboxInputGroup as InputGroup };
|
|
@@ -4026,6 +4039,14 @@ type ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;
|
|
|
4026
4039
|
type ComboboxItemProps = ComponentProps<typeof Combobox.Item>;
|
|
4027
4040
|
type ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;
|
|
4028
4041
|
type Indicator$3 = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;
|
|
4042
|
+
/** The row the pointer or the arrow keys are on: one of the items, or a group's own row. */
|
|
4043
|
+
type MultiComboboxHighlighted<Value, GroupShape> = {
|
|
4044
|
+
kind: 'item';
|
|
4045
|
+
item: Value;
|
|
4046
|
+
} | {
|
|
4047
|
+
kind: 'group';
|
|
4048
|
+
group: GroupShape;
|
|
4049
|
+
} | null;
|
|
4029
4050
|
type CreatableProps<Value> = {
|
|
4030
4051
|
allowCreate?: boolean;
|
|
4031
4052
|
/** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */
|
|
@@ -4059,6 +4080,8 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
4059
4080
|
itemToLabel?: (item: Value, query: string) => ReactNode;
|
|
4060
4081
|
itemToIcon?: (item: Value) => ReactNode;
|
|
4061
4082
|
itemToDisabled?: (item: Value) => boolean;
|
|
4083
|
+
/** A selected item no press removes: looks disabled, still highlights for `renderAside`. */
|
|
4084
|
+
itemToLocked?: (item: Value) => boolean;
|
|
4062
4085
|
/** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */
|
|
4063
4086
|
renderChips?: (values: Value[]) => ReactNode;
|
|
4064
4087
|
/** Defaults to the group's `label`, as `Select` shows it. */
|
|
@@ -4067,23 +4090,45 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
|
|
|
4067
4090
|
collapsibleGroups?: boolean;
|
|
4068
4091
|
/** A group's row selects its matching enabled items. The row itself never enters `value`. */
|
|
4069
4092
|
selectableGroups?: boolean;
|
|
4093
|
+
/** Each time the popup opens, a group whose items are all selected starts folded. */
|
|
4094
|
+
collapseSelectedGroups?: boolean;
|
|
4095
|
+
/** `banded`: each group, its row and open items, is a white card on a grey list. */
|
|
4096
|
+
groupAppearance?: 'plain' | 'banded';
|
|
4097
|
+
/**
|
|
4098
|
+
* An inspector beside the list about the last highlighted row; `null` before any.
|
|
4099
|
+
* Hidden while the popup is under 40rem wide.
|
|
4100
|
+
*/
|
|
4101
|
+
renderAside?: (highlighted: MultiComboboxHighlighted<Value, GroupShape>) => ReactNode;
|
|
4102
|
+
/** Whether the inspector shows; a button in the popup toggles it. Uncontrolled, it starts open. */
|
|
4103
|
+
asideOpen?: boolean;
|
|
4104
|
+
onAsideOpenChange?: (open: boolean) => void;
|
|
4105
|
+
/** The popup is open on mount, for a picker shown on demand. */
|
|
4106
|
+
defaultOpen?: boolean;
|
|
4107
|
+
onOpenChange?: (open: boolean) => void;
|
|
4108
|
+
/** No field: the popup opens against this element, its search at the top. Pair with `defaultOpen`. */
|
|
4109
|
+
anchor?: ComponentProps<typeof Combobox.Content>['anchor'];
|
|
4110
|
+
/**
|
|
4111
|
+
* The search text, typed elsewhere (a chat composer): with `anchor`, the popup has no search.
|
|
4112
|
+
* The host forwards ArrowUp, ArrowDown, Enter and Escape to the `combobox` input it renders.
|
|
4113
|
+
*/
|
|
4114
|
+
query?: string;
|
|
4070
4115
|
};
|
|
4071
4116
|
/**
|
|
4072
4117
|
* Props for `MultiCombobox`.
|
|
4073
4118
|
*
|
|
4074
4119
|
* - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.
|
|
4075
4120
|
*/
|
|
4076
|
-
type Props$
|
|
4121
|
+
type Props$166<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps<Value, GroupShape>>;
|
|
4077
4122
|
/**
|
|
4078
4123
|
* Searchable multi-select with chips, built on Base UI Combobox.
|
|
4079
4124
|
*
|
|
4080
4125
|
* @see RECIPES.md#creatable-multi-combobox
|
|
4081
4126
|
* @see RECIPES.md#filter-toolbar
|
|
4082
4127
|
*/
|
|
4083
|
-
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible, ...accessibleName }: Props$
|
|
4128
|
+
declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, collapseSelectedGroups, groupAppearance, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen, onOpenChange, anchor, query: queryProp, maxVisible, ...accessibleName }: Props$166<Value, GroupShape>) => import("react").JSX.Element;
|
|
4084
4129
|
//#endregion
|
|
4085
4130
|
//#region src/blocks/Form/connectors/ComboboxField.d.ts
|
|
4086
|
-
type Props$
|
|
4131
|
+
type Props$165 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
|
|
4087
4132
|
inputClassName?: string;
|
|
4088
4133
|
};
|
|
4089
4134
|
/**
|
|
@@ -4094,10 +4139,10 @@ type Props$158 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>,
|
|
|
4094
4139
|
* - `allowClear` defaults to `!required`: a required value is not one click from empty.
|
|
4095
4140
|
* - `string` items only — objects would put presentation into the payload; use `itemToStringLabel`.
|
|
4096
4141
|
*/
|
|
4097
|
-
declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$
|
|
4142
|
+
declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$165) => import("react").JSX.Element;
|
|
4098
4143
|
//#endregion
|
|
4099
4144
|
//#region src/blocks/Form/connectors/MultiComboboxField.d.ts
|
|
4100
|
-
type Props$
|
|
4145
|
+
type Props$164 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
|
|
4101
4146
|
inputClassName?: string;
|
|
4102
4147
|
};
|
|
4103
4148
|
/**
|
|
@@ -4108,7 +4153,7 @@ type Props$157 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
|
|
|
4108
4153
|
* - Reads the field from context; render it inside `form.AppField`.
|
|
4109
4154
|
* - `string` items only — objects would put presentation into the payload; use `itemToLabel`.
|
|
4110
4155
|
*/
|
|
4111
|
-
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$
|
|
4156
|
+
declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$164) => import("react").JSX.Element;
|
|
4112
4157
|
//#endregion
|
|
4113
4158
|
//#region src/blocks/ChipEditor/ChipEditor.d.ts
|
|
4114
4159
|
type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
@@ -4154,12 +4199,12 @@ type TextareaOwnProps = {
|
|
|
4154
4199
|
disableResize?: boolean;
|
|
4155
4200
|
containerClassName?: string;
|
|
4156
4201
|
};
|
|
4157
|
-
type Props$
|
|
4202
|
+
type Props$163 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
|
|
4158
4203
|
/**
|
|
4159
4204
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
4160
4205
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
4161
4206
|
*/
|
|
4162
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$
|
|
4207
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$163) => import("react").JSX.Element;
|
|
4163
4208
|
//#endregion
|
|
4164
4209
|
//#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
|
|
4165
4210
|
type AutoSaveTextareaProps = {
|
|
@@ -4173,7 +4218,7 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
|
|
|
4173
4218
|
//#endregion
|
|
4174
4219
|
//#region src/blocks/InlineEdit/InlineEdit.d.ts
|
|
4175
4220
|
type Size = 'auto' | 'sm' | 'md' | 'lg' | 'title';
|
|
4176
|
-
type Props$
|
|
4221
|
+
type Props$162 = {
|
|
4177
4222
|
/** The text shown, and the draft while editing. */
|
|
4178
4223
|
value: string;
|
|
4179
4224
|
onChange: (value: string) => void;
|
|
@@ -4216,19 +4261,19 @@ type Props$155 = {
|
|
|
4216
4261
|
* - Enter saves a change and closes an unchanged edit; Escape cancels.
|
|
4217
4262
|
* - Not for multi-paragraph or markdown text: use `MarkdownEditor`.
|
|
4218
4263
|
*/
|
|
4219
|
-
declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$
|
|
4264
|
+
declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$162) => import("react").JSX.Element;
|
|
4220
4265
|
//#endregion
|
|
4221
4266
|
//#region src/blocks/ColorInput/ColorInput.d.ts
|
|
4222
4267
|
type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4223
4268
|
type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
4224
|
-
type Props$
|
|
4269
|
+
type Props$161 = InputGroupProps$6 & InputGroupInputProps$6 & {
|
|
4225
4270
|
value?: string | null;
|
|
4226
4271
|
defaultValue?: string | null;
|
|
4227
4272
|
onValueChange?: (value: string) => void;
|
|
4228
4273
|
onValueBlur?: (value: string) => void;
|
|
4229
4274
|
allowClear?: boolean;
|
|
4230
4275
|
};
|
|
4231
|
-
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
4276
|
+
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$161) => import("react").JSX.Element;
|
|
4232
4277
|
//#endregion
|
|
4233
4278
|
//#region src/components/ThemeProvider/useBrandState.d.ts
|
|
4234
4279
|
type UseBrandOptions = {
|
|
@@ -4263,17 +4308,17 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
|
|
|
4263
4308
|
};
|
|
4264
4309
|
//#endregion
|
|
4265
4310
|
//#region src/components/ThemeProvider/ThemeProvider.d.ts
|
|
4266
|
-
type Props$
|
|
4311
|
+
type Props$160 = UseColorSchemeOptions & UseBrandOptions & {
|
|
4267
4312
|
/** Brands this provider knows about; the active brand id resolves against these. */
|
|
4268
4313
|
brands?: readonly Brand$1[];
|
|
4269
4314
|
children: ReactNode;
|
|
4270
4315
|
};
|
|
4271
|
-
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$
|
|
4316
|
+
declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$160) => import("react").JSX.Element;
|
|
4272
4317
|
//#endregion
|
|
4273
4318
|
//#region src/components/ThemeProvider/ThemeScope.d.ts
|
|
4274
4319
|
/** The scope's themed portal container, or `null` outside a `ThemeScope`. */
|
|
4275
4320
|
declare const useThemeScopeContainer: () => HTMLElement | null;
|
|
4276
|
-
type Props$
|
|
4321
|
+
type Props$159 = {
|
|
4277
4322
|
/** Colour scheme for this subtree. `system` follows the OS preference. */
|
|
4278
4323
|
scheme: ColorScheme;
|
|
4279
4324
|
/** Merged onto the child element. */
|
|
@@ -4288,7 +4333,7 @@ type Props$152 = {
|
|
|
4288
4333
|
* tokens, not the brand's inline vars inherited from `<html>`.
|
|
4289
4334
|
* - Renders no wrapper: one would break direct-child selectors like `[data-fill=true] > &`.
|
|
4290
4335
|
*/
|
|
4291
|
-
declare const ThemeScope: ({ scheme, className, children }: Props$
|
|
4336
|
+
declare const ThemeScope: ({ scheme, className, children }: Props$159) => import("react").JSX.Element;
|
|
4292
4337
|
//#endregion
|
|
4293
4338
|
//#region src/components/ThemeProvider/context.d.ts
|
|
4294
4339
|
type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
|
|
@@ -4313,7 +4358,7 @@ declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
|
|
|
4313
4358
|
declare const DEFAULT_BRAND_ID = "design-system";
|
|
4314
4359
|
//#endregion
|
|
4315
4360
|
//#region src/blocks/ColorModeSwitch/ColorModeSwitch.d.ts
|
|
4316
|
-
type Props$
|
|
4361
|
+
type Props$158 = {
|
|
4317
4362
|
/** Controlled — pair with `onValueChange`. */
|
|
4318
4363
|
value: ColorScheme;
|
|
4319
4364
|
onValueChange: (value: ColorScheme) => void;
|
|
@@ -4326,12 +4371,12 @@ type Props$151 = {
|
|
|
4326
4371
|
* - Controlled: owns no state; wire it to the same state as `ThemeProvider.colorScheme`.
|
|
4327
4372
|
* - The trigger's `aria-label` names the current scheme.
|
|
4328
4373
|
*/
|
|
4329
|
-
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$
|
|
4374
|
+
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$158) => import("react").JSX.Element;
|
|
4330
4375
|
//#endregion
|
|
4331
4376
|
//#region src/blocks/DateInput/DateInput.d.ts
|
|
4332
4377
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4333
4378
|
type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4334
|
-
type Props$
|
|
4379
|
+
type Props$157 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
4335
4380
|
value?: Date | null;
|
|
4336
4381
|
defaultValue?: Date | null;
|
|
4337
4382
|
onValueChange?: (value: Date | null) => void;
|
|
@@ -4341,12 +4386,12 @@ type Props$150 = InputGroupProps$5 & InputGroupInputProps$5 & {
|
|
|
4341
4386
|
endMonth?: Date;
|
|
4342
4387
|
startMonth?: Date;
|
|
4343
4388
|
};
|
|
4344
|
-
declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4389
|
+
declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$157) => import("react").JSX.Element;
|
|
4345
4390
|
//#endregion
|
|
4346
4391
|
//#region src/blocks/NumberInput/NumberInput.d.ts
|
|
4347
4392
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4348
4393
|
type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
4349
|
-
type Props$
|
|
4394
|
+
type Props$156 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
4350
4395
|
value?: number | null;
|
|
4351
4396
|
defaultValue?: number | null;
|
|
4352
4397
|
onValueChange?: (value: number | null) => void;
|
|
@@ -4354,12 +4399,12 @@ type Props$149 = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
|
4354
4399
|
prefix?: ReactNode;
|
|
4355
4400
|
suffix?: ReactNode;
|
|
4356
4401
|
};
|
|
4357
|
-
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
4402
|
+
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$156) => import("react").JSX.Element;
|
|
4358
4403
|
//#endregion
|
|
4359
4404
|
//#region src/blocks/PasswordInput/PasswordInput.d.ts
|
|
4360
4405
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4361
4406
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
4362
|
-
type Props$
|
|
4407
|
+
type Props$155 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
4363
4408
|
value?: string | null;
|
|
4364
4409
|
defaultValue?: string | null;
|
|
4365
4410
|
onValueChange?: (value: string) => void;
|
|
@@ -4371,24 +4416,24 @@ type Props$148 = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
|
4371
4416
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
4372
4417
|
defaultPasswordVisibility?: boolean;
|
|
4373
4418
|
};
|
|
4374
|
-
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$
|
|
4419
|
+
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$155) => import("react").JSX.Element;
|
|
4375
4420
|
//#endregion
|
|
4376
4421
|
//#region src/blocks/TimeInput/TimeInput.d.ts
|
|
4377
4422
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4378
4423
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4379
|
-
type Props$
|
|
4424
|
+
type Props$154 = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
4380
4425
|
value?: string | null;
|
|
4381
4426
|
defaultValue?: string | null;
|
|
4382
4427
|
onValueChange?: (value: string | null) => void;
|
|
4383
4428
|
onValueBlur?: (value: string | null) => void;
|
|
4384
4429
|
allowClear?: boolean;
|
|
4385
4430
|
};
|
|
4386
|
-
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4431
|
+
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$154) => import("react").JSX.Element;
|
|
4387
4432
|
//#endregion
|
|
4388
4433
|
//#region src/blocks/DateRangeInput/DateRangeInput.d.ts
|
|
4389
4434
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
4390
4435
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
4391
|
-
type Props$
|
|
4436
|
+
type Props$153 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
4392
4437
|
value?: DateRange$1 | null;
|
|
4393
4438
|
defaultValue?: DateRange$1 | null;
|
|
4394
4439
|
onValueChange?: (value: DateRange$1 | null) => void;
|
|
@@ -4397,7 +4442,7 @@ type Props$146 = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
4397
4442
|
startMonth?: Date;
|
|
4398
4443
|
endMonth?: Date;
|
|
4399
4444
|
};
|
|
4400
|
-
declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$
|
|
4445
|
+
declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$153) => import("react").JSX.Element;
|
|
4401
4446
|
//#endregion
|
|
4402
4447
|
//#region src/blocks/OtpInput/OtpInputGroup.d.ts
|
|
4403
4448
|
type GroupProps = ComponentProps<'div'>;
|
|
@@ -4447,7 +4492,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
4447
4492
|
* - `value={null}` / `undefined` is uncontrolled (falls back to `defaultValue`, else empty).
|
|
4448
4493
|
* - `value={""}` is controlled-empty.
|
|
4449
4494
|
*/
|
|
4450
|
-
type Props$
|
|
4495
|
+
type Props$152 = InputGroupProps & InputGroupInputProps & {
|
|
4451
4496
|
value?: string | null;
|
|
4452
4497
|
defaultValue?: string | null;
|
|
4453
4498
|
/** Debounced; fires synchronously on clear and with `disableDebounce`. Use `onChange` per keystroke. */
|
|
@@ -4470,7 +4515,7 @@ type Props$145 = InputGroupProps & InputGroupInputProps & {
|
|
|
4470
4515
|
*
|
|
4471
4516
|
* @see RECIPES.md#filter-toolbar
|
|
4472
4517
|
*/
|
|
4473
|
-
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$
|
|
4518
|
+
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$152) => import("react").JSX.Element;
|
|
4474
4519
|
//#endregion
|
|
4475
4520
|
//#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
|
|
4476
4521
|
type SearchInputWithNavigationProps = {
|
|
@@ -4590,7 +4635,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
|
|
|
4590
4635
|
declare const useFileUploadRejections: () => FileUploadRejection[];
|
|
4591
4636
|
//#endregion
|
|
4592
4637
|
//#region src/components/FileUpload/FileUploadDropZone.d.ts
|
|
4593
|
-
type Props$
|
|
4638
|
+
type Props$151 = {
|
|
4594
4639
|
/** Override the default copy / icon block. */
|
|
4595
4640
|
children?: ReactNode;
|
|
4596
4641
|
/** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
|
|
@@ -4600,10 +4645,10 @@ type Props$144 = {
|
|
|
4600
4645
|
* Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
|
|
4601
4646
|
* Pass `children` to fully replace the inner block.
|
|
4602
4647
|
*/
|
|
4603
|
-
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$
|
|
4648
|
+
declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$151) => import("react").JSX.Element;
|
|
4604
4649
|
//#endregion
|
|
4605
4650
|
//#region src/components/FileUpload/FileUploadFileList.d.ts
|
|
4606
|
-
type Props$
|
|
4651
|
+
type Props$150 = {
|
|
4607
4652
|
files: File[];
|
|
4608
4653
|
onRemove?: (file: File, index: number) => void;
|
|
4609
4654
|
/**
|
|
@@ -4616,10 +4661,10 @@ type Props$143 = {
|
|
|
4616
4661
|
* Selected-files list. Caller owns the `files` array — pass it back into the list and handle
|
|
4617
4662
|
* removal via `onRemove`.
|
|
4618
4663
|
*/
|
|
4619
|
-
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$
|
|
4664
|
+
declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$150) => import("react").JSX.Element | null;
|
|
4620
4665
|
//#endregion
|
|
4621
4666
|
//#region src/components/FileUpload/FileUpload.d.ts
|
|
4622
|
-
type Props$
|
|
4667
|
+
type Props$149 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
4623
4668
|
/** Storybook-only: force a visual state without simulating real drag events. */
|
|
4624
4669
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
4625
4670
|
children: ReactNode;
|
|
@@ -4633,18 +4678,18 @@ type Props$142 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
|
|
|
4633
4678
|
* - For a drop target you style yourself, use `useFileDropTarget`.
|
|
4634
4679
|
* - Rejection copy is the caller's — read it with `useFileUploadRejections()`.
|
|
4635
4680
|
*/
|
|
4636
|
-
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
4681
|
+
declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$149) => import("react").JSX.Element;
|
|
4637
4682
|
declare const FileUpload: typeof FileUploadInner & {
|
|
4638
4683
|
DropZone: typeof FileUploadDropZone;
|
|
4639
4684
|
FileList: typeof FileUploadFileList;
|
|
4640
4685
|
};
|
|
4641
4686
|
//#endregion
|
|
4642
4687
|
//#region src/blocks/FormGroup/FormGroupColorInput.d.ts
|
|
4643
|
-
type Props$
|
|
4644
|
-
declare const FormGroupColorInput: ({ ref, ...props }: Props$
|
|
4688
|
+
type Props$148 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
|
|
4689
|
+
declare const FormGroupColorInput: ({ ref, ...props }: Props$148) => import("react").JSX.Element;
|
|
4645
4690
|
//#endregion
|
|
4646
4691
|
//#region src/blocks/FormGroup/FormGroupError.d.ts
|
|
4647
|
-
type Props$
|
|
4692
|
+
type Props$147 = ComponentPropsWithRef<'div'> & {
|
|
4648
4693
|
/**
|
|
4649
4694
|
* TanStack Form errors: strings or `{ message }` objects; several render as a list.
|
|
4650
4695
|
* Ignored when `children` is provided.
|
|
@@ -4659,30 +4704,30 @@ type Props$140 = ComponentPropsWithRef<'div'> & {
|
|
|
4659
4704
|
* - `role="alert"` announces it even when focus is elsewhere (e.g. on submit).
|
|
4660
4705
|
* - A `<div>`, not `<p>`, so several errors can render as a `<ul>`.
|
|
4661
4706
|
*/
|
|
4662
|
-
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$
|
|
4707
|
+
declare const FormGroupError: ({ children, className, errors, ...rest }: Props$147) => import("react").JSX.Element | null;
|
|
4663
4708
|
//#endregion
|
|
4664
4709
|
//#region src/components/HelpBlock/HelpBlock.d.ts
|
|
4665
4710
|
declare const helpVariants: (props?: ({
|
|
4666
4711
|
state?: "default" | "warning" | null | undefined;
|
|
4667
4712
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4668
|
-
type Props$
|
|
4669
|
-
declare const HelpBlock: ({ children, className, state, ...rest }: Props$
|
|
4713
|
+
type Props$146 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
|
|
4714
|
+
declare const HelpBlock: ({ children, className, state, ...rest }: Props$146) => import("react").JSX.Element | null;
|
|
4670
4715
|
//#endregion
|
|
4671
4716
|
//#region src/blocks/FormGroup/FormGroupHelp.d.ts
|
|
4672
|
-
type Props$
|
|
4673
|
-
declare const FormGroupHelp: ({ children, ...rest }: Props$
|
|
4717
|
+
type Props$145 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
|
|
4718
|
+
declare const FormGroupHelp: ({ children, ...rest }: Props$145) => import("react").JSX.Element;
|
|
4674
4719
|
//#endregion
|
|
4675
4720
|
//#region src/blocks/FormGroup/FormGroupNumberInput.d.ts
|
|
4676
|
-
type Props$
|
|
4677
|
-
declare const FormGroupNumberInput: ({ ref, ...props }: Props$
|
|
4721
|
+
type Props$144 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
|
|
4722
|
+
declare const FormGroupNumberInput: ({ ref, ...props }: Props$144) => import("react").JSX.Element;
|
|
4678
4723
|
//#endregion
|
|
4679
4724
|
//#region src/blocks/FormGroup/FormGroupTextarea.d.ts
|
|
4680
|
-
type Props$
|
|
4681
|
-
declare const FormGroupTextarea: (props: Props$
|
|
4725
|
+
type Props$143 = Omit<ComponentProps<typeof Textarea>, 'state'>;
|
|
4726
|
+
declare const FormGroupTextarea: (props: Props$143) => import("react").JSX.Element;
|
|
4682
4727
|
//#endregion
|
|
4683
4728
|
//#region src/blocks/FormGroup/FormGroupTextInput.d.ts
|
|
4684
|
-
type Props$
|
|
4685
|
-
declare const FormGroupTextInput: ({ ref, ...props }: Props$
|
|
4729
|
+
type Props$142 = Omit<ComponentProps<typeof TextInput>, 'state'>;
|
|
4730
|
+
declare const FormGroupTextInput: ({ ref, ...props }: Props$142) => import("react").JSX.Element;
|
|
4686
4731
|
//#endregion
|
|
4687
4732
|
//#region src/blocks/FormGroup/types.d.ts
|
|
4688
4733
|
type ValidityState = 'default' | 'error' | 'warning';
|
|
@@ -4720,7 +4765,7 @@ declare const SIZES: {
|
|
|
4720
4765
|
readonly gap: 'little-small';
|
|
4721
4766
|
};
|
|
4722
4767
|
};
|
|
4723
|
-
type Props$
|
|
4768
|
+
type Props$141 = {
|
|
4724
4769
|
/** The answer as text, for the clipboard; empty or absent draws no copy button. */
|
|
4725
4770
|
copyText?: string;
|
|
4726
4771
|
/** The vote already recorded against this answer, or `null` for none. */
|
|
@@ -4743,6 +4788,12 @@ type Props$134 = {
|
|
|
4743
4788
|
layout?: 'inline' | 'split';
|
|
4744
4789
|
/** Fires on copy; the button does the copying itself. */
|
|
4745
4790
|
onCopy?: () => void;
|
|
4791
|
+
/** Opt-in. After a thumbs-down, a one-line input sends the reader's comment here; the caller upserts it. */
|
|
4792
|
+
onDownComment?: (text: string) => void;
|
|
4793
|
+
commentPlaceholder?: string;
|
|
4794
|
+
/** Opt-in. Draws a button that asks the question again. */
|
|
4795
|
+
onRegenerate?: () => void;
|
|
4796
|
+
regenerateLabel?: string;
|
|
4746
4797
|
};
|
|
4747
4798
|
/**
|
|
4748
4799
|
* Copy and thumbs up/down for a finished answer.
|
|
@@ -4751,21 +4802,99 @@ type Props$134 = {
|
|
|
4751
4802
|
* - A vote can be changed but not withdrawn; pressing the pressed one re-sends it.
|
|
4752
4803
|
* - The caller owns the recorded vote and the write.
|
|
4753
4804
|
*/
|
|
4754
|
-
declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout }: Props$
|
|
4805
|
+
declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout, onDownComment, commentPlaceholder, onRegenerate, regenerateLabel }: Props$141) => import("react").JSX.Element;
|
|
4806
|
+
//#endregion
|
|
4807
|
+
//#region src/blocks/AIKit/SourceChip.d.ts
|
|
4808
|
+
type SourceState = 'verified' | 'unverified' | 'neutral';
|
|
4809
|
+
type SourceChipProps = {
|
|
4810
|
+
label: string;
|
|
4811
|
+
/** `verified`: a tool call supports it. `unverified`: named but never touched. `neutral`: nothing to check against. */
|
|
4812
|
+
state?: SourceState;
|
|
4813
|
+
/** What kind of thing it is (e.g. "table"); part of the accessible name, not the face. */
|
|
4814
|
+
kind?: string;
|
|
4815
|
+
icon?: ReactNode;
|
|
4816
|
+
/** Renders a link; also takes `onClick` for an in-page open that keeps the link as a fallback. */
|
|
4817
|
+
href?: string;
|
|
4818
|
+
/** Opens the link in a new tab. */
|
|
4819
|
+
external?: boolean;
|
|
4820
|
+
onClick?: () => void;
|
|
4821
|
+
title?: string;
|
|
4822
|
+
className?: string;
|
|
4823
|
+
};
|
|
4824
|
+
/**
|
|
4825
|
+
* One cited source in an answer's provenance row.
|
|
4826
|
+
*
|
|
4827
|
+
* - The verdict rides the border and the accessible name, not the visible text.
|
|
4828
|
+
* - A link when it has `href`, a button when it only has `onClick`, a plain label otherwise.
|
|
4829
|
+
* - A plain left click goes to `onClick`; modified clicks keep the link's own behaviour.
|
|
4830
|
+
*/
|
|
4831
|
+
declare const SourceChip: (props: SourceChipProps) => import("react").JSX.Element;
|
|
4832
|
+
//#endregion
|
|
4833
|
+
//#region src/blocks/AIKit/AnswerSources.d.ts
|
|
4834
|
+
declare const ANSWER_SOURCES_VISIBLE = 6;
|
|
4835
|
+
type AnswerSource = SourceChipProps & {
|
|
4836
|
+
id: string;
|
|
4837
|
+
};
|
|
4838
|
+
type Props$140 = {
|
|
4839
|
+
sources: AnswerSource[];
|
|
4840
|
+
/** Row heading. */
|
|
4841
|
+
label?: string;
|
|
4842
|
+
/** Shown instead of chips when `sources` is empty. */
|
|
4843
|
+
emptyLabel?: string;
|
|
4844
|
+
/** Chips shown before "+N more". */
|
|
4845
|
+
visibleCount?: number;
|
|
4846
|
+
/** Extra line under the row, e.g. the assumptions the answer made. */
|
|
4847
|
+
footnote?: ReactNode;
|
|
4848
|
+
className?: string;
|
|
4849
|
+
};
|
|
4850
|
+
/**
|
|
4851
|
+
* The provenance row under an answer: where its figures came from.
|
|
4852
|
+
*
|
|
4853
|
+
* - Says "N unverified" once, instead of on every chip, so checked sources can look calm.
|
|
4854
|
+
* - Collapses past `visibleCount` behind a "+N more" toggle.
|
|
4855
|
+
* - Empty `sources` states that none were declared, which is itself information.
|
|
4856
|
+
*/
|
|
4857
|
+
declare const AnswerSources: ({ sources, label, emptyLabel, visibleCount, footnote, className }: Props$140) => import("react").JSX.Element;
|
|
4755
4858
|
//#endregion
|
|
4756
4859
|
//#region src/blocks/AIKit/AnswerSummary.d.ts
|
|
4757
4860
|
type AnswerItem = {
|
|
4758
4861
|
question: string;
|
|
4759
4862
|
answer?: string;
|
|
4760
4863
|
};
|
|
4761
|
-
type Variant = 'success' | 'dismissed';
|
|
4864
|
+
type Variant = 'success' | 'dismissed' | 'expired';
|
|
4762
4865
|
type Props = {
|
|
4763
4866
|
items: readonly AnswerItem[];
|
|
4764
4867
|
variant?: Variant;
|
|
4868
|
+
/** Follows the header label, e.g. `Cancelled`; defaults to `Expired` for the `expired` variant. */
|
|
4869
|
+
statusLabel?: string;
|
|
4870
|
+
/** Why the questions are in their state, shown first once expanded. */
|
|
4871
|
+
statusMessage?: ReactNode;
|
|
4765
4872
|
noAnswerLabel?: string;
|
|
4766
4873
|
onExpandToggle?: (next: boolean) => void;
|
|
4767
4874
|
};
|
|
4768
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
|
|
4875
|
+
declare const AnswerSummary: ({ items, variant, statusLabel, statusMessage, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
|
|
4876
|
+
//#endregion
|
|
4877
|
+
//#region src/blocks/AIKit/AttachmentChip.d.ts
|
|
4878
|
+
type AttachmentStatus = 'uploading' | 'ready' | 'error';
|
|
4879
|
+
type Props$139 = {
|
|
4880
|
+
name: string;
|
|
4881
|
+
/** Replaces the file glyph while the upload is not failing. */
|
|
4882
|
+
thumbnailUrl?: string;
|
|
4883
|
+
status: AttachmentStatus;
|
|
4884
|
+
/** Shown as a tooltip on an `error` chip. */
|
|
4885
|
+
error?: string;
|
|
4886
|
+
onRemove: () => void;
|
|
4887
|
+
/** Extra content after the name, e.g. a size. */
|
|
4888
|
+
trailing?: ReactNode;
|
|
4889
|
+
className?: string;
|
|
4890
|
+
};
|
|
4891
|
+
/**
|
|
4892
|
+
* A file attached to a message being composed.
|
|
4893
|
+
*
|
|
4894
|
+
* - Capped width with a truncating name, so a long filename cannot push the text away.
|
|
4895
|
+
* - `error` explains itself in a tooltip; the remove control stays available in every status.
|
|
4896
|
+
*/
|
|
4897
|
+
declare const AttachmentChip: ({ name, thumbnailUrl, status, error, onRemove, trailing, className }: Props$139) => import("react").JSX.Element;
|
|
4769
4898
|
//#endregion
|
|
4770
4899
|
//#region src/blocks/AIKit/ChatInlineIcon.d.ts
|
|
4771
4900
|
/**
|
|
@@ -4776,7 +4905,7 @@ declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }:
|
|
|
4776
4905
|
* - A name that is both (`save`, of `save-changes`) is drawn now.
|
|
4777
4906
|
*/
|
|
4778
4907
|
declare const getChatInlineIconName: (text: string) => string | undefined;
|
|
4779
|
-
type Props$
|
|
4908
|
+
type Props$138 = {
|
|
4780
4909
|
/** The name from the token, without the `icon:` prefix. */
|
|
4781
4910
|
name: string;
|
|
4782
4911
|
};
|
|
@@ -4788,20 +4917,64 @@ type Props$133 = {
|
|
|
4788
4917
|
* - The heavier stroke holds its own beside a bold heading.
|
|
4789
4918
|
* - `aria-hidden`: the token's text is removed, so the glyph has no label to announce.
|
|
4790
4919
|
*/
|
|
4791
|
-
declare const ChatInlineIcon: ({ name }: Props$
|
|
4920
|
+
declare const ChatInlineIcon: ({ name }: Props$138) => import("react").JSX.Element | null;
|
|
4921
|
+
//#endregion
|
|
4922
|
+
//#region src/blocks/AIKit/ChatNotice.d.ts
|
|
4923
|
+
type ChatNoticeTone = 'error' | 'warn' | 'info';
|
|
4924
|
+
type Props$137 = {
|
|
4925
|
+
tone: ChatNoticeTone;
|
|
4926
|
+
children: ReactNode;
|
|
4927
|
+
/** A control for the reader to act on, e.g. a retry button. */
|
|
4928
|
+
action?: ReactNode;
|
|
4929
|
+
/** Raw error text, behind a collapsed "Technical details". */
|
|
4930
|
+
details?: string;
|
|
4931
|
+
/** Seconds until the action is worth trying again; counts down beside the message. */
|
|
4932
|
+
retryAfter?: number;
|
|
4933
|
+
className?: string;
|
|
4934
|
+
};
|
|
4935
|
+
/**
|
|
4936
|
+
* A notice row in a chat transcript.
|
|
4937
|
+
*
|
|
4938
|
+
* - Thin wrapper over `Alert`; `warn` maps to the warning variant.
|
|
4939
|
+
* - `details` stays collapsed so a stack trace never crowds the message.
|
|
4940
|
+
* - `retryAfter` appends a live countdown; `action` is always rendered, so the host decides whether to gate it.
|
|
4941
|
+
*/
|
|
4942
|
+
declare const ChatNotice: ({ tone, children, action, details, retryAfter, className }: Props$137) => import("react").JSX.Element;
|
|
4792
4943
|
//#endregion
|
|
4793
4944
|
//#region src/blocks/AIKit/CollapsibleStepHeader.d.ts
|
|
4794
4945
|
type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4795
|
-
type Props$
|
|
4946
|
+
type Props$136 = {
|
|
4796
4947
|
isExpanded: boolean;
|
|
4797
4948
|
onToggle: () => void;
|
|
4798
4949
|
label: ReactNode;
|
|
4799
4950
|
variant?: Variant$5;
|
|
4800
4951
|
};
|
|
4801
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$
|
|
4952
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$136) => import("react").JSX.Element;
|
|
4953
|
+
//#endregion
|
|
4954
|
+
//#region src/blocks/AIKit/ContextChip.d.ts
|
|
4955
|
+
declare const CONTEXT_CHIP_EXPANDABLE_LENGTH = 120;
|
|
4956
|
+
type ContextImage = {
|
|
4957
|
+
src: string;
|
|
4958
|
+
alt: string;
|
|
4959
|
+
};
|
|
4960
|
+
type Props$135 = {
|
|
4961
|
+
/** Where the quote came from, e.g. a message or a page title. */
|
|
4962
|
+
label: string;
|
|
4963
|
+
excerpt: string;
|
|
4964
|
+
images?: ContextImage[];
|
|
4965
|
+
onRemove: () => void;
|
|
4966
|
+
className?: string;
|
|
4967
|
+
};
|
|
4968
|
+
/**
|
|
4969
|
+
* A quote or reference attached to a message being composed.
|
|
4970
|
+
*
|
|
4971
|
+
* - The excerpt is clamped to two lines; "Show all" appears once it is long enough to be cut.
|
|
4972
|
+
* - Images sit under the excerpt as small thumbnails.
|
|
4973
|
+
*/
|
|
4974
|
+
declare const ContextChip: ({ label, excerpt, images, onRemove, className }: Props$135) => import("react").JSX.Element;
|
|
4802
4975
|
//#endregion
|
|
4803
4976
|
//#region src/blocks/AIKit/FileDownloadChip.d.ts
|
|
4804
|
-
type Props$
|
|
4977
|
+
type Props$134 = {
|
|
4805
4978
|
/** The file's own name, as the reader will see it saved. */
|
|
4806
4979
|
fileName: string;
|
|
4807
4980
|
/** Where it sits in the workspace, shown on hover — what tells two `report.pdf`s apart. */
|
|
@@ -4811,15 +4984,51 @@ type Props$131 = {
|
|
|
4811
4984
|
/** Whether a download is in flight — the host owns the fetch and the save. */
|
|
4812
4985
|
isPending?: boolean;
|
|
4813
4986
|
onDownload: () => void;
|
|
4987
|
+
/** Opt-in. Makes the name a preview button and the download a button of its own beside it. */
|
|
4988
|
+
onPreview?: () => void;
|
|
4989
|
+
/** Opt-in. Extra controls drawn as part of the chip, e.g. Save to library. */
|
|
4990
|
+
actions?: ReactNode;
|
|
4814
4991
|
className?: string;
|
|
4815
4992
|
};
|
|
4816
4993
|
/**
|
|
4817
4994
|
* A file the agent wrote, offered inside its own answer.
|
|
4818
4995
|
*
|
|
4819
|
-
* -
|
|
4996
|
+
* - By default the whole chip is the control: a small icon beside a truncating filename is hard to hit.
|
|
4997
|
+
* - With `onPreview` or `actions` the chip splits: the name previews (or downloads, without
|
|
4998
|
+
* `onPreview`), the download sits beside it, and `actions` follow.
|
|
4820
4999
|
* - Presentation only — the host fetches and saves, through its own auth.
|
|
4821
5000
|
*/
|
|
4822
|
-
declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, className }: Props$
|
|
5001
|
+
declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, onPreview, actions, className }: Props$134) => import("react").JSX.Element;
|
|
5002
|
+
//#endregion
|
|
5003
|
+
//#region src/blocks/AIKit/FileGalleryTile.d.ts
|
|
5004
|
+
type FileGalleryImage = {
|
|
5005
|
+
id: string;
|
|
5006
|
+
name: string;
|
|
5007
|
+
/** The thumbnail's URL; absent while the host is still loading it. */
|
|
5008
|
+
src?: string;
|
|
5009
|
+
/** The host could not produce a thumbnail. */
|
|
5010
|
+
isFailed?: boolean;
|
|
5011
|
+
};
|
|
5012
|
+
//#endregion
|
|
5013
|
+
//#region src/blocks/AIKit/FileGallery.d.ts
|
|
5014
|
+
type Props$133 = {
|
|
5015
|
+
images: readonly FileGalleryImage[];
|
|
5016
|
+
onOpen: (image: FileGalleryImage) => void;
|
|
5017
|
+
onRetry?: (image: FileGalleryImage) => void;
|
|
5018
|
+
/** Fires once per tile as it nears the viewport; the host loads its thumbnail here. */
|
|
5019
|
+
onImageVisible?: (image: FileGalleryImage) => void;
|
|
5020
|
+
/** Tiles drawn before the rest sit behind "+N more". */
|
|
5021
|
+
maxTiles?: number;
|
|
5022
|
+
className?: string;
|
|
5023
|
+
};
|
|
5024
|
+
/**
|
|
5025
|
+
* Image files the agent wrote, as a grid of thumbnails.
|
|
5026
|
+
*
|
|
5027
|
+
* - Presentation only: the host owns thumbnail URLs, their loading and their auth.
|
|
5028
|
+
* - Tiles ask for their thumbnail as they near the viewport, so a long gallery loads on scroll.
|
|
5029
|
+
* - Draws `maxTiles`, then a "+N more" button that reveals the rest.
|
|
5030
|
+
*/
|
|
5031
|
+
declare const FileGallery: ({ images, onOpen, onRetry, onImageVisible, maxTiles, className }: Props$133) => import("react").JSX.Element | null;
|
|
4823
5032
|
//#endregion
|
|
4824
5033
|
//#region src/blocks/AIKit/InlineStepDetail.d.ts
|
|
4825
5034
|
type Props$2 = {
|
|
@@ -4828,17 +5037,28 @@ type Props$2 = {
|
|
|
4828
5037
|
declare const InlineStepDetail: ({ children }: Props$2) => import("react").JSX.Element;
|
|
4829
5038
|
//#endregion
|
|
4830
5039
|
//#region src/blocks/AIKit/InlineStepLabel.d.ts
|
|
5040
|
+
/**
|
|
5041
|
+
* How a step reads in one mark.
|
|
5042
|
+
*
|
|
5043
|
+
* - A step that failed and then succeeded on retry is `success`.
|
|
5044
|
+
* - A step that was stopped before it finished is `dismissed`.
|
|
5045
|
+
*/
|
|
4831
5046
|
type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
|
|
4832
5047
|
type Props$4 = {
|
|
4833
5048
|
variant: Variant$3;
|
|
4834
5049
|
children: ReactNode;
|
|
5050
|
+
/** Quiet trailing text after the label, e.g. how long the step took. */
|
|
5051
|
+
meta?: ReactNode;
|
|
5052
|
+
/** Opt-in. What the step did or returned, behind a Details toggle on the row. */
|
|
5053
|
+
detail?: ReactNode;
|
|
5054
|
+
defaultExpanded?: boolean;
|
|
4835
5055
|
};
|
|
4836
|
-
declare const InlineStepLabel: ({ variant, children }: Props$4) => import("react").JSX.Element;
|
|
5056
|
+
declare const InlineStepLabel: ({ variant, children, meta, detail, defaultExpanded }: Props$4) => import("react").JSX.Element;
|
|
4837
5057
|
//#endregion
|
|
4838
5058
|
//#region src/blocks/AIKit/InlineStepGroup.d.ts
|
|
4839
5059
|
type Props$3 = {
|
|
4840
5060
|
label: ReactNode;
|
|
4841
|
-
/** How the whole run reads in one mark
|
|
5061
|
+
/** How the whole run reads in one mark; a retried-then-recovered run is `success`, a stopped one `dismissed`. */
|
|
4842
5062
|
variant?: Variant$3;
|
|
4843
5063
|
isExpanded: boolean;
|
|
4844
5064
|
onToggle: () => void;
|
|
@@ -4849,6 +5069,8 @@ type Props$3 = {
|
|
|
4849
5069
|
/** E2E anchor; selectors in `packages/e2e-testing` break silently if it moves. */
|
|
4850
5070
|
'data-testid'?: string;
|
|
4851
5071
|
className?: string;
|
|
5072
|
+
/** Opt-in. Drawn under the last row, inside the group, e.g. a connect link or a retry. */
|
|
5073
|
+
footer?: ReactNode;
|
|
4852
5074
|
/** The rows: `InlineStepLabel`, `InlineStepDetail`, and whatever a host draws between them. */
|
|
4853
5075
|
children: ReactNode;
|
|
4854
5076
|
};
|
|
@@ -4860,7 +5082,37 @@ type Props$3 = {
|
|
|
4860
5082
|
* - Animates `grid-template-rows`; children stay mounted while closed.
|
|
4861
5083
|
* - `role="group"`, not a `region` landmark: dozens per transcript would drown real landmarks.
|
|
4862
5084
|
*/
|
|
4863
|
-
declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, children }: Props$3) => import("react").JSX.Element;
|
|
5085
|
+
declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, footer, children }: Props$3) => import("react").JSX.Element;
|
|
5086
|
+
//#endregion
|
|
5087
|
+
//#region src/blocks/AIKit/JumpToLatest.d.ts
|
|
5088
|
+
type Props$132 = {
|
|
5089
|
+
visible: boolean;
|
|
5090
|
+
/** The agent is still writing below the fold: the button pulses. */
|
|
5091
|
+
working?: boolean;
|
|
5092
|
+
onClick: () => void;
|
|
5093
|
+
/** Text beside the arrow; absent draws an icon-only button named "Scroll to bottom". */
|
|
5094
|
+
label?: string;
|
|
5095
|
+
className?: string;
|
|
5096
|
+
};
|
|
5097
|
+
/**
|
|
5098
|
+
* Scrolls a transcript back to its newest message.
|
|
5099
|
+
*
|
|
5100
|
+
* - Renders nothing while `visible` is false.
|
|
5101
|
+
* - Positioning is the host's: pass `className` to pin it over the list.
|
|
5102
|
+
*/
|
|
5103
|
+
declare const JumpToLatest: ({ visible, working, onClick, label, className }: Props$132) => import("react").JSX.Element | null;
|
|
5104
|
+
//#endregion
|
|
5105
|
+
//#region src/blocks/AIKit/markdownOptions.d.ts
|
|
5106
|
+
type RenderDiagramActions = (safeSvg: string) => ReactNode;
|
|
5107
|
+
//#endregion
|
|
5108
|
+
//#region src/blocks/AIKit/diagramLanguages.d.ts
|
|
5109
|
+
/**
|
|
5110
|
+
* The fence languages `Markdown` draws instead of printing.
|
|
5111
|
+
*
|
|
5112
|
+
* - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
|
|
5113
|
+
* - Frozen: it is shared across every app in the bundle.
|
|
5114
|
+
*/
|
|
5115
|
+
declare const DIAGRAM_LANGUAGES: readonly string[];
|
|
4864
5116
|
//#endregion
|
|
4865
5117
|
//#region src/blocks/AIKit/Markdown.d.ts
|
|
4866
5118
|
declare const PROSE_CLASS: {
|
|
@@ -4874,13 +5126,6 @@ declare const PROSE_CLASS: {
|
|
|
4874
5126
|
* - `chrome`: uncapped, dense; for content a model did not write.
|
|
4875
5127
|
*/
|
|
4876
5128
|
type Rhythm = keyof typeof PROSE_CLASS;
|
|
4877
|
-
/**
|
|
4878
|
-
* The fence languages this renderer draws instead of printing.
|
|
4879
|
-
*
|
|
4880
|
-
* - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
|
|
4881
|
-
* - Frozen: it is shared across every app in the bundle.
|
|
4882
|
-
*/
|
|
4883
|
-
declare const DIAGRAM_LANGUAGES: readonly string[];
|
|
4884
5129
|
type BlockProps = {
|
|
4885
5130
|
/** GFM source; ```mermaid/```flint fences render as diagrams. */
|
|
4886
5131
|
children: string;
|
|
@@ -4889,8 +5134,21 @@ type BlockProps = {
|
|
|
4889
5134
|
/** Merged by key; an override **replaces** the built-in renderer, not wraps it.
|
|
4890
5135
|
* Keep in a module constant. */
|
|
4891
5136
|
components?: Components;
|
|
5137
|
+
/** Colour fenced code with a grammar (SQL, Python, JS/TS, JSON, shell, YAML); loads on demand. */
|
|
5138
|
+
highlight?: boolean;
|
|
5139
|
+
/** Sort table rows by a header press; numeric columns sort as numbers. */
|
|
5140
|
+
sortable?: boolean;
|
|
5141
|
+
/** Extra diagram toolbar controls; receives the sanitized SVG. Keep in a module constant. */
|
|
5142
|
+
diagramActions?: RenderDiagramActions;
|
|
5143
|
+
/** Add a built-in "Download SVG" action to every diagram. */
|
|
5144
|
+
diagramDownload?: boolean;
|
|
5145
|
+
/**
|
|
5146
|
+
* Draw a ```svg fence (or an ```xml/```html one holding a single SVG document) as a chart.
|
|
5147
|
+
* Sanitized: no scripts, handlers, `foreignObject`, SMIL or external references.
|
|
5148
|
+
*/
|
|
5149
|
+
allowSvgFences?: boolean;
|
|
4892
5150
|
};
|
|
4893
|
-
type Props$
|
|
5151
|
+
type Props$131 = BlockProps & {
|
|
4894
5152
|
className?: string;
|
|
4895
5153
|
rhythm?: Rhythm;
|
|
4896
5154
|
};
|
|
@@ -4906,8 +5164,8 @@ declare const MarkdownRoot: ({ children, className, rhythm }: PropsWithChildren<
|
|
|
4906
5164
|
rhythm?: Rhythm;
|
|
4907
5165
|
}>) => import("react").JSX.Element;
|
|
4908
5166
|
/** One parsed piece of an answer, with no surface of its own; memoise at the call site. */
|
|
4909
|
-
declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides }: BlockProps) => import("react").JSX.Element;
|
|
4910
|
-
declare function Markdown({ className, rhythm, ...blockProps }: Props$
|
|
5167
|
+
declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides, highlight, sortable, diagramActions, diagramDownload, allowSvgFences }: BlockProps) => import("react").JSX.Element;
|
|
5168
|
+
declare function Markdown({ className, rhythm, ...blockProps }: Props$131): import("react").JSX.Element;
|
|
4911
5169
|
declare namespace Markdown {
|
|
4912
5170
|
export { MarkdownRoot as Root };
|
|
4913
5171
|
export { MarkdownBlock as Block };
|
|
@@ -4924,7 +5182,7 @@ declare const FADE_SURFACE: {
|
|
|
4924
5182
|
readonly background: 'tw:from-background';
|
|
4925
5183
|
};
|
|
4926
5184
|
type Surface = keyof typeof FADE_SURFACE;
|
|
4927
|
-
type Props$
|
|
5185
|
+
type Props$130 = {
|
|
4928
5186
|
/** A `Table bordered` at intrinsic width (`tw:min-w-max`) — otherwise it wraps and never overflows. */
|
|
4929
5187
|
children: ReactNode;
|
|
4930
5188
|
/** What the host paints behind the table; paint `Table`'s header band this colour too. */
|
|
@@ -4933,6 +5191,8 @@ type Props$129 = {
|
|
|
4933
5191
|
actions?: ReactNode;
|
|
4934
5192
|
/** Opens the table somewhere wider; omit where there is nowhere to go (the fade still draws). */
|
|
4935
5193
|
onExpand?: () => void;
|
|
5194
|
+
/** Sort rows by a header press, when the table is drawn by `Markdown`'s row and cell renderers. */
|
|
5195
|
+
sortable?: boolean;
|
|
4936
5196
|
className?: string;
|
|
4937
5197
|
};
|
|
4938
5198
|
/**
|
|
@@ -4944,10 +5204,10 @@ type Props$129 = {
|
|
|
4944
5204
|
* `baseline-widely-available` build floor lacks, and must sit on `Table`'s own container.
|
|
4945
5205
|
* - Past `EXPAND_RATIO` the expand action shows without hover.
|
|
4946
5206
|
*/
|
|
4947
|
-
declare const MarkdownTable: ({ children, actions, onExpand, surface, className }: Props$
|
|
5207
|
+
declare const MarkdownTable: ({ children, actions, onExpand, surface, sortable, className }: Props$130) => import("react").JSX.Element;
|
|
4948
5208
|
//#endregion
|
|
4949
5209
|
//#region src/components/Avatar.d.ts
|
|
4950
|
-
type Props$
|
|
5210
|
+
type Props$129 = {
|
|
4951
5211
|
user?: {
|
|
4952
5212
|
name: string | undefined;
|
|
4953
5213
|
email: string | undefined;
|
|
@@ -4957,22 +5217,62 @@ type Props$128 = {
|
|
|
4957
5217
|
size?: number;
|
|
4958
5218
|
variant?: 'circle' | 'rounded';
|
|
4959
5219
|
} & ComponentProps<'span'>;
|
|
4960
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
5220
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$129) => import("react").JSX.Element;
|
|
5221
|
+
//#endregion
|
|
5222
|
+
//#region src/blocks/AIKit/MessageDeliveryStatus.d.ts
|
|
5223
|
+
type MessageStatus = 'sending' | 'failed';
|
|
4961
5224
|
//#endregion
|
|
4962
5225
|
//#region src/blocks/AIKit/MessageBubble.d.ts
|
|
4963
|
-
type Props$
|
|
5226
|
+
type Props$128 = {
|
|
4964
5227
|
variant: 'user' | 'assistant';
|
|
4965
5228
|
actions?: ReactNode;
|
|
4966
5229
|
createdAt?: string;
|
|
5230
|
+
/** `visible` draws the time in the actions row; the default keeps it as the user bubble's tooltip. */
|
|
5231
|
+
timestamp?: 'tooltip' | 'visible';
|
|
5232
|
+
/** What a user message replies to, drawn as a muted blockquote above the text. */
|
|
5233
|
+
quote?: ReactNode;
|
|
5234
|
+
/** User variant: a message still on its way, or one that did not arrive. */
|
|
5235
|
+
status?: MessageStatus;
|
|
5236
|
+
onRetry?: () => void;
|
|
5237
|
+
/** Who wrote it, where several people share a chat. */
|
|
5238
|
+
author?: ReactNode;
|
|
5239
|
+
/** Clip the message at this height behind Show more / Show less. */
|
|
5240
|
+
collapseAfterPx?: number;
|
|
5241
|
+
/** Opt-in per-message avatar, beside the bubble; none by default so a narrow panel keeps its width. */
|
|
5242
|
+
avatar?: ReactNode;
|
|
4967
5243
|
/** @deprecated No avatar is rendered; accepted so existing call sites keep compiling. */
|
|
4968
5244
|
user?: ComponentProps<typeof Avatar>['user'];
|
|
4969
5245
|
} & PropsWithChildren;
|
|
4970
|
-
declare const MessageBubble: ({ variant, children, actions, createdAt }: Props$
|
|
5246
|
+
declare const MessageBubble: ({ variant, children, actions, createdAt, timestamp, quote, status, onRetry, author, collapseAfterPx, avatar }: Props$128) => import("react").JSX.Element;
|
|
5247
|
+
//#endregion
|
|
5248
|
+
//#region src/blocks/AIKit/ModeChip.d.ts
|
|
5249
|
+
type Props$127 = {
|
|
5250
|
+
children: ReactNode;
|
|
5251
|
+
/** Mounted either way; `false` collapses and fades it out so neighbours slide instead of jump. */
|
|
5252
|
+
visible?: boolean;
|
|
5253
|
+
tooltip?: ReactNode;
|
|
5254
|
+
/** Accessible name of the chip, which turns the mode off. */
|
|
5255
|
+
removeLabel: string;
|
|
5256
|
+
color?: ComponentProps<typeof Badge>['color'];
|
|
5257
|
+
onRemove: () => void;
|
|
5258
|
+
className?: string;
|
|
5259
|
+
};
|
|
5260
|
+
/**
|
|
5261
|
+
* A removable pill naming a mode the composer is in.
|
|
5262
|
+
*
|
|
5263
|
+
* - The whole chip turns the mode off, not just the ×.
|
|
5264
|
+
* - Collapsed via a `0fr` / `1fr` grid column and taken out of the tab order while hidden.
|
|
5265
|
+
*/
|
|
5266
|
+
declare const ModeChip: ({ children, visible, tooltip, removeLabel, color, onRemove, className }: Props$127) => import("react").JSX.Element;
|
|
4971
5267
|
//#endregion
|
|
4972
5268
|
//#region src/blocks/AIKit/PlanApproval.d.ts
|
|
4973
|
-
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
|
|
5269
|
+
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested' | 'expired';
|
|
4974
5270
|
type PlanApprovalProps = {
|
|
4975
5271
|
status: PlanApprovalStatus;
|
|
5272
|
+
/** Replaces the status pill's text, e.g. `Cancelled` for an `expired` card closed by a restart. */
|
|
5273
|
+
statusLabel?: string;
|
|
5274
|
+
/** Why the card is in its status, shown under the title. */
|
|
5275
|
+
statusMessage?: ReactNode;
|
|
4976
5276
|
title: string;
|
|
4977
5277
|
summary?: ReactNode;
|
|
4978
5278
|
stepCount?: number;
|
|
@@ -5002,7 +5302,7 @@ type PlanApprovalProps = {
|
|
|
5002
5302
|
stepCountLabel?: (count: number) => string;
|
|
5003
5303
|
className?: string;
|
|
5004
5304
|
};
|
|
5005
|
-
declare const PlanApproval: ({ status, title, summary, stepCount, planBody, defaultExpanded, isExpanded: isExpandedProp, onExpandToggle, onApprove, onRequestChanges, onClose, isSubmitting, approveTooltip, pendingPillLabel, approvedPillLabel, dismissedPillLabel, changesRequestedPillLabel, approveLabel, requestChangesLabel, cancelLabel, showMoreLabel, showLessLabel, closeLabel, fullScreenLabel, exitFullScreenLabel, changeRequestPlaceholder, changeRequestSubmitLabel, stepCountLabel, className }: PlanApprovalProps) => import("react").JSX.Element;
|
|
5305
|
+
declare const PlanApproval: ({ status, statusLabel, statusMessage, title, summary, stepCount, planBody, defaultExpanded, isExpanded: isExpandedProp, onExpandToggle, onApprove, onRequestChanges, onClose, isSubmitting, approveTooltip, pendingPillLabel, approvedPillLabel, dismissedPillLabel, changesRequestedPillLabel, approveLabel, requestChangesLabel, cancelLabel, showMoreLabel, showLessLabel, closeLabel, fullScreenLabel, exitFullScreenLabel, changeRequestPlaceholder, changeRequestSubmitLabel, stepCountLabel, className }: PlanApprovalProps) => import("react").JSX.Element;
|
|
5006
5306
|
//#endregion
|
|
5007
5307
|
//#region src/blocks/AIKit/PlanRewritingIndicator.d.ts
|
|
5008
5308
|
type PlanRewritingIndicatorProps = {
|
|
@@ -5104,8 +5404,30 @@ type Props$123 = {
|
|
|
5104
5404
|
className?: string;
|
|
5105
5405
|
variant?: 'default' | 'inline';
|
|
5106
5406
|
disableSubmit?: boolean;
|
|
5407
|
+
/** Holds the composer read-only while the host reconnects: focus stays, Enter and send do nothing. */
|
|
5408
|
+
busy?: boolean;
|
|
5409
|
+
/** Escape with no menu open takes the caret out of the textarea. */
|
|
5410
|
+
blurOnEscape?: boolean;
|
|
5411
|
+
/** Runs after the composer's own key handling, and only for a key it left alone. */
|
|
5412
|
+
onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
|
|
5413
|
+
/** Files on the clipboard; a paste carrying text as well still inserts the text. */
|
|
5414
|
+
onPasteFiles?: (files: File[]) => void;
|
|
5415
|
+
/** Lets send fire with an empty text — for a host whose attachments are the message. */
|
|
5416
|
+
canSubmitEmpty?: boolean;
|
|
5417
|
+
/** A non-empty box sends while `streaming`/`submitted` instead of aborting; what that means is
|
|
5418
|
+
* the host's call. An empty box is unaffected, so Stop stays reachable. */
|
|
5419
|
+
allowSendWhileBusy?: boolean;
|
|
5420
|
+
/** Whether stopping is connected to anything; default `true`. `submitted` also covers an
|
|
5421
|
+
* approval POST, where aborting can cancel the question being answered. */
|
|
5422
|
+
canAbort?: boolean;
|
|
5107
5423
|
/** `/` menu: pick one and it becomes the start of the message. */
|
|
5108
5424
|
commands?: PromptCommand[];
|
|
5425
|
+
/** What the `/` list says when it has nothing to list or nothing matches — the host owns that wording. */
|
|
5426
|
+
commandsEmptyText?: ReactNode;
|
|
5427
|
+
/** The `/` commands are still on their way: an empty list says so instead of "none". */
|
|
5428
|
+
commandsLoading?: boolean;
|
|
5429
|
+
/** `typed` opens the `/` menu only for a `/` typed into an empty composer, never for pasted or set text. */
|
|
5430
|
+
slashTrigger?: 'value' | 'typed';
|
|
5109
5431
|
/** A form in the popup's place, opened by a `commands` action row; menus stay closed, Escape calls `onClose`. */
|
|
5110
5432
|
panel?: {
|
|
5111
5433
|
content: ReactNode;
|
|
@@ -5123,8 +5445,10 @@ type Props$123 = {
|
|
|
5123
5445
|
mentionsGroupHeading?: (group: string) => ReactNode;
|
|
5124
5446
|
/** More than one `@` pick per menu: each pick leaves a bare `@`, so the list stays open. */
|
|
5125
5447
|
mentionsMultiple?: boolean;
|
|
5448
|
+
/** Prompts already sent, oldest first: ↑ at the start of the text recalls them, ↓ steps back. */
|
|
5449
|
+
history?: string[];
|
|
5126
5450
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
5127
|
-
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, commandsGroupAction, panel, mentions, onMentionSelect, mentionsEmptyText, mentionsGroupHeading, mentionsMultiple, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$123): import("react").JSX.Element;
|
|
5451
|
+
declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, disabled, disableSubmit, busy, blurOnEscape, onKeyDown, onPasteFiles, canSubmitEmpty, allowSendWhileBusy, canAbort, value, onValueChange, status, maxRows, minRows, commands, commandsEmptyText, commandsLoading, slashTrigger, commandsGroupAction, panel, mentions, onMentionSelect, mentionsEmptyText, mentionsGroupHeading, mentionsMultiple, history, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$123): import("react").JSX.Element;
|
|
5128
5452
|
declare namespace PromptInput {
|
|
5129
5453
|
export { PromptInputAction as Action };
|
|
5130
5454
|
export { PromptInputMenuTrigger as MenuTrigger };
|
|
@@ -5136,6 +5460,8 @@ type QuestionOption = {
|
|
|
5136
5460
|
label: string;
|
|
5137
5461
|
description?: string;
|
|
5138
5462
|
preview?: string;
|
|
5463
|
+
/** A short tag after the label, e.g. `Recommended`. */
|
|
5464
|
+
badge?: string;
|
|
5139
5465
|
};
|
|
5140
5466
|
type Props$7 = {
|
|
5141
5467
|
question: string;
|
|
@@ -5149,11 +5475,20 @@ type Props$7 = {
|
|
|
5149
5475
|
onCustomAnswerConfirm?: () => void;
|
|
5150
5476
|
showCustomAnswer?: boolean;
|
|
5151
5477
|
customAnswerPlaceholder?: string;
|
|
5478
|
+
customAnswerMaxLength?: number;
|
|
5152
5479
|
showSkip?: boolean;
|
|
5153
5480
|
onSkip?: () => void;
|
|
5481
|
+
/** Replaces the Skip button's `Space` hint; `null` drops the tooltip. */
|
|
5482
|
+
skipTooltip?: ReactNode;
|
|
5154
5483
|
onClose?: () => void;
|
|
5155
5484
|
onNext?: () => void;
|
|
5156
5485
|
submitTooltip?: ReactNode;
|
|
5486
|
+
/** Keeps the answer from being sent, by click or by ⌘/Ctrl+Enter. */
|
|
5487
|
+
isSubmitDisabled?: boolean;
|
|
5488
|
+
/** The answer is on its way: Submit spins and every action is disabled. */
|
|
5489
|
+
isSubmitting?: boolean;
|
|
5490
|
+
/** Why the last send failed, shown above the footer. */
|
|
5491
|
+
error?: ReactNode;
|
|
5157
5492
|
onPrevious?: () => void;
|
|
5158
5493
|
currentStep?: number;
|
|
5159
5494
|
totalSteps?: number;
|
|
@@ -5164,7 +5499,7 @@ type Props$7 = {
|
|
|
5164
5499
|
enableShortcuts?: boolean;
|
|
5165
5500
|
className?: string;
|
|
5166
5501
|
};
|
|
5167
|
-
declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, autoFocus, enableShortcuts, className }: Props$7) => import("react").JSX.Element;
|
|
5502
|
+
declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, customAnswerMaxLength, showSkip, onSkip, skipTooltip, onClose, onNext, submitTooltip, isSubmitDisabled, isSubmitting, error, onPrevious, currentStep, totalSteps, renderPreview, autoFocus, enableShortcuts, className }: Props$7) => import("react").JSX.Element;
|
|
5168
5503
|
//#endregion
|
|
5169
5504
|
//#region src/blocks/AIKit/QuestionBlock.d.ts
|
|
5170
5505
|
type QuestionStep = {
|
|
@@ -5189,17 +5524,49 @@ type Props$6 = {
|
|
|
5189
5524
|
};
|
|
5190
5525
|
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className }: Props$6) => import("react").JSX.Element;
|
|
5191
5526
|
//#endregion
|
|
5527
|
+
//#region src/blocks/AIKit/streamingMarkdown.d.ts
|
|
5528
|
+
/**
|
|
5529
|
+
* A streaming answer split into blocks that can no longer change and the tail that still can.
|
|
5530
|
+
*
|
|
5531
|
+
* - Render each `sealed` block in its own memoised `Markdown.Block`, keyed by index; only `tail` re-parses.
|
|
5532
|
+
* - A sealed block's text never changes as more text arrives.
|
|
5533
|
+
* - Reference links and footnotes defined in a later block resolve only once the full answer renders.
|
|
5534
|
+
*/
|
|
5535
|
+
declare const splitSealedBlocks: (text: string) => {
|
|
5536
|
+
sealed: string[];
|
|
5537
|
+
tail: string;
|
|
5538
|
+
};
|
|
5539
|
+
type WithholdOptions = {
|
|
5540
|
+
/** Fence languages held back while open; `true` means every language `Markdown` draws. */
|
|
5541
|
+
diagram?: boolean | readonly string[];
|
|
5542
|
+
/** Hold back a table header until its delimiter row is complete. */
|
|
5543
|
+
tableHead?: boolean;
|
|
5544
|
+
};
|
|
5545
|
+
/**
|
|
5546
|
+
* The part of a streaming answer that is safe to paint now.
|
|
5547
|
+
*
|
|
5548
|
+
* - An open fence whose language is still being typed is always held back.
|
|
5549
|
+
* - An open fence in a `diagram` language is held back, or every chunk redraws the chart.
|
|
5550
|
+
* - Any other open fence streams as a growing code block.
|
|
5551
|
+
*/
|
|
5552
|
+
declare const withholdOpenTail: (text: string, { diagram, tableHead }?: WithholdOptions) => string;
|
|
5553
|
+
//#endregion
|
|
5192
5554
|
//#region src/blocks/AIKit/SuggestedPrompt.d.ts
|
|
5193
5555
|
type Props$122 = {
|
|
5194
5556
|
label: string;
|
|
5195
5557
|
disabled?: boolean;
|
|
5196
5558
|
onClick: () => void;
|
|
5197
5559
|
icon?: ReactNode;
|
|
5560
|
+
/** A secondary line under the label. */
|
|
5561
|
+
description?: ReactNode;
|
|
5562
|
+
/** Content pinned to the end of the row, e.g. a badge. */
|
|
5563
|
+
trailing?: ReactNode;
|
|
5564
|
+
'aria-label'?: string;
|
|
5198
5565
|
/** `bubble`: shaped like a chat message and outlined — a reply waiting to be sent. */
|
|
5199
5566
|
variant?: 'row' | 'bubble';
|
|
5200
5567
|
className?: string;
|
|
5201
5568
|
};
|
|
5202
|
-
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, variant, className }: Props$122) => import("react").JSX.Element;
|
|
5569
|
+
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, description, trailing, 'aria-label': ariaLabel, variant, className }: Props$122) => import("react").JSX.Element;
|
|
5203
5570
|
//#endregion
|
|
5204
5571
|
//#region src/blocks/AIKit/ThinkingIndicator.d.ts
|
|
5205
5572
|
type ThinkingIndicatorProps = {
|
|
@@ -5216,39 +5583,73 @@ type ThinkingIndicatorProps = {
|
|
|
5216
5583
|
*/
|
|
5217
5584
|
declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => import("react").JSX.Element;
|
|
5218
5585
|
//#endregion
|
|
5586
|
+
//#region src/blocks/AIKit/ToolCall/toolCallApprovalStatus.d.ts
|
|
5587
|
+
type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired' | 'timed-out' | 'cancelled' | 'unattended';
|
|
5588
|
+
type ToolCallApprovalAction = 'approve' | 'reject' | 'extra';
|
|
5589
|
+
//#endregion
|
|
5590
|
+
//#region src/blocks/AIKit/ToolCall/useApprovalShortcut.d.ts
|
|
5591
|
+
type ShortcutKey = 'enter' | 'mod-enter' | 'none';
|
|
5592
|
+
//#endregion
|
|
5593
|
+
//#region src/blocks/AIKit/ToolCall/ToolCallApprovalActions.d.ts
|
|
5594
|
+
type ToolCallApprovalExtraAction = {
|
|
5595
|
+
label: string;
|
|
5596
|
+
onClick: () => void;
|
|
5597
|
+
};
|
|
5598
|
+
//#endregion
|
|
5599
|
+
//#region src/blocks/AIKit/ToolCall/ToolCallApprovalNotice.d.ts
|
|
5600
|
+
type NoticeTone = 'warning' | 'destructive' | 'info';
|
|
5601
|
+
type ToolCallApprovalNoticeItem = {
|
|
5602
|
+
tone: NoticeTone;
|
|
5603
|
+
content: ReactNode;
|
|
5604
|
+
icon?: LucideIcon;
|
|
5605
|
+
};
|
|
5606
|
+
//#endregion
|
|
5219
5607
|
//#region src/blocks/AIKit/ToolCall/ToolCallApproval.d.ts
|
|
5220
|
-
type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired';
|
|
5221
5608
|
type ToolCallApprovalProps = {
|
|
5222
|
-
/** The tool being called (e.g. `run_sql`). Rendered as a monospace tag. */
|
|
5223
|
-
toolName: string;
|
|
5224
|
-
/** Human-readable summary of what the tool will do. */
|
|
5225
|
-
title?: ReactNode;
|
|
5226
5609
|
status: ToolCallApprovalStatus;
|
|
5610
|
+
/** Replaces the status badge's text, e.g. `Cancelled by Kai`. */
|
|
5611
|
+
statusLabel?: string;
|
|
5612
|
+
/** Why the call is in its terminal status, shown under the title. */
|
|
5613
|
+
statusMessage?: ReactNode;
|
|
5614
|
+
/** `record` collapses a resolved call to one line; a pending call always renders as a card. */
|
|
5615
|
+
density?: 'card' | 'record';
|
|
5616
|
+
resolvedBy?: ReactNode;
|
|
5617
|
+
resolvedAt?: Date;
|
|
5618
|
+
/** The tool being called (e.g. `run_sql`), rendered as a monospace tag. */
|
|
5619
|
+
toolName?: string;
|
|
5620
|
+
/** Leads the header, e.g. "Kai needs your OK" or an app's own status row. */
|
|
5621
|
+
eyebrow?: ReactNode;
|
|
5622
|
+
title?: ReactNode;
|
|
5623
|
+
/** App-rendered detail — a diff, a `ToolCallChip`, arguments. */
|
|
5624
|
+
children?: ReactNode;
|
|
5625
|
+
/** Rows above the detail naming what the call will do — a link going public, a destructive write. */
|
|
5626
|
+
notices?: readonly ToolCallApprovalNoticeItem[];
|
|
5627
|
+
/** A preview beside the detail; stacks under it in a narrow container. */
|
|
5628
|
+
aside?: ReactNode;
|
|
5629
|
+
error?: ReactNode;
|
|
5227
5630
|
onApprove?: () => void;
|
|
5228
5631
|
onReject?: () => void;
|
|
5229
|
-
/**
|
|
5230
|
-
|
|
5231
|
-
/**
|
|
5232
|
-
* Replaces the default Approve/Reject buttons in the pending state. Use when
|
|
5233
|
-
* the call needs bespoke controls (e.g. an inline reason field).
|
|
5234
|
-
*/
|
|
5235
|
-
actions?: ReactNode;
|
|
5236
|
-
isSubmitting?: boolean;
|
|
5237
|
-
/**
|
|
5238
|
-
* Opt into `Enter` = approve / `Escape` = reject while pending. Off by
|
|
5239
|
-
* default so the shortcuts never fire unexpectedly in a busy chat.
|
|
5240
|
-
*/
|
|
5241
|
-
enableShortcuts?: boolean;
|
|
5632
|
+
/** A third action beside the pair, e.g. "Always allow". */
|
|
5633
|
+
extraAction?: ToolCallApprovalExtraAction;
|
|
5242
5634
|
approveLabel?: string;
|
|
5243
5635
|
rejectLabel?: string;
|
|
5636
|
+
approveVariant?: 'primary' | 'danger';
|
|
5637
|
+
/** The action in flight: its button spins and every action is disabled. */
|
|
5638
|
+
pendingAction?: ToolCallApprovalAction | null;
|
|
5639
|
+
isDisabled?: boolean;
|
|
5640
|
+
/** Approves from anywhere on the page and shows the key on the approve button. */
|
|
5641
|
+
shortcutKey?: ShortcutKey;
|
|
5642
|
+
/** Shows the key without listening for it, for an app that owns the shortcut itself. */
|
|
5643
|
+
isShortcutHintOnly?: boolean;
|
|
5244
5644
|
className?: string;
|
|
5245
5645
|
};
|
|
5246
5646
|
/**
|
|
5247
|
-
* Per-tool-call approve/reject frame — the granular sibling of `PlanApproval
|
|
5248
|
-
*
|
|
5249
|
-
* renders the call detail
|
|
5647
|
+
* Per-tool-call approve/reject frame — the granular sibling of `PlanApproval`.
|
|
5648
|
+
*
|
|
5649
|
+
* - Chrome, status and actions only: the app renders the call detail and owns the permission wiring.
|
|
5650
|
+
* - Actions render only while `pending`.
|
|
5250
5651
|
*/
|
|
5251
|
-
declare const ToolCallApproval: ({ toolName, title,
|
|
5652
|
+
declare const ToolCallApproval: ({ status, statusLabel, statusMessage, density, resolvedBy, resolvedAt, toolName, eyebrow, title, children, notices, aside, error, onApprove, onReject, extraAction, approveLabel, rejectLabel, approveVariant, pendingAction, isDisabled, shortcutKey, isShortcutHintOnly, className }: ToolCallApprovalProps) => import("react").JSX.Element;
|
|
5252
5653
|
//#endregion
|
|
5253
5654
|
//#region src/blocks/AIKit/ToolCall/ToolCallChip.d.ts
|
|
5254
5655
|
type ToolCallState = 'processing' | 'done' | 'error';
|
|
@@ -5289,7 +5690,7 @@ declare const variants$4: (props?: ({
|
|
|
5289
5690
|
variant?: "default" | "error" | "success" | "warning" | null | undefined;
|
|
5290
5691
|
size?: "lg" | "sm" | null | undefined;
|
|
5291
5692
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5292
|
-
type Props$121 = ComponentProps<typeof Root$
|
|
5693
|
+
type Props$121 = ComponentProps<typeof Root$13> & VariantProps<typeof variants$4>;
|
|
5293
5694
|
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$121) => import("react").JSX.Element;
|
|
5294
5695
|
//#endregion
|
|
5295
5696
|
//#region src/blocks/AIKit/UsageBar.d.ts
|
|
@@ -5368,7 +5769,7 @@ type Props$116 = ComponentProps<typeof CollapsibleTrigger>;
|
|
|
5368
5769
|
declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$116) => import("react").JSX.Element;
|
|
5369
5770
|
//#endregion
|
|
5370
5771
|
//#region src/components/Collapsible/Collapsible.d.ts
|
|
5371
|
-
type Props$115 = ComponentProps<typeof Root$
|
|
5772
|
+
type Props$115 = ComponentProps<typeof Root$12>;
|
|
5372
5773
|
declare function Collapsible(props: Props$115): import("react").JSX.Element;
|
|
5373
5774
|
declare namespace Collapsible {
|
|
5374
5775
|
export { CollapsibleTrigger$1 as Trigger };
|
|
@@ -5583,7 +5984,7 @@ type SkeletonProps = {
|
|
|
5583
5984
|
*
|
|
5584
5985
|
* - Match the eventual shape (`lg` per title row, `xs` per text line).
|
|
5585
5986
|
* - Not for slotless work (`DotsLoader`, `Button isLoading`) or empty / error states.
|
|
5586
|
-
* - `
|
|
5987
|
+
* - `Table.SkeletonRows` fills a loading `Table`; `SkeletonList` shells `Card`-list pages.
|
|
5587
5988
|
*
|
|
5588
5989
|
* @see RECIPES.md#data-card-with-skeleton
|
|
5589
5990
|
*/
|
|
@@ -5727,9 +6128,9 @@ declare const AppShell: typeof Root$17 & {
|
|
|
5727
6128
|
* - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.
|
|
5728
6129
|
* - `wide` (34rem) — multi-field or two-column forms: registration.
|
|
5729
6130
|
*/
|
|
5730
|
-
type Width = 'form' | 'wide';
|
|
6131
|
+
type Width$1 = 'form' | 'wide';
|
|
5731
6132
|
type RootProps = ComponentProps<'div'> & {
|
|
5732
|
-
width?: Width;
|
|
6133
|
+
width?: Width$1;
|
|
5733
6134
|
/** Marketing / illustration panel. Its presence switches the page to the split geometry. */
|
|
5734
6135
|
aside?: ReactNode;
|
|
5735
6136
|
/** Which side the `aside` takes on wide screens. */
|
|
@@ -6491,7 +6892,7 @@ type BreadcrumbDropdownGroupProps = {
|
|
|
6491
6892
|
/**
|
|
6492
6893
|
* A labelled group of `Breadcrumb.Dropdown.Item`s (e.g. one bucket with its tables). The group
|
|
6493
6894
|
* hides itself when neither its label nor any child matches the filter query; an active query
|
|
6494
|
-
*
|
|
6895
|
+
* opens collapsible groups, and a fold made under it lasts until the query changes. Non-empty `collapsible` groups toggle their items behind the
|
|
6495
6896
|
* header with an animated expand / collapse; a `collapsible` group with no items renders a
|
|
6496
6897
|
* non-interactive, greyed header that can't toggle.
|
|
6497
6898
|
*/
|
|
@@ -6549,10 +6950,12 @@ type BreadcrumbDropdownProps = {
|
|
|
6549
6950
|
searchPlaceholder?: string;
|
|
6550
6951
|
/** Rendered when the built-in filter hides everything. Default `"No results."`. */
|
|
6551
6952
|
emptyMessage?: ReactNode;
|
|
6953
|
+
/** The panel's own classes, e.g. a background the search row shares with the list. */
|
|
6954
|
+
panelClassName?: string;
|
|
6552
6955
|
/** `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item` elements. */
|
|
6553
6956
|
children: ReactNode;
|
|
6554
6957
|
};
|
|
6555
|
-
declare function BreadcrumbDropdown({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, children }: BreadcrumbDropdownProps): import("react").JSX.Element;
|
|
6958
|
+
declare function BreadcrumbDropdown({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, panelClassName, children }: BreadcrumbDropdownProps): import("react").JSX.Element;
|
|
6556
6959
|
declare namespace BreadcrumbDropdown {
|
|
6557
6960
|
export { BreadcrumbDropdownItem as Item };
|
|
6558
6961
|
export { BreadcrumbDropdownGroup as Group };
|
|
@@ -6770,6 +7173,46 @@ declare const TableHeader: ({ withShadow, className, ...props }: {
|
|
|
6770
7173
|
//#region src/components/Table/TableRow.d.ts
|
|
6771
7174
|
declare const TableRow: ({ ref, className, ...props }: ComponentProps<'tr'>) => import("react").JSX.Element;
|
|
6772
7175
|
//#endregion
|
|
7176
|
+
//#region src/components/Table/TableSkeletonRows.d.ts
|
|
7177
|
+
/** A width class, or one per row so the placeholders don't line up into a block. */
|
|
7178
|
+
type Width = string | string[];
|
|
7179
|
+
/**
|
|
7180
|
+
* What one column shows while the rows load.
|
|
7181
|
+
*
|
|
7182
|
+
* - `className` and `colSpan` match the real column's cells, so the placeholders keep their layout.
|
|
7183
|
+
* - `text` (default): one line of `widthClassName`.
|
|
7184
|
+
* - `name`: an optional icon (`gapClassName` from the lines, `tw:gap-3.5` by default), a name line
|
|
7185
|
+
* varied per row by default, an optional description line.
|
|
7186
|
+
* - `empty`: nothing, e.g. for a row's actions.
|
|
7187
|
+
*/
|
|
7188
|
+
type TableSkeletonColumn = {
|
|
7189
|
+
className?: string;
|
|
7190
|
+
colSpan?: number;
|
|
7191
|
+
} & ({
|
|
7192
|
+
type?: 'text';
|
|
7193
|
+
widthClassName?: Width;
|
|
7194
|
+
} | {
|
|
7195
|
+
type: 'name';
|
|
7196
|
+
iconClassName?: string;
|
|
7197
|
+
gapClassName?: string;
|
|
7198
|
+
widthClassName?: Width;
|
|
7199
|
+
descriptionClassName?: Width;
|
|
7200
|
+
} | {
|
|
7201
|
+
type: 'empty';
|
|
7202
|
+
});
|
|
7203
|
+
/**
|
|
7204
|
+
* Placeholder rows in a table's own columns while its rows load.
|
|
7205
|
+
*
|
|
7206
|
+
* - Render inside `Table.Body` in place of the rows.
|
|
7207
|
+
* - The first row announces `Loading {noun}` to screen readers; pass the plural noun, e.g. `jobs`.
|
|
7208
|
+
* - The rows don't take the hover tint, as there is nothing to act on yet.
|
|
7209
|
+
*/
|
|
7210
|
+
declare const TableSkeletonRows: ({ columns, noun, rows }: {
|
|
7211
|
+
columns: TableSkeletonColumn[];
|
|
7212
|
+
noun: string;
|
|
7213
|
+
rows?: number;
|
|
7214
|
+
}) => import("react").JSX.Element[];
|
|
7215
|
+
//#endregion
|
|
6773
7216
|
//#region src/components/Table/TableSortHeader.d.ts
|
|
6774
7217
|
type TableSortDirection = 'asc' | 'desc' | false;
|
|
6775
7218
|
/** Maps a sort direction to the `aria-sort` value for the enclosing `Table.Head`. */
|
|
@@ -6807,6 +7250,7 @@ declare namespace Table {
|
|
|
6807
7250
|
export { TableCell as Cell };
|
|
6808
7251
|
export { TableFooter as Footer };
|
|
6809
7252
|
export { TableSortHeader as SortHeader };
|
|
7253
|
+
export { TableSkeletonRows as SkeletonRows };
|
|
6810
7254
|
}
|
|
6811
7255
|
//#endregion
|
|
6812
7256
|
//#region src/components/Timeline/TimelineConnector.d.ts
|
|
@@ -7371,11 +7815,13 @@ type Props$11 = {
|
|
|
7371
7815
|
/** Keep `<foreignObject>` through sanitization; its HTML children are still stripped.
|
|
7372
7816
|
* Enable only when each one is pre-flattened to bare text. */
|
|
7373
7817
|
allowForeignObject?: boolean;
|
|
7818
|
+
/** Keep `<use>` through sanitization. Enable only when every `href` is already a `#` reference. */
|
|
7819
|
+
allowUse?: boolean;
|
|
7374
7820
|
/** Extra toolbar controls (e.g. `ExportMenu`) between copy and fullscreen; receives the
|
|
7375
7821
|
* sanitized SVG. Injected so this lazy chunk carries no export dependencies. */
|
|
7376
7822
|
renderActions?: (safeSvg: string) => ReactNode;
|
|
7377
7823
|
};
|
|
7378
|
-
declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions }: Props$11) => import("react").JSX.Element;
|
|
7824
|
+
declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, allowUse, renderActions }: Props$11) => import("react").JSX.Element;
|
|
7379
7825
|
//#endregion
|
|
7380
7826
|
//#region src/components/ZoomableSvg/exportSvg.d.ts
|
|
7381
7827
|
declare const toSvgFileContent: (svg: string) => string;
|
|
@@ -7435,5 +7881,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
|
|
|
7435
7881
|
/** WCAG level for normal-size text at a given ratio. */
|
|
7436
7882
|
declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
|
|
7437
7883
|
//#endregion
|
|
7438
|
-
export { Alert, AlertModal, AnswerActions, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FileDownloadChip, 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, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
|
|
7884
|
+
export { ANSWER_SOURCES_VISIBLE, Alert, AlertModal, AnswerActions, AnswerSource, AnswerSources, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AttachmentChip, AttachmentStatus, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, CONTEXT_CHIP_EXPANDABLE_LENGTH, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, ChatNotice, ChatNoticeTone, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, ContextChip, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FileDownloadChip, FileGallery, type FileGalleryImage, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineEdit, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, JumpToLatest, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, ModeChip, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, MultiComboboxHighlighted, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SourceChip, SourceChipProps, SourceState, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSkeletonColumn, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalAction, type ToolCallApprovalExtraAction, type ToolCallApprovalNoticeItem, type NoticeTone as ToolCallApprovalNoticeTone, type ToolCallApprovalProps, type ShortcutKey as ToolCallApprovalShortcutKey, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, splitSealedBlocks, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm, withholdOpenTail };
|
|
7439
7885
|
//# sourceMappingURL=index.d.ts.map
|