@keboola/design 4.0.0 → 4.1.1
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 +47 -4
- package/COMPONENT-API.md +75 -80
- package/dist/editors.cjs +8 -34
- package/dist/editors.cjs.map +1 -1
- package/dist/editors.d.cts +1 -3
- package/dist/editors.d.ts +1 -3
- package/dist/editors.js +8 -34
- package/dist/editors.js.map +1 -1
- package/dist/icons.cjs.map +1 -1
- package/dist/icons.js.map +1 -1
- package/dist/index.cjs +3283 -588
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +335 -330
- package/dist/index.d.ts +335 -330
- package/dist/index.js +3102 -411
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor.cjs +17 -31
- package/dist/markdown-editor.cjs.map +1 -1
- package/dist/markdown-editor.js +17 -31
- package/dist/markdown-editor.js.map +1 -1
- package/dist/mermaid.cjs +4 -18
- package/dist/mermaid.cjs.map +1 -1
- package/dist/mermaid.js +4 -18
- package/dist/mermaid.js.map +1 -1
- package/dist/styles.css +2 -2
- package/dist/testing.cjs +1 -1
- package/dist/testing.cjs.map +1 -1
- package/dist/testing.js +1 -1
- package/dist/testing.js.map +1 -1
- package/package.json +37 -33
- package/src/styles.css +52 -14
package/dist/index.d.cts
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren,
|
|
3
|
+
import { ComponentProps, Ref, ElementRef, ReactNode, PropsWithChildren, MouseEvent as MouseEvent$1, HTMLAttributes, ChangeEvent, FocusEvent as FocusEvent$1, InputHTMLAttributes, KeyboardEvent as KeyboardEvent$1, ComponentPropsWithoutRef, CSSProperties, TransitionEventHandler, RefObject, MutableRefObject, RefCallback } from 'react';
|
|
4
4
|
import * as class_variance_authority from 'class-variance-authority';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
6
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
7
7
|
import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
|
|
8
|
-
import { Root as Root$
|
|
8
|
+
import { Root as Root$5 } from '@radix-ui/react-dropdown-menu';
|
|
9
9
|
import * as _radix_ui_react_tooltip from '@radix-ui/react-tooltip';
|
|
10
10
|
import { Content } from '@radix-ui/react-tooltip';
|
|
11
11
|
import { Root } from '@radix-ui/react-toggle';
|
|
12
12
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
13
|
+
import * as _radix_ui_react_alert_dialog from '@radix-ui/react-alert-dialog';
|
|
14
|
+
import { Root as Root$1 } from '@radix-ui/react-alert-dialog';
|
|
13
15
|
import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
|
|
14
|
-
import { Root as Root$
|
|
16
|
+
import { Root as Root$2 } from '@radix-ui/react-dialog';
|
|
15
17
|
import * as _radix_ui_react_popover from '@radix-ui/react-popover';
|
|
16
|
-
import { Root as Root$
|
|
18
|
+
import { Root as Root$3, PopoverProps, PopoverContentProps } from '@radix-ui/react-popover';
|
|
17
19
|
import * as _radix_ui_react_hover_card from '@radix-ui/react-hover-card';
|
|
18
|
-
import { Root as Root$
|
|
20
|
+
import { Root as Root$4 } from '@radix-ui/react-hover-card';
|
|
19
21
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
20
22
|
import { Command as Command$1 } from 'cmdk';
|
|
21
23
|
export { defaultFilter, useCommandState } from 'cmdk';
|
|
@@ -24,12 +26,12 @@ import react_textarea_autosize__default from 'react-textarea-autosize';
|
|
|
24
26
|
import { Matcher, DateRange as DateRange$1, PropsBase, PropsSingle, PropsRange } from 'react-day-picker';
|
|
25
27
|
import { LabelProps as LabelProps$1 } from '@radix-ui/react-label';
|
|
26
28
|
import * as _radix_ui_react_switch from '@radix-ui/react-switch';
|
|
27
|
-
import { Root as Root$
|
|
29
|
+
import { Root as Root$6 } from '@radix-ui/react-switch';
|
|
28
30
|
import * as RRadioGroup from '@radix-ui/react-radio-group';
|
|
29
|
-
import { Thumb, Root as Root$
|
|
31
|
+
import { Thumb, Root as Root$7 } from '@radix-ui/react-slider';
|
|
30
32
|
import * as _radix_ui_react_select from '@radix-ui/react-select';
|
|
31
33
|
import * as _radix_ui_react_checkbox from '@radix-ui/react-checkbox';
|
|
32
|
-
import { Root as Root$
|
|
34
|
+
import { Root as Root$8, CheckedState } from '@radix-ui/react-checkbox';
|
|
33
35
|
import * as _base_ui_react_separator from '@base-ui/react/separator';
|
|
34
36
|
import * as _base_ui_react_combobox from '@base-ui/react/combobox';
|
|
35
37
|
import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
|
|
@@ -38,20 +40,19 @@ import { OTPInput, RenderProps } from 'input-otp';
|
|
|
38
40
|
export { SlotProps as InputOtpRenderSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
|
|
39
41
|
import { Accept, FileRejection } from 'react-dropzone';
|
|
40
42
|
import * as _radix_ui_react_collapsible from '@radix-ui/react-collapsible';
|
|
41
|
-
import { Root as Root$
|
|
43
|
+
import { Root as Root$9 } from '@radix-ui/react-collapsible';
|
|
42
44
|
import { Action, ExternalToast, Toaster as Toaster$1 } from 'sonner';
|
|
43
|
-
import { Root as Root$
|
|
45
|
+
import { Root as Root$a } from '@radix-ui/react-progress';
|
|
44
46
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
45
47
|
export { ImperativePanelHandle } from 'react-resizable-panels';
|
|
46
|
-
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
47
|
-
export { Slot } from '@radix-ui/react-slot';
|
|
48
48
|
import * as RSeparator from '@radix-ui/react-separator';
|
|
49
49
|
import * as RadixTabs from '@radix-ui/react-tabs';
|
|
50
50
|
import { M as MergeConflict, C as ChangeClassification } from './constants-D3gaMY-W.cjs';
|
|
51
51
|
export { D as DiffChunk } from './constants-D3gaMY-W.cjs';
|
|
52
52
|
import * as _tanstack_react_form from '@tanstack/react-form';
|
|
53
53
|
import { AnyFormApi } from '@tanstack/react-form';
|
|
54
|
-
import
|
|
54
|
+
import { ClassValue } from 'clsx';
|
|
55
|
+
export { Slot } from '@radix-ui/react-slot';
|
|
55
56
|
import { Brand } from '@keboola/brand-registry';
|
|
56
57
|
export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
|
|
57
58
|
|
|
@@ -72,16 +73,12 @@ declare const argoVariants: (props?: ({
|
|
|
72
73
|
* Pass `variant` for primary/secondary/danger/outline/invisible looks, `size`
|
|
73
74
|
* for height (including `icon-*` sizes when rendering icon-only). Icons are
|
|
74
75
|
* composed as children — `<Button><Trash2 className="tw-size-4" /> Delete</Button>`.
|
|
75
|
-
* `argo` opts into the Argo redesign styling (PageHeader / sidebar contexts) —
|
|
76
|
-
* required when nested inside `PageHeader` or `PageLayout.Footer` slots.
|
|
77
76
|
*/
|
|
78
|
-
type Props$
|
|
77
|
+
type Props$1P = {
|
|
79
78
|
/** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
|
|
80
79
|
isLoading?: boolean;
|
|
81
80
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
82
81
|
asChild?: boolean;
|
|
83
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
84
|
-
argo?: boolean;
|
|
85
82
|
} & ComponentProps<'button'> & VariantProps<typeof variants$3>;
|
|
86
83
|
/**
|
|
87
84
|
* Primary action surface for the design system — covers all clickable controls except inline text links.
|
|
@@ -96,7 +93,7 @@ type Props$1M = {
|
|
|
96
93
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
97
94
|
* @see RECIPES.md#confirm-dialog — for destructive-action confirmation
|
|
98
95
|
*/
|
|
99
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick,
|
|
96
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1P & {
|
|
100
97
|
ref?: Ref<ElementRef<"button">>;
|
|
101
98
|
}) => react_jsx_runtime.JSX.Element;
|
|
102
99
|
|
|
@@ -104,10 +101,10 @@ declare const buttonInlineVariants: (props?: ({
|
|
|
104
101
|
color?: "dark" | "muted" | "link" | "danger" | "custom" | null | undefined;
|
|
105
102
|
variant?: "link" | "custom" | "link-reverse" | null | undefined;
|
|
106
103
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
107
|
-
type Props$
|
|
104
|
+
type Props$1O = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
108
105
|
asChild?: boolean;
|
|
109
106
|
};
|
|
110
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
107
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1O & {
|
|
111
108
|
ref?: Ref<ElementRef<"button">>;
|
|
112
109
|
}) => react_jsx_runtime.JSX.Element;
|
|
113
110
|
|
|
@@ -115,27 +112,27 @@ declare const buttonGroupVariant: (props?: ({
|
|
|
115
112
|
variant?: "inline" | "block" | null | undefined;
|
|
116
113
|
space?: "compact" | "small" | "medium" | "large" | "extra-small" | "little-small" | null | undefined;
|
|
117
114
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
118
|
-
type Props$
|
|
115
|
+
type Props$1N = {
|
|
119
116
|
children: ReactNode;
|
|
120
117
|
className?: string;
|
|
121
118
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
122
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
119
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1N & {
|
|
123
120
|
ref?: Ref<ElementRef<"div">>;
|
|
124
121
|
}) => react_jsx_runtime.JSX.Element;
|
|
125
122
|
|
|
126
|
-
type Variant$
|
|
123
|
+
type Variant$8 = ComponentProps<typeof Button>['variant'];
|
|
127
124
|
type Size = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
128
125
|
type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
129
|
-
type Props$
|
|
126
|
+
type Props$1M = {
|
|
130
127
|
actions?: ReactNode;
|
|
131
128
|
isActionsOpen?: boolean;
|
|
132
129
|
onActionsOpenChange?: (open: boolean) => void;
|
|
133
130
|
/** Optional leading-icon slot — pass a Lucide icon node. */
|
|
134
131
|
icon?: ReactNode;
|
|
135
|
-
variant?: Exclude<Variant$
|
|
132
|
+
variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
|
|
136
133
|
size?: SpitButtonSize;
|
|
137
134
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
138
|
-
declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange,
|
|
135
|
+
declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1M & {
|
|
139
136
|
ref?: Ref<ElementRef<"button">>;
|
|
140
137
|
}) => react_jsx_runtime.JSX.Element) & {
|
|
141
138
|
Action: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
|
|
@@ -149,11 +146,11 @@ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsO
|
|
|
149
146
|
Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
150
147
|
};
|
|
151
148
|
|
|
152
|
-
type Props$
|
|
149
|
+
type Props$1L = {
|
|
153
150
|
className?: string;
|
|
154
151
|
} & PropsWithChildren;
|
|
155
152
|
declare const MultiActionButtonGroup: {
|
|
156
|
-
({ children, className }: Props$
|
|
153
|
+
({ children, className }: Props$1L): react_jsx_runtime.JSX.Element;
|
|
157
154
|
Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
|
|
158
155
|
disabled?: boolean;
|
|
159
156
|
icon: react.ReactNode;
|
|
@@ -167,15 +164,15 @@ declare const MultiActionButtonGroup: {
|
|
|
167
164
|
};
|
|
168
165
|
|
|
169
166
|
declare const toggleVariants: (props?: ({
|
|
170
|
-
variant?: "
|
|
167
|
+
variant?: "ai" | "ai-vivid" | "ghost" | null | undefined;
|
|
171
168
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
172
169
|
iconOnly?: boolean | null | undefined;
|
|
173
170
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
174
|
-
type Props$
|
|
171
|
+
type Props$1K = {
|
|
175
172
|
icon?: ReactNode;
|
|
176
173
|
badge?: ReactNode;
|
|
177
174
|
} & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
|
|
178
|
-
declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$
|
|
175
|
+
declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1K & {
|
|
179
176
|
ref?: Ref<ElementRef<"button">>;
|
|
180
177
|
}) => react_jsx_runtime.JSX.Element;
|
|
181
178
|
|
|
@@ -196,13 +193,11 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$5 & {
|
|
|
196
193
|
declare const tooltipVariants: (props?: ({
|
|
197
194
|
variant?: "action" | "explanatory" | null | undefined;
|
|
198
195
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
199
|
-
type Props$
|
|
196
|
+
type Props$1J = {
|
|
200
197
|
keepOpenOnPointerDownOutside?: boolean;
|
|
201
198
|
placement?: ComponentProps<typeof Content>['side'];
|
|
202
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
203
|
-
argo?: boolean;
|
|
204
199
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
205
|
-
declare const TooltipContent: ({ className, variant,
|
|
200
|
+
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1J) => react_jsx_runtime.JSX.Element;
|
|
206
201
|
|
|
207
202
|
type TriggerProps$1 = {
|
|
208
203
|
triggerAsChild?: boolean;
|
|
@@ -211,7 +206,7 @@ type TriggerProps$1 = {
|
|
|
211
206
|
* Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
|
|
212
207
|
* `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
|
|
213
208
|
*/
|
|
214
|
-
type Props$
|
|
209
|
+
type Props$1I = {
|
|
215
210
|
/** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
|
|
216
211
|
keepOpenOnTriggerClick?: boolean;
|
|
217
212
|
/** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
|
|
@@ -223,7 +218,7 @@ type Props$1F = {
|
|
|
223
218
|
/** Forcibly show the tooltip regardless of hover state. Useful for guided-tour overlays. */
|
|
224
219
|
forceShow?: boolean;
|
|
225
220
|
className?: string;
|
|
226
|
-
} & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'
|
|
221
|
+
} & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;
|
|
227
222
|
/** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */
|
|
228
223
|
declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderProps>;
|
|
229
224
|
/**
|
|
@@ -241,12 +236,11 @@ declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderP
|
|
|
241
236
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
242
237
|
*/
|
|
243
238
|
declare const Tooltip: {
|
|
244
|
-
({ tooltip, children, className, keepOpenOnTriggerClick, variant,
|
|
239
|
+
({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1I): react_jsx_runtime.JSX.Element;
|
|
245
240
|
Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
246
|
-
Content: ({ className, variant,
|
|
241
|
+
Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
|
|
247
242
|
keepOpenOnPointerDownOutside?: boolean;
|
|
248
243
|
placement?: ComponentProps<typeof Content>["side"];
|
|
249
|
-
argo?: boolean;
|
|
250
244
|
} & Omit<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "side"> & class_variance_authority.VariantProps<(props?: ({
|
|
251
245
|
variant?: "action" | "explanatory" | null | undefined;
|
|
252
246
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
|
|
@@ -257,41 +251,67 @@ declare const Tooltip: {
|
|
|
257
251
|
}) => react_jsx_runtime.JSX.Element;
|
|
258
252
|
};
|
|
259
253
|
|
|
260
|
-
type Props$
|
|
261
|
-
tooltip?: Props$
|
|
262
|
-
tooltipPlacement?: Props$
|
|
263
|
-
tooltipVariant?: Props$
|
|
264
|
-
asChild?: Props$
|
|
254
|
+
type Props$1H = {
|
|
255
|
+
tooltip?: Props$1I['tooltip'];
|
|
256
|
+
tooltipPlacement?: Props$1I['placement'];
|
|
257
|
+
tooltipVariant?: Props$1I['variant'];
|
|
258
|
+
asChild?: Props$1I['triggerAsChild'];
|
|
265
259
|
text?: string | (() => string);
|
|
266
260
|
} & ComponentProps<'button'>;
|
|
267
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
261
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1H & {
|
|
268
262
|
ref?: Ref<ElementRef<"button">>;
|
|
269
263
|
}) => react_jsx_runtime.JSX.Element;
|
|
270
264
|
|
|
271
265
|
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
272
266
|
type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
273
|
-
type Props$
|
|
267
|
+
type Props$1G = ClipboardProps$1 & ButtonProps$2 & {
|
|
274
268
|
icon?: ReactNode;
|
|
275
269
|
};
|
|
276
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
270
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
|
|
277
271
|
|
|
278
272
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
279
273
|
type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
280
|
-
type Props$
|
|
274
|
+
type Props$1F = {
|
|
281
275
|
hideIcon?: boolean;
|
|
282
276
|
} & ClipboardProps & ButtonProps$1;
|
|
283
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
277
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1F) => react_jsx_runtime.JSX.Element;
|
|
284
278
|
|
|
285
|
-
type Props$
|
|
286
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
279
|
+
type Props$1E = ComponentProps<'a'>;
|
|
280
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1E & {
|
|
287
281
|
ref?: Ref<ElementRef<"a">>;
|
|
288
282
|
}) => react_jsx_runtime.JSX.Element;
|
|
289
283
|
|
|
284
|
+
/**
|
|
285
|
+
* AlertModal status variants. Mirrors `Alert`'s set but exposes `danger` (not `error`) since an
|
|
286
|
+
* alert dialog frames a destructive action; it still maps to the red `error-*` color scale.
|
|
287
|
+
*/
|
|
288
|
+
type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
289
|
+
|
|
290
|
+
type ConfirmHandler = (event: MouseEvent$1<HTMLButtonElement>) => void | Promise<unknown>;
|
|
291
|
+
type CancelHandler = (event: MouseEvent$1<HTMLButtonElement>) => void;
|
|
292
|
+
type Props$1D = {
|
|
293
|
+
onConfirm?: ConfirmHandler;
|
|
294
|
+
onCancel?: CancelHandler;
|
|
295
|
+
skipAsyncWait?: boolean;
|
|
296
|
+
} & ComponentProps<typeof Root$1>;
|
|
297
|
+
declare const AlertModal: {
|
|
298
|
+
({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1D): react_jsx_runtime.JSX.Element;
|
|
299
|
+
Trigger: ({ ref, onClick, onKeyDown, ...props }: _radix_ui_react_alert_dialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
|
|
300
|
+
Content: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, container, className, children, onEscapeKeyDown, ...props }: {
|
|
301
|
+
variant?: AlertModalVariant;
|
|
302
|
+
icon?: react.ReactNode;
|
|
303
|
+
title?: react.ReactNode;
|
|
304
|
+
cancelLabel?: react.ReactNode;
|
|
305
|
+
confirmLabel?: react.ReactNode;
|
|
306
|
+
container?: ComponentProps<react.FC<_radix_ui_react_alert_dialog.AlertDialogPortalProps>>["container"];
|
|
307
|
+
} & Omit<_radix_ui_react_alert_dialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "title">) => react_jsx_runtime.JSX.Element;
|
|
308
|
+
};
|
|
309
|
+
|
|
290
310
|
/**
|
|
291
311
|
* Props for the `Modal` root — forwarded to Radix `Dialog.Root` (controls `open`, `onOpenChange`,
|
|
292
312
|
* `defaultOpen`, `modal`).
|
|
293
313
|
*/
|
|
294
|
-
type Props$
|
|
314
|
+
type Props$1C = ComponentProps<typeof Root$2>;
|
|
295
315
|
/**
|
|
296
316
|
* Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
|
|
297
317
|
*
|
|
@@ -307,15 +327,14 @@ type Props$1A = ComponentProps<typeof Root$1>;
|
|
|
307
327
|
* @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
|
|
308
328
|
*/
|
|
309
329
|
declare const Modal: {
|
|
310
|
-
(props: Props$
|
|
330
|
+
(props: Props$1C): react_jsx_runtime.JSX.Element;
|
|
311
331
|
/** Radix `Dialog.Close` re-export — closes the nearest `Modal` when clicked. Use `asChild` to wrap a `Button`. */
|
|
312
332
|
Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
313
333
|
/** Radix `Dialog.Trigger` re-export — opens the modal. Use `asChild` to wrap a `Button`. */
|
|
314
334
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
315
335
|
/** Modal content container — portals into the overlay, handles sizing (`small` / `medium` / `large`) and open/close animation. */
|
|
316
|
-
Content: ({ size, className, children, onEscapeKeyDown,
|
|
336
|
+
Content: ({ size, className, children, onEscapeKeyDown, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
|
|
317
337
|
size?: "small" | "medium" | "large";
|
|
318
|
-
argo?: boolean;
|
|
319
338
|
}) => react_jsx_runtime.JSX.Element;
|
|
320
339
|
/** Scrollable body slot. Place form fields or detail content here; takes available space inside `Modal.Content`. */
|
|
321
340
|
Body: ({ className, ...props }: react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -349,11 +368,10 @@ declare const Modal: {
|
|
|
349
368
|
}) => react_jsx_runtime.JSX.Element;
|
|
350
369
|
};
|
|
351
370
|
|
|
352
|
-
declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown,
|
|
371
|
+
declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: react.HTMLAttributes<HTMLDivElement> & {
|
|
353
372
|
children: react.ReactNode;
|
|
354
373
|
lockBodyScroll?: boolean;
|
|
355
374
|
onEscapeKeyDown?: (event: react.KeyboardEvent<HTMLDivElement>) => void;
|
|
356
|
-
argo?: boolean;
|
|
357
375
|
}) => react.ReactPortal) & {
|
|
358
376
|
Header: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Omit<react.HTMLAttributes<HTMLDivElement>, "title"> & {
|
|
359
377
|
title: react.ReactNode;
|
|
@@ -371,7 +389,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
|
|
|
371
389
|
}) => react_jsx_runtime.JSX.Element;
|
|
372
390
|
};
|
|
373
391
|
|
|
374
|
-
type Props$
|
|
392
|
+
type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
375
393
|
title: ReactNode;
|
|
376
394
|
titleClassName?: string;
|
|
377
395
|
titleWrapperClassName?: string;
|
|
@@ -380,23 +398,22 @@ type Props$1z = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
380
398
|
onClose?: () => void;
|
|
381
399
|
showPreviousTitle?: boolean;
|
|
382
400
|
}>;
|
|
383
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
401
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1B) => react_jsx_runtime.JSX.Element;
|
|
384
402
|
|
|
385
|
-
type Props$
|
|
386
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
403
|
+
type Props$1A = HTMLAttributes<HTMLDivElement>;
|
|
404
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1A & {
|
|
387
405
|
ref?: Ref<HTMLDivElement>;
|
|
388
406
|
}) => react_jsx_runtime.JSX.Element;
|
|
389
407
|
|
|
390
|
-
type Props$
|
|
408
|
+
type Props$1z = ComponentProps<typeof Root$2>;
|
|
391
409
|
declare const Sheet: {
|
|
392
|
-
(props: Props$
|
|
410
|
+
(props: Props$1z): react_jsx_runtime.JSX.Element;
|
|
393
411
|
Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
394
412
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
395
|
-
Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container,
|
|
413
|
+
Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
|
|
396
414
|
side?: "top" | "right" | "bottom" | "left";
|
|
397
415
|
hideOverlay?: boolean;
|
|
398
416
|
keepOpenOnPointerDownOutside?: boolean;
|
|
399
|
-
argo?: boolean;
|
|
400
417
|
} & class_variance_authority.VariantProps<(props?: ({
|
|
401
418
|
disableTransition?: boolean | null | undefined;
|
|
402
419
|
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
@@ -413,16 +430,16 @@ declare const Sheet: {
|
|
|
413
430
|
Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
414
431
|
};
|
|
415
432
|
|
|
416
|
-
type Props$
|
|
433
|
+
type Props$1y = ComponentProps<typeof Root$3>;
|
|
417
434
|
declare const Popover: {
|
|
418
|
-
(props: Props$
|
|
435
|
+
(props: Props$1y): react_jsx_runtime.JSX.Element;
|
|
419
436
|
/**
|
|
420
437
|
* Main Layout
|
|
421
438
|
*/
|
|
422
|
-
Content: ({ ref, className, align, sideOffset, matchTriggerWidth, children,
|
|
423
|
-
variant?: "
|
|
439
|
+
Content: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, ...props }: (Omit<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
440
|
+
variant?: "default" | "argo" | null | undefined;
|
|
424
441
|
matchTriggerWidth?: boolean | null | undefined;
|
|
425
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string>) & {
|
|
442
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) & {
|
|
426
443
|
ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>>>;
|
|
427
444
|
}) => react_jsx_runtime.JSX.Element;
|
|
428
445
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -437,12 +454,12 @@ type PopconfirmContextType = {
|
|
|
437
454
|
isLoading: boolean;
|
|
438
455
|
};
|
|
439
456
|
|
|
440
|
-
type Props$
|
|
457
|
+
type Props$1x = {
|
|
441
458
|
children: ReactNode;
|
|
442
459
|
skipAsyncWait?: boolean;
|
|
443
460
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
444
461
|
declare const Popconfirm: {
|
|
445
|
-
({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
462
|
+
({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
|
|
446
463
|
Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
|
|
447
464
|
asChild: true;
|
|
448
465
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
|
|
@@ -451,7 +468,6 @@ declare const Popconfirm: {
|
|
|
451
468
|
} & Omit<{
|
|
452
469
|
isLoading?: boolean;
|
|
453
470
|
asChild?: boolean;
|
|
454
|
-
argo?: boolean;
|
|
455
471
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
456
472
|
block?: boolean | null | undefined;
|
|
457
473
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -469,7 +485,6 @@ declare const Popconfirm: {
|
|
|
469
485
|
} & Omit<{
|
|
470
486
|
isLoading?: boolean;
|
|
471
487
|
asChild?: boolean;
|
|
472
|
-
argo?: boolean;
|
|
473
488
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
474
489
|
block?: boolean | null | undefined;
|
|
475
490
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -485,7 +500,6 @@ declare const Popconfirm: {
|
|
|
485
500
|
translate?: "yes" | "no" | undefined | undefined;
|
|
486
501
|
prefix?: string | undefined | undefined;
|
|
487
502
|
id?: string | undefined | undefined;
|
|
488
|
-
variant?: "argo" | "default" | null | undefined;
|
|
489
503
|
slot?: string | undefined | undefined;
|
|
490
504
|
style?: react.CSSProperties | undefined;
|
|
491
505
|
title?: string | undefined | undefined;
|
|
@@ -781,6 +795,7 @@ declare const Popconfirm: {
|
|
|
781
795
|
onPointerDownOutside?: ((event: CustomEvent<{
|
|
782
796
|
originalEvent: PointerEvent;
|
|
783
797
|
}>) => void) | undefined;
|
|
798
|
+
deferPointerDownOutside?: boolean | undefined;
|
|
784
799
|
onFocusOutside?: ((event: CustomEvent<{
|
|
785
800
|
originalEvent: FocusEvent;
|
|
786
801
|
}>) => void) | undefined;
|
|
@@ -797,24 +812,18 @@ declare const Popconfirm: {
|
|
|
797
812
|
Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
|
|
798
813
|
};
|
|
799
814
|
|
|
800
|
-
type Props$
|
|
815
|
+
type Props$1w = ComponentProps<typeof Root$4>;
|
|
801
816
|
declare const HoverCard: {
|
|
802
|
-
({ openDelay, closeDelay, ...rest }: Props$
|
|
803
|
-
Content: ({ ref, className, align, sideOffset,
|
|
804
|
-
argo?: boolean;
|
|
805
|
-
}) & {
|
|
817
|
+
({ openDelay, closeDelay, ...rest }: Props$1w): react_jsx_runtime.JSX.Element;
|
|
818
|
+
Content: ({ ref, className, align, sideOffset, children, ...props }: Omit<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
806
819
|
ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>>>>;
|
|
807
820
|
}) => react_jsx_runtime.JSX.Element;
|
|
808
821
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
|
|
809
822
|
};
|
|
810
823
|
|
|
811
|
-
type
|
|
812
|
-
|
|
813
|
-
type Props$1t = ComponentProps<typeof Root$4> & {
|
|
814
|
-
variant?: DropdownMenuVariant;
|
|
815
|
-
};
|
|
824
|
+
type Props$1v = ComponentProps<typeof Root$5>;
|
|
816
825
|
declare const DropdownMenu: {
|
|
817
|
-
({ modal,
|
|
826
|
+
({ modal, ...props }: Props$1v): react_jsx_runtime.JSX.Element;
|
|
818
827
|
/**
|
|
819
828
|
* Main Layout
|
|
820
829
|
*/
|
|
@@ -870,18 +879,14 @@ declare const DropdownMenu: {
|
|
|
870
879
|
}) => react_jsx_runtime.JSX.Element;
|
|
871
880
|
};
|
|
872
881
|
|
|
873
|
-
type Props$
|
|
874
|
-
|
|
875
|
-
variant?: 'checkbox' | 'radio' | 'argo' | 'default';
|
|
882
|
+
type Props$1u = {
|
|
883
|
+
variant?: 'checkbox' | 'radio' | 'default';
|
|
876
884
|
};
|
|
877
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
885
|
+
declare const CheckIndicator: ({ variant }: Props$1u) => react_jsx_runtime.JSX.Element | null;
|
|
878
886
|
|
|
879
|
-
type
|
|
880
|
-
type Props$1r = ComponentProps<typeof Command$1> & {
|
|
881
|
-
variant?: Variant$8;
|
|
882
|
-
};
|
|
887
|
+
type Props$1t = ComponentProps<typeof Command$1>;
|
|
883
888
|
declare const Command: {
|
|
884
|
-
({ className,
|
|
889
|
+
({ className, ...rest }: Props$1t): react_jsx_runtime.JSX.Element;
|
|
885
890
|
Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
886
891
|
Separator: ({ className, ...props }: Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
887
892
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -938,7 +943,7 @@ declare const Command: {
|
|
|
938
943
|
prefix?: react.ReactNode;
|
|
939
944
|
id?: string | undefined | undefined;
|
|
940
945
|
name?: string | undefined | undefined;
|
|
941
|
-
variant?: "primary" | "
|
|
946
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
942
947
|
form?: string | undefined | undefined;
|
|
943
948
|
slot?: string | undefined | undefined;
|
|
944
949
|
style?: react.CSSProperties | undefined;
|
|
@@ -1277,25 +1282,25 @@ declare const Command: {
|
|
|
1277
1282
|
declare const addonVariants$1: (props?: ({
|
|
1278
1283
|
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
1279
1284
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1280
|
-
type Props$
|
|
1281
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
1285
|
+
type Props$1s = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
1286
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1s) => react_jsx_runtime.JSX.Element;
|
|
1282
1287
|
|
|
1283
1288
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
1284
|
-
type Props$
|
|
1285
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
1289
|
+
type Props$1r = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
1290
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1r & {
|
|
1286
1291
|
ref?: Ref<ElementRef<"button">>;
|
|
1287
1292
|
}) => react_jsx_runtime.JSX.Element;
|
|
1288
1293
|
|
|
1289
|
-
type Props$
|
|
1290
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
1294
|
+
type Props$1q = ComponentProps<'input'>;
|
|
1295
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1q & {
|
|
1291
1296
|
ref?: Ref<ElementRef<"input">>;
|
|
1292
1297
|
}) => react_jsx_runtime.JSX.Element;
|
|
1293
1298
|
|
|
1294
|
-
type Props$
|
|
1295
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
1299
|
+
type Props$1p = ComponentProps<'span'>;
|
|
1300
|
+
declare const InputGroupText: ({ className, ...props }: Props$1p) => react_jsx_runtime.JSX.Element;
|
|
1296
1301
|
|
|
1297
1302
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
1298
|
-
type Props$
|
|
1303
|
+
type Props$1o = TextareaNativeProps$1 & {
|
|
1299
1304
|
value?: string | null;
|
|
1300
1305
|
defaultValue?: string | null;
|
|
1301
1306
|
onValueChange?: (value: string) => void;
|
|
@@ -1303,18 +1308,20 @@ type Props$1m = TextareaNativeProps$1 & {
|
|
|
1303
1308
|
maxRows?: number | 'unlimited';
|
|
1304
1309
|
disableResize?: boolean;
|
|
1305
1310
|
};
|
|
1306
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
1311
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1o & {
|
|
1307
1312
|
ref?: Ref<ElementRef<"textarea">>;
|
|
1308
1313
|
}) => react_jsx_runtime.JSX.Element;
|
|
1309
1314
|
|
|
1310
1315
|
declare const inputGroupVariants: (props?: ({
|
|
1311
1316
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
1312
|
-
variant?: "primary" | "
|
|
1317
|
+
variant?: "primary" | "secondary" | "argo" | null | undefined;
|
|
1313
1318
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1314
1319
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1315
1320
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1316
|
-
type Props$
|
|
1317
|
-
|
|
1321
|
+
type Props$1n = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
|
|
1322
|
+
variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
|
|
1323
|
+
};
|
|
1324
|
+
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1n & {
|
|
1318
1325
|
ref?: Ref<ElementRef<"div">>;
|
|
1319
1326
|
}) => react_jsx_runtime.JSX.Element;
|
|
1320
1327
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
@@ -1341,7 +1348,7 @@ type OwnProps$1 = {
|
|
|
1341
1348
|
* Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
|
|
1342
1349
|
* input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
|
|
1343
1350
|
*/
|
|
1344
|
-
type Props$
|
|
1351
|
+
type Props$1m = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
|
|
1345
1352
|
/**
|
|
1346
1353
|
* Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
|
|
1347
1354
|
*
|
|
@@ -1351,12 +1358,12 @@ type Props$1k = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, '
|
|
|
1351
1358
|
* `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
|
|
1352
1359
|
* **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
|
|
1353
1360
|
*/
|
|
1354
|
-
declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$
|
|
1361
|
+
declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$1m & {
|
|
1355
1362
|
ref?: Ref<ElementRef<"input">>;
|
|
1356
1363
|
}) => react_jsx_runtime.JSX.Element;
|
|
1357
1364
|
|
|
1358
1365
|
type InputProps$2 = ComponentProps<typeof Input$1>;
|
|
1359
|
-
type Props$
|
|
1366
|
+
type Props$1l = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
|
|
1360
1367
|
defaultValue?: Date | null;
|
|
1361
1368
|
disabledDays?: Matcher | Matcher[];
|
|
1362
1369
|
endMonth?: Date;
|
|
@@ -1365,12 +1372,12 @@ type Props$1j = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
|
|
|
1365
1372
|
startMonth?: Date;
|
|
1366
1373
|
value?: Date | null;
|
|
1367
1374
|
};
|
|
1368
|
-
declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$
|
|
1375
|
+
declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1l & {
|
|
1369
1376
|
ref?: Ref<ElementRef<"input">>;
|
|
1370
1377
|
}) => react_jsx_runtime.JSX.Element;
|
|
1371
1378
|
|
|
1372
1379
|
type InputProps$1 = ComponentProps<typeof Input$1>;
|
|
1373
|
-
type Props$
|
|
1380
|
+
type Props$1k = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
1374
1381
|
defaultValue?: DateRange$1 | null;
|
|
1375
1382
|
endMonth?: Date;
|
|
1376
1383
|
onValueBlur?: (value: DateRange$1 | null) => void;
|
|
@@ -1378,7 +1385,7 @@ type Props$1i = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
|
1378
1385
|
startMonth?: Date;
|
|
1379
1386
|
value?: DateRange$1 | null;
|
|
1380
1387
|
};
|
|
1381
|
-
declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$
|
|
1388
|
+
declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1k & {
|
|
1382
1389
|
ref?: Ref<ElementRef<"input">>;
|
|
1383
1390
|
}) => react_jsx_runtime.JSX.Element;
|
|
1384
1391
|
|
|
@@ -1396,7 +1403,7 @@ type OwnProps = {
|
|
|
1396
1403
|
* Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
|
|
1397
1404
|
* `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
|
|
1398
1405
|
*/
|
|
1399
|
-
type Props$
|
|
1406
|
+
type Props$1j = OwnProps & NativeProps;
|
|
1400
1407
|
/**
|
|
1401
1408
|
* Standard text input with a string-only API. The default choice for a bare text input.
|
|
1402
1409
|
*
|
|
@@ -1408,53 +1415,53 @@ type Props$1h = OwnProps & NativeProps;
|
|
|
1408
1415
|
* page layouts. Chrome resolves from the active brand automatically: a modern brand always renders argo
|
|
1409
1416
|
* (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
1410
1417
|
*/
|
|
1411
|
-
declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$
|
|
1418
|
+
declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1j & {
|
|
1412
1419
|
ref?: Ref<ElementRef<"input">>;
|
|
1413
1420
|
}) => react_jsx_runtime.JSX.Element;
|
|
1414
1421
|
|
|
1415
1422
|
type InputProps = ComponentProps<typeof Input$1>;
|
|
1416
|
-
type Props$
|
|
1423
|
+
type Props$1i = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
|
|
1417
1424
|
value?: string | null;
|
|
1418
1425
|
defaultValue?: string | null;
|
|
1419
1426
|
onValueChange?: (value: string | null) => void;
|
|
1420
1427
|
onValueBlur?: (value: string | null) => void;
|
|
1421
1428
|
};
|
|
1422
|
-
declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$
|
|
1429
|
+
declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1i & {
|
|
1423
1430
|
ref?: Ref<ElementRef<"input">>;
|
|
1424
1431
|
}) => react_jsx_runtime.JSX.Element;
|
|
1425
1432
|
|
|
1426
|
-
type Props$
|
|
1427
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
1433
|
+
type Props$1h = ComponentProps<typeof TextInput>;
|
|
1434
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$1h & {
|
|
1428
1435
|
ref?: Ref<ElementRef<"input">>;
|
|
1429
1436
|
}) => react_jsx_runtime.JSX.Element;
|
|
1430
1437
|
|
|
1431
|
-
type Props$
|
|
1438
|
+
type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1432
1439
|
viewPortClassName?: string;
|
|
1433
1440
|
scrollBarClassName?: string;
|
|
1434
1441
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1435
1442
|
};
|
|
1436
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1443
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1g & {
|
|
1437
1444
|
ref?: Ref<ElementRef<"div">>;
|
|
1438
1445
|
}) => react_jsx_runtime.JSX.Element;
|
|
1439
1446
|
|
|
1440
|
-
type Props$
|
|
1441
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1447
|
+
type Props$1f = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1448
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$1f) => react_jsx_runtime.JSX.Element;
|
|
1442
1449
|
|
|
1443
|
-
type Props$
|
|
1444
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1450
|
+
type Props$1e = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1451
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1e & {
|
|
1445
1452
|
ref?: Ref<ElementRef<"div">>;
|
|
1446
1453
|
}) => react_jsx_runtime.JSX.Element;
|
|
1447
1454
|
|
|
1448
|
-
type Props$
|
|
1449
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
1455
|
+
type Props$1d = ComponentProps<typeof Command$1.Group>;
|
|
1456
|
+
declare const CommandGroup: ({ className, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
|
|
1450
1457
|
|
|
1451
|
-
type Props$
|
|
1458
|
+
type Props$1c = ComponentProps<typeof Command$1.Item> & {
|
|
1452
1459
|
icon?: ReactNode;
|
|
1453
1460
|
checked?: boolean;
|
|
1454
1461
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
1455
1462
|
actions?: ReactNode;
|
|
1456
1463
|
};
|
|
1457
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
1464
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1c) => react_jsx_runtime.JSX.Element;
|
|
1458
1465
|
|
|
1459
1466
|
type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
|
|
1460
1467
|
declare const Calendar: {
|
|
@@ -1462,13 +1469,10 @@ declare const Calendar: {
|
|
|
1462
1469
|
displayName: string;
|
|
1463
1470
|
};
|
|
1464
1471
|
|
|
1465
|
-
type OwnPopoverProps = PropsWithChildren & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'
|
|
1466
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1467
|
-
argo?: boolean;
|
|
1468
|
-
};
|
|
1472
|
+
type OwnPopoverProps = PropsWithChildren & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
1469
1473
|
type DatePickerProps = OwnPopoverProps & CalendarProps;
|
|
1470
1474
|
declare const DatePicker: {
|
|
1471
|
-
({ align, alignOffset,
|
|
1475
|
+
({ align, alignOffset, children, defaultOpen, onOpenChange, open, sideOffset, ...calendarProps }: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
1472
1476
|
displayName: string;
|
|
1473
1477
|
};
|
|
1474
1478
|
|
|
@@ -1492,27 +1496,22 @@ type DateRangePickerProps = {
|
|
|
1492
1496
|
className?: string;
|
|
1493
1497
|
};
|
|
1494
1498
|
/**
|
|
1495
|
-
* Range-mode date picker — Popover
|
|
1499
|
+
* Range-mode date picker — Popover + Calendar in `mode="range"` with an
|
|
1496
1500
|
* optional preset list (e.g. "Last 7 days"). Use for selecting a `{ from, to }`
|
|
1497
1501
|
* pair; for a single date use `DatePicker`.
|
|
1498
|
-
*
|
|
1499
|
-
* Argo-only: trigger renders as `<Button argo variant="secondary">`, popover as
|
|
1500
|
-
* `variant="argo"`.
|
|
1501
1502
|
*/
|
|
1502
1503
|
declare const DateRangePicker: {
|
|
1503
1504
|
({ value, onChange, placeholder, presets, disabled, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
|
|
1504
1505
|
displayName: string;
|
|
1505
1506
|
};
|
|
1506
1507
|
|
|
1507
|
-
type Props$
|
|
1508
|
+
type Props$1b = {
|
|
1508
1509
|
children?: ReactNode;
|
|
1509
1510
|
defaultSelected?: string | null;
|
|
1510
1511
|
selected?: string | null;
|
|
1511
1512
|
onSelect?: (time: string) => void;
|
|
1512
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1513
|
-
argo?: boolean;
|
|
1514
1513
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
1515
|
-
declare const TimePicker: ({ align, alignOffset,
|
|
1514
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1b) => react_jsx_runtime.JSX.Element;
|
|
1516
1515
|
|
|
1517
1516
|
type LabelProps = {
|
|
1518
1517
|
id?: string | number;
|
|
@@ -1530,38 +1529,34 @@ declare const fieldBoxVariants: (props?: ({
|
|
|
1530
1529
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1531
1530
|
|
|
1532
1531
|
declare const switchVariants: (props?: ({
|
|
1533
|
-
variant?: "
|
|
1532
|
+
variant?: "default" | "argo" | null | undefined;
|
|
1534
1533
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
1535
1534
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1536
1535
|
|
|
1537
|
-
type Props$
|
|
1536
|
+
type Props$1a = {
|
|
1538
1537
|
id?: string | number;
|
|
1539
1538
|
children?: ReactNode;
|
|
1540
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1541
|
-
argo?: boolean;
|
|
1542
1539
|
description?: ReactNode;
|
|
1543
1540
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
1544
1541
|
position?: 'start' | 'end';
|
|
1545
|
-
} & Omit<ComponentProps<typeof Root$
|
|
1546
|
-
declare const Switch: ({ ref, className, size, disabled, id: idProp, children,
|
|
1542
|
+
} & Omit<ComponentProps<typeof Root$6>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
|
|
1543
|
+
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1a & {
|
|
1547
1544
|
ref?: Ref<ElementRef<"button">>;
|
|
1548
1545
|
}) => react_jsx_runtime.JSX.Element;
|
|
1549
1546
|
|
|
1550
1547
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
1551
1548
|
type Orientation = 'vertical' | 'horizontal';
|
|
1552
1549
|
|
|
1553
|
-
type Props$
|
|
1550
|
+
type Props$19<Value> = {
|
|
1554
1551
|
variant?: Variant$7;
|
|
1555
1552
|
orientation?: Orientation;
|
|
1556
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1557
|
-
argo?: boolean;
|
|
1558
1553
|
onValueChange?: (value: Value) => void;
|
|
1559
1554
|
value?: Value | null;
|
|
1560
1555
|
defaultValue?: Value | null;
|
|
1561
1556
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
1562
1557
|
declare const RadioGroup: {
|
|
1563
|
-
<Value extends string = string>({ variant, className, disabled, orientation,
|
|
1564
|
-
Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description,
|
|
1558
|
+
<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$19<Value>): react_jsx_runtime.JSX.Element;
|
|
1559
|
+
Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
|
|
1565
1560
|
content?: string | undefined | undefined;
|
|
1566
1561
|
translate?: "yes" | "no" | undefined | undefined;
|
|
1567
1562
|
prefix?: string | undefined | undefined;
|
|
@@ -1856,36 +1851,35 @@ declare const RadioGroup: {
|
|
|
1856
1851
|
required?: boolean | undefined;
|
|
1857
1852
|
} & {
|
|
1858
1853
|
value: T;
|
|
1859
|
-
argo?: boolean;
|
|
1860
1854
|
tooltip?: react.ReactNode;
|
|
1861
|
-
tooltipVariant?: Props$
|
|
1862
|
-
tooltipPlacement?: Props$
|
|
1855
|
+
tooltipVariant?: Props$1I["variant"];
|
|
1856
|
+
tooltipPlacement?: Props$1I["placement"];
|
|
1863
1857
|
description?: react.ReactNode;
|
|
1864
1858
|
}) => react_jsx_runtime.JSX.Element;
|
|
1865
1859
|
Separator: () => react_jsx_runtime.JSX.Element;
|
|
1866
1860
|
};
|
|
1867
1861
|
|
|
1868
|
-
type Props$
|
|
1862
|
+
type Props$18 = ComponentProps<typeof Thumb> & {
|
|
1869
1863
|
tooltip?: ReactNode;
|
|
1870
1864
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
1871
1865
|
};
|
|
1872
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
1866
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$18 & {
|
|
1873
1867
|
ref?: Ref<ElementRef<typeof Thumb>>;
|
|
1874
1868
|
}) => react_jsx_runtime.JSX.Element;
|
|
1875
1869
|
|
|
1876
1870
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
1877
|
-
type Props$
|
|
1871
|
+
type Props$17 = ComponentProps<typeof Root$7> & {
|
|
1878
1872
|
thumbTooltip?: ThumbTooltipFn;
|
|
1879
1873
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
1880
1874
|
rangeClassName?: string;
|
|
1881
1875
|
};
|
|
1882
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
1883
|
-
ref?: Ref<ElementRef<typeof Root$
|
|
1876
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$17 & {
|
|
1877
|
+
ref?: Ref<ElementRef<typeof Root$7>>;
|
|
1884
1878
|
}) => react_jsx_runtime.JSX.Element;
|
|
1885
1879
|
|
|
1886
1880
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
|
|
1887
1881
|
type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
|
|
1888
|
-
type Props$
|
|
1882
|
+
type Props$16 = {
|
|
1889
1883
|
suffix?: ReactNode;
|
|
1890
1884
|
disableDebounce?: boolean;
|
|
1891
1885
|
debounceDelay?: number;
|
|
@@ -1900,14 +1894,14 @@ type Props$14 = {
|
|
|
1900
1894
|
/**
|
|
1901
1895
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
1902
1896
|
*/
|
|
1903
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
1897
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$16 & {
|
|
1904
1898
|
ref?: Ref<ElementRef<"input">>;
|
|
1905
1899
|
}) => react_jsx_runtime.JSX.Element;
|
|
1906
1900
|
|
|
1907
|
-
type Props$
|
|
1901
|
+
type Props$15 = {
|
|
1908
1902
|
onSubmit: (value: string) => void;
|
|
1909
1903
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
1910
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
1904
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$15 & {
|
|
1911
1905
|
ref?: Ref<ElementRef<"input">>;
|
|
1912
1906
|
}) => react_jsx_runtime.JSX.Element;
|
|
1913
1907
|
|
|
@@ -1928,12 +1922,14 @@ type SelectRootProps = {
|
|
|
1928
1922
|
};
|
|
1929
1923
|
|
|
1930
1924
|
declare const variants$2: (props?: ({
|
|
1931
|
-
variant?: "primary" | "
|
|
1925
|
+
variant?: "primary" | "secondary" | "argo" | null | undefined;
|
|
1932
1926
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1933
1927
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1934
1928
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1935
|
-
type Props$
|
|
1936
|
-
|
|
1929
|
+
type Props$14 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
|
|
1930
|
+
variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'>;
|
|
1931
|
+
} & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
|
|
1932
|
+
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$14 & {
|
|
1937
1933
|
ref?: Ref<ElementRef<"button">>;
|
|
1938
1934
|
}) => react_jsx_runtime.JSX.Element;
|
|
1939
1935
|
|
|
@@ -1952,7 +1948,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
|
|
|
1952
1948
|
* Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
|
|
1953
1949
|
* convenience `items` shape (flat list, or grouped lists with optional labels).
|
|
1954
1950
|
*/
|
|
1955
|
-
type Props$
|
|
1951
|
+
type Props$13 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
|
|
1956
1952
|
items?: readonly (SelectItem | SelectItemGroup)[];
|
|
1957
1953
|
};
|
|
1958
1954
|
/**
|
|
@@ -1967,18 +1963,23 @@ type Props$11 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
|
|
|
1967
1963
|
* `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
|
|
1968
1964
|
*/
|
|
1969
1965
|
declare const Select: {
|
|
1970
|
-
({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$
|
|
1966
|
+
({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$13): react_jsx_runtime.JSX.Element;
|
|
1971
1967
|
Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1972
|
-
Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
1973
|
-
variant?: "primary" | "
|
|
1968
|
+
Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
1969
|
+
variant?: "primary" | "secondary" | "argo" | null | undefined;
|
|
1974
1970
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1975
1971
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1976
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string
|
|
1972
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
|
|
1973
|
+
variant?: Exclude<class_variance_authority.VariantProps<(props?: ({
|
|
1974
|
+
variant?: "primary" | "secondary" | "argo" | null | undefined;
|
|
1975
|
+
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1976
|
+
state?: "default" | "error" | "warning" | null | undefined;
|
|
1977
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>["variant"], "argo">;
|
|
1978
|
+
} & Pick<_radix_ui_react_select.SelectValueProps & react.RefAttributes<HTMLSpanElement>, "placeholder">) & {
|
|
1977
1979
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
1978
1980
|
}) => react_jsx_runtime.JSX.Element;
|
|
1979
|
-
Content: ({ ref, className, children, container, position, sideOffset,
|
|
1981
|
+
Content: ({ ref, className, children, container, position, sideOffset, ...props }: (_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement> & {
|
|
1980
1982
|
container?: HTMLElement | null;
|
|
1981
|
-
variant?: "argo" | "default";
|
|
1982
1983
|
}) & {
|
|
1983
1984
|
ref?: react.Ref<react.ElementRef<"div">>;
|
|
1984
1985
|
}) => react_jsx_runtime.JSX.Element;
|
|
@@ -1992,53 +1993,51 @@ declare const Select: {
|
|
|
1992
1993
|
Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
1993
1994
|
};
|
|
1994
1995
|
|
|
1995
|
-
type Props$
|
|
1996
|
+
type Props$12 = {
|
|
1996
1997
|
id?: string | number;
|
|
1997
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1998
|
-
argo?: boolean;
|
|
1999
1998
|
description?: ReactNode;
|
|
2000
1999
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
2001
2000
|
position?: 'start' | 'end';
|
|
2002
|
-
tooltip?: Props$
|
|
2003
|
-
tooltipPlacement?: Props$
|
|
2004
|
-
} & Omit<ComponentProps<typeof Root$
|
|
2005
|
-
declare function Checkbox(prop: Omit<Props$
|
|
2001
|
+
tooltip?: Props$1I['tooltip'];
|
|
2002
|
+
tooltipPlacement?: Props$1I['placement'];
|
|
2003
|
+
} & Omit<ComponentProps<typeof Root$8>, 'id'>;
|
|
2004
|
+
declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
|
|
2006
2005
|
checked?: boolean;
|
|
2007
2006
|
onCheckedChange?: (checked: boolean) => void;
|
|
2008
2007
|
}): ReactNode;
|
|
2009
|
-
declare function Checkbox(prop: Omit<Props$
|
|
2008
|
+
declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
|
|
2010
2009
|
checked?: CheckedState;
|
|
2011
2010
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
2012
2011
|
}): ReactNode;
|
|
2013
2012
|
|
|
2014
2013
|
type Variant$6 = 'check' | 'checkbox';
|
|
2015
|
-
type Props
|
|
2014
|
+
type Props$11 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
2016
2015
|
className?: string;
|
|
2017
2016
|
variant?: Variant$6;
|
|
2018
2017
|
};
|
|
2019
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props
|
|
2018
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$11 & {
|
|
2020
2019
|
ref?: Ref<ElementRef<"span">>;
|
|
2021
2020
|
}) => react_jsx_runtime.JSX.Element;
|
|
2022
2021
|
|
|
2023
|
-
type Props$
|
|
2024
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
2022
|
+
type Props$10 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
|
|
2023
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$10 & {
|
|
2025
2024
|
ref?: Ref<ElementRef<"input">>;
|
|
2026
2025
|
}) => react_jsx_runtime.JSX.Element;
|
|
2027
2026
|
|
|
2028
2027
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
2029
|
-
type Props
|
|
2028
|
+
type Props$$ = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
2030
2029
|
className?: string;
|
|
2031
2030
|
};
|
|
2032
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props
|
|
2031
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$$ & {
|
|
2033
2032
|
ref?: Ref<ElementRef<"div">>;
|
|
2034
2033
|
}) => react_jsx_runtime.JSX.Element;
|
|
2035
2034
|
|
|
2036
|
-
type Props$
|
|
2035
|
+
type Props$_ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
2037
2036
|
className?: string;
|
|
2038
2037
|
icon?: ReactNode;
|
|
2039
2038
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
|
|
2040
2039
|
};
|
|
2041
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$
|
|
2040
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$_ & {
|
|
2042
2041
|
ref?: Ref<ElementRef<"div">>;
|
|
2043
2042
|
}) => react_jsx_runtime.JSX.Element;
|
|
2044
2043
|
|
|
@@ -2058,7 +2057,7 @@ type CreatableProps<Value> = {
|
|
|
2058
2057
|
queryToCreateLabel?: (query: string) => ReactNode;
|
|
2059
2058
|
queryToCreateValue?: (query: string) => Value;
|
|
2060
2059
|
};
|
|
2061
|
-
type Props$
|
|
2060
|
+
type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
|
|
2062
2061
|
items?: readonly (Value | GroupShape)[];
|
|
2063
2062
|
allowClear?: boolean;
|
|
2064
2063
|
empty?: ReactNode;
|
|
@@ -2070,10 +2069,10 @@ type Props$X<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
|
|
|
2070
2069
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
2071
2070
|
};
|
|
2072
2071
|
declare const Combobox: {
|
|
2073
|
-
<Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$
|
|
2072
|
+
<Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$Z<Value, GroupShape>): react_jsx_runtime.JSX.Element;
|
|
2074
2073
|
Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
|
|
2075
2074
|
InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
|
|
2076
|
-
variant?: "primary" | "
|
|
2075
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
2077
2076
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
2078
2077
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
2079
2078
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
@@ -2395,11 +2394,9 @@ declare const Combobox: {
|
|
|
2395
2394
|
} & {
|
|
2396
2395
|
ref?: react.Ref<react.ElementRef<"input">>;
|
|
2397
2396
|
}) => react_jsx_runtime.JSX.Element;
|
|
2398
|
-
Content: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children,
|
|
2397
|
+
Content: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: (Omit<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
|
|
2399
2398
|
className?: string;
|
|
2400
|
-
} & Pick<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>, "side" | "sideOffset" | "align" | "alignOffset" | "anchor"> & Pick<Omit<_base_ui_react_combobox.ComboboxPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>, "container"> & {
|
|
2401
|
-
variant?: "argo" | "default";
|
|
2402
|
-
}) & {
|
|
2399
|
+
} & Pick<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>, "side" | "sideOffset" | "align" | "alignOffset" | "anchor"> & Pick<Omit<_base_ui_react_combobox.ComboboxPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>, "container">) & {
|
|
2403
2400
|
ref?: react.Ref<react.ElementRef<"div">>;
|
|
2404
2401
|
}) => react_jsx_runtime.JSX.Element;
|
|
2405
2402
|
List: ({ ref, className, ...props }: (Omit<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
|
|
@@ -2455,7 +2452,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
|
|
|
2455
2452
|
* Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
|
|
2456
2453
|
* the default substring matcher.
|
|
2457
2454
|
*/
|
|
2458
|
-
type Props$
|
|
2455
|
+
type Props$Y<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
|
|
2459
2456
|
items?: readonly (Value | GroupShape)[];
|
|
2460
2457
|
allowClear?: boolean;
|
|
2461
2458
|
allowSelectAll?: boolean;
|
|
@@ -2479,7 +2476,7 @@ type Props$W<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
|
|
|
2479
2476
|
* @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
|
|
2480
2477
|
* @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
|
|
2481
2478
|
*/
|
|
2482
|
-
declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$
|
|
2479
|
+
declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$Y<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
|
|
2483
2480
|
|
|
2484
2481
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
|
|
2485
2482
|
type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
@@ -2492,12 +2489,12 @@ type TextareaOwnProps = {
|
|
|
2492
2489
|
disableResize?: boolean;
|
|
2493
2490
|
containerClassName?: string;
|
|
2494
2491
|
};
|
|
2495
|
-
type Props$
|
|
2492
|
+
type Props$X = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
|
|
2496
2493
|
/**
|
|
2497
2494
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
2498
2495
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
2499
2496
|
*/
|
|
2500
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$
|
|
2497
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$X & {
|
|
2501
2498
|
ref?: Ref<ElementRef<"textarea">>;
|
|
2502
2499
|
}) => react_jsx_runtime.JSX.Element;
|
|
2503
2500
|
|
|
@@ -2512,20 +2509,20 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
|
|
|
2512
2509
|
|
|
2513
2510
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2514
2511
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
2515
|
-
type Props$
|
|
2512
|
+
type Props$W = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
2516
2513
|
value?: string | null;
|
|
2517
2514
|
defaultValue?: string | null;
|
|
2518
2515
|
onValueChange?: (value: string) => void;
|
|
2519
2516
|
onValueBlur?: (value: string) => void;
|
|
2520
2517
|
allowClear?: boolean;
|
|
2521
2518
|
};
|
|
2522
|
-
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
2519
|
+
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$W & {
|
|
2523
2520
|
ref?: Ref<ElementRef<"input">>;
|
|
2524
2521
|
}) => react_jsx_runtime.JSX.Element;
|
|
2525
2522
|
|
|
2526
2523
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2527
2524
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
2528
|
-
type Props$
|
|
2525
|
+
type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
2529
2526
|
value?: number | null;
|
|
2530
2527
|
defaultValue?: number | null;
|
|
2531
2528
|
onValueChange?: (value: number | null) => void;
|
|
@@ -2533,13 +2530,13 @@ type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
|
2533
2530
|
prefix?: ReactNode;
|
|
2534
2531
|
suffix?: ReactNode;
|
|
2535
2532
|
};
|
|
2536
|
-
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
2533
|
+
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$V & {
|
|
2537
2534
|
ref?: Ref<ElementRef<"input">>;
|
|
2538
2535
|
}) => react_jsx_runtime.JSX.Element;
|
|
2539
2536
|
|
|
2540
2537
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2541
2538
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
2542
|
-
type Props$
|
|
2539
|
+
type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
2543
2540
|
value?: string | null;
|
|
2544
2541
|
defaultValue?: string | null;
|
|
2545
2542
|
onValueChange?: (value: string) => void;
|
|
@@ -2549,7 +2546,7 @@ type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
2549
2546
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
2550
2547
|
defaultPasswordVisibility?: boolean;
|
|
2551
2548
|
};
|
|
2552
|
-
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$
|
|
2549
|
+
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$U & {
|
|
2553
2550
|
ref?: Ref<ElementRef<"input">>;
|
|
2554
2551
|
}) => react_jsx_runtime.JSX.Element;
|
|
2555
2552
|
|
|
@@ -2605,7 +2602,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
2605
2602
|
* is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
|
|
2606
2603
|
* state initialized to empty). `value={""}` is controlled-empty.
|
|
2607
2604
|
*/
|
|
2608
|
-
type Props$
|
|
2605
|
+
type Props$T = InputGroupProps & InputGroupInputProps & {
|
|
2609
2606
|
value?: string | null;
|
|
2610
2607
|
defaultValue?: string | null;
|
|
2611
2608
|
/** Called with the latest string value after the debounce window (default 300ms). Fires synchronously on clear and when `disableDebounce` is set. For sync echo of every keystroke use `onChange`. */
|
|
@@ -2634,7 +2631,7 @@ type Props$R = InputGroupProps & InputGroupInputProps & {
|
|
|
2634
2631
|
*
|
|
2635
2632
|
* @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
|
|
2636
2633
|
*/
|
|
2637
|
-
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$
|
|
2634
|
+
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$T & {
|
|
2638
2635
|
ref?: Ref<ElementRef<"input">>;
|
|
2639
2636
|
}) => react_jsx_runtime.JSX.Element;
|
|
2640
2637
|
|
|
@@ -2659,15 +2656,15 @@ declare const addonVariants: (props?: ({
|
|
|
2659
2656
|
align?: "inline-start" | "inline-end" | null | undefined;
|
|
2660
2657
|
variant?: "inline" | "floating" | null | undefined;
|
|
2661
2658
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2662
|
-
type Props$
|
|
2663
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
2659
|
+
type Props$S = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
2660
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$S & {
|
|
2664
2661
|
ref?: Ref<ElementRef<"div">>;
|
|
2665
2662
|
}) => react_jsx_runtime.JSX.Element;
|
|
2666
2663
|
|
|
2667
|
-
type Props$
|
|
2664
|
+
type Props$R = ComponentProps<'span'> & {
|
|
2668
2665
|
asChild?: boolean;
|
|
2669
2666
|
};
|
|
2670
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
2667
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$R & {
|
|
2671
2668
|
ref?: Ref<ElementRef<"span">>;
|
|
2672
2669
|
}) => react_jsx_runtime.JSX.Element;
|
|
2673
2670
|
|
|
@@ -2676,8 +2673,8 @@ declare const badgeRootVariants: (props?: ({
|
|
|
2676
2673
|
color?: "orange" | "blue" | "red" | "green" | "gray" | "cyan" | "purple" | "teal" | "white" | "gray-darker" | "gray-inverse" | "green-darker" | "green-inverse" | "blue-inverse" | "orange-inverse" | "teal-inverse" | "purple-inverse" | "cyan-inverse" | "sidebar-primary" | null | undefined;
|
|
2677
2674
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2678
2675
|
|
|
2679
|
-
type Props$
|
|
2680
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
2676
|
+
type Props$Q = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
2677
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$Q & {
|
|
2681
2678
|
ref?: Ref<ElementRef<"div">>;
|
|
2682
2679
|
}) => react_jsx_runtime.JSX.Element;
|
|
2683
2680
|
|
|
@@ -2689,14 +2686,14 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
|
2689
2686
|
* `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
|
|
2690
2687
|
* Pass `prefix` / `suffix` for icon-style addons.
|
|
2691
2688
|
*/
|
|
2692
|
-
type Props$
|
|
2689
|
+
type Props$P = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
2693
2690
|
prefix?: ReactNode;
|
|
2694
2691
|
prefixVariant?: AddonVariant;
|
|
2695
2692
|
suffix?: ReactNode;
|
|
2696
2693
|
suffixVariant?: AddonVariant;
|
|
2697
2694
|
labelClassName?: string;
|
|
2698
2695
|
};
|
|
2699
|
-
declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
2696
|
+
declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$P & {
|
|
2700
2697
|
ref?: Ref<ElementRef<"span">>;
|
|
2701
2698
|
}) => react_jsx_runtime.JSX.Element) & {
|
|
2702
2699
|
Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
|
|
@@ -2728,45 +2725,45 @@ type TagOption = {
|
|
|
2728
2725
|
disabled?: boolean;
|
|
2729
2726
|
};
|
|
2730
2727
|
|
|
2731
|
-
type Props$
|
|
2728
|
+
type Props$O = {
|
|
2732
2729
|
onCreate?: (search: string) => void;
|
|
2733
2730
|
} & Pick<ComponentProps<typeof Command.Item>, 'value'>;
|
|
2734
|
-
declare const TagSelectCreateItem: ({ onCreate, value }: Props$
|
|
2731
|
+
declare const TagSelectCreateItem: ({ onCreate, value }: Props$O) => react_jsx_runtime.JSX.Element;
|
|
2735
2732
|
|
|
2736
|
-
type Props$
|
|
2733
|
+
type Props$N = {
|
|
2737
2734
|
value: string[];
|
|
2738
2735
|
onAdd?: (selected: string[]) => void;
|
|
2739
2736
|
};
|
|
2740
|
-
declare const TagSelectValue: ({ value, onAdd }: Props$
|
|
2737
|
+
declare const TagSelectValue: ({ value, onAdd }: Props$N) => react_jsx_runtime.JSX.Element;
|
|
2741
2738
|
|
|
2742
|
-
type Props$
|
|
2739
|
+
type Props$M = {
|
|
2743
2740
|
options?: TagOption[];
|
|
2744
2741
|
} & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
|
|
2745
|
-
declare const TagSelectList: ({ options, onAdd, onCreate }: Props$
|
|
2742
|
+
declare const TagSelectList: ({ options, onAdd, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
|
|
2746
2743
|
|
|
2747
|
-
type Props$
|
|
2744
|
+
type Props$L = {
|
|
2748
2745
|
children: ReactNode;
|
|
2749
2746
|
} & ComponentProps<typeof TagSelectList>;
|
|
2750
|
-
declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$
|
|
2747
|
+
declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$L) => react_jsx_runtime.JSX.Element;
|
|
2751
2748
|
|
|
2752
2749
|
type OnValueChangeHandler = (value: {
|
|
2753
2750
|
action: 'add' | 'remove';
|
|
2754
2751
|
tags: TagOption[];
|
|
2755
2752
|
allTags: TagOption[];
|
|
2756
2753
|
}) => void;
|
|
2757
|
-
type Props$
|
|
2754
|
+
type Props$K = {
|
|
2758
2755
|
value?: TagOption[];
|
|
2759
2756
|
onValueChange: OnValueChangeHandler;
|
|
2760
2757
|
disabled?: boolean;
|
|
2761
2758
|
} & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
|
|
2762
|
-
declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$
|
|
2759
|
+
declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$K) => react_jsx_runtime.JSX.Element | null;
|
|
2763
2760
|
|
|
2764
2761
|
/**
|
|
2765
2762
|
* Props for `FileUpload`. The component is uncontrolled with respect to the file
|
|
2766
2763
|
* list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
|
|
2767
2764
|
* `FileUpload` only signals drop events; it does not store the file array.
|
|
2768
2765
|
*/
|
|
2769
|
-
type Props$
|
|
2766
|
+
type Props$J = {
|
|
2770
2767
|
/** MIME / extension filter passed straight to react-dropzone. */
|
|
2771
2768
|
accept?: Accept;
|
|
2772
2769
|
/** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
|
|
@@ -2785,7 +2782,7 @@ type Props$H = {
|
|
|
2785
2782
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
2786
2783
|
children: ReactNode;
|
|
2787
2784
|
} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onDrop'>;
|
|
2788
|
-
declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
2785
|
+
declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$J) => react_jsx_runtime.JSX.Element) & {
|
|
2789
2786
|
DropZone: ({ children, className, ...rest }: {
|
|
2790
2787
|
children?: ReactNode;
|
|
2791
2788
|
} & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
|
|
@@ -2833,7 +2830,7 @@ declare const FormGroup: {
|
|
|
2833
2830
|
prefix?: ReactNode;
|
|
2834
2831
|
id?: string | undefined | undefined;
|
|
2835
2832
|
name?: string | undefined | undefined;
|
|
2836
|
-
variant?: "primary" | "
|
|
2833
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
2837
2834
|
form?: string | undefined | undefined;
|
|
2838
2835
|
slot?: string | undefined | undefined;
|
|
2839
2836
|
style?: react.CSSProperties | undefined;
|
|
@@ -3158,7 +3155,7 @@ declare const FormGroup: {
|
|
|
3158
3155
|
prefix?: ReactNode;
|
|
3159
3156
|
id?: string | undefined | undefined;
|
|
3160
3157
|
name?: string | undefined | undefined;
|
|
3161
|
-
variant?: "primary" | "
|
|
3158
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
3162
3159
|
form?: string | undefined | undefined;
|
|
3163
3160
|
slot?: string | undefined | undefined;
|
|
3164
3161
|
style?: react.CSSProperties | undefined;
|
|
@@ -3479,7 +3476,7 @@ declare const FormGroup: {
|
|
|
3479
3476
|
prefix?: string | undefined | undefined;
|
|
3480
3477
|
id?: string | undefined | undefined;
|
|
3481
3478
|
name?: string | undefined | undefined;
|
|
3482
|
-
variant?: "primary" | "
|
|
3479
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
3483
3480
|
form?: string | undefined | undefined;
|
|
3484
3481
|
slot?: string | undefined | undefined;
|
|
3485
3482
|
style?: react.CSSProperties | undefined;
|
|
@@ -3800,7 +3797,7 @@ declare const FormGroup: {
|
|
|
3800
3797
|
prefix?: string | undefined | undefined;
|
|
3801
3798
|
id?: string | undefined | undefined;
|
|
3802
3799
|
name?: string | undefined | undefined;
|
|
3803
|
-
variant?: "primary" | "
|
|
3800
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
3804
3801
|
form?: string | undefined | undefined;
|
|
3805
3802
|
slot?: string | undefined | undefined;
|
|
3806
3803
|
style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
|
|
@@ -4109,47 +4106,47 @@ declare const FormGroup: {
|
|
|
4109
4106
|
declare const helpVariants: (props?: ({
|
|
4110
4107
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
4111
4108
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4112
|
-
type Props$
|
|
4109
|
+
type Props$I = {
|
|
4113
4110
|
className?: string;
|
|
4114
4111
|
children?: ReactNode;
|
|
4115
4112
|
testId?: string;
|
|
4116
4113
|
} & VariantProps<typeof helpVariants>;
|
|
4117
|
-
declare const HelpBlock: ({ children, className, state, testId }: Props$
|
|
4114
|
+
declare const HelpBlock: ({ children, className, state, testId }: Props$I) => react_jsx_runtime.JSX.Element | null;
|
|
4118
4115
|
|
|
4119
4116
|
type AnswerItem = {
|
|
4120
4117
|
question: string;
|
|
4121
4118
|
answer?: string;
|
|
4122
4119
|
};
|
|
4123
4120
|
type Variant$5 = 'success' | 'dismissed';
|
|
4124
|
-
type Props$
|
|
4121
|
+
type Props$H = {
|
|
4125
4122
|
items: readonly AnswerItem[];
|
|
4126
4123
|
variant?: Variant$5;
|
|
4127
4124
|
noAnswerLabel?: string;
|
|
4128
4125
|
};
|
|
4129
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$
|
|
4126
|
+
declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$H) => react_jsx_runtime.JSX.Element;
|
|
4130
4127
|
|
|
4131
4128
|
type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4132
|
-
type Props$
|
|
4129
|
+
type Props$G = {
|
|
4133
4130
|
isExpanded: boolean;
|
|
4134
4131
|
onToggle: () => void;
|
|
4135
4132
|
label: ReactNode;
|
|
4136
4133
|
variant?: Variant$4;
|
|
4137
4134
|
};
|
|
4138
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$
|
|
4135
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$G) => react_jsx_runtime.JSX.Element;
|
|
4139
4136
|
|
|
4140
|
-
type Props$
|
|
4137
|
+
type Props$F = {
|
|
4141
4138
|
children: ReactNode;
|
|
4142
4139
|
};
|
|
4143
|
-
declare const InlineStepDetail: ({ children }: Props$
|
|
4140
|
+
declare const InlineStepDetail: ({ children }: Props$F) => react_jsx_runtime.JSX.Element;
|
|
4144
4141
|
|
|
4145
4142
|
type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
|
|
4146
|
-
type Props$
|
|
4143
|
+
type Props$E = {
|
|
4147
4144
|
variant: Variant$3;
|
|
4148
4145
|
children: ReactNode;
|
|
4149
4146
|
};
|
|
4150
|
-
declare const InlineStepLabel: ({ variant, children }: Props$
|
|
4147
|
+
declare const InlineStepLabel: ({ variant, children }: Props$E) => react_jsx_runtime.JSX.Element;
|
|
4151
4148
|
|
|
4152
|
-
type Props$
|
|
4149
|
+
type Props$D = {
|
|
4153
4150
|
user?: {
|
|
4154
4151
|
name: string | undefined;
|
|
4155
4152
|
email: string | undefined;
|
|
@@ -4159,17 +4156,17 @@ type Props$B = {
|
|
|
4159
4156
|
size?: number;
|
|
4160
4157
|
variant?: 'circle' | 'rounded';
|
|
4161
4158
|
} & ComponentProps<'span'>;
|
|
4162
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
4159
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$D & {
|
|
4163
4160
|
ref?: Ref<ElementRef<"span">>;
|
|
4164
4161
|
}) => react_jsx_runtime.JSX.Element;
|
|
4165
4162
|
|
|
4166
|
-
type Props$
|
|
4163
|
+
type Props$C = {
|
|
4167
4164
|
variant: 'user' | 'assistant';
|
|
4168
4165
|
user?: ComponentProps<typeof Avatar>['user'];
|
|
4169
4166
|
actions?: ReactNode;
|
|
4170
4167
|
createdAt?: string;
|
|
4171
4168
|
} & PropsWithChildren;
|
|
4172
|
-
declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$
|
|
4169
|
+
declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$C) => react_jsx_runtime.JSX.Element;
|
|
4173
4170
|
|
|
4174
4171
|
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
|
|
4175
4172
|
type PlanApprovalProps = {
|
|
@@ -4217,17 +4214,17 @@ type PromptCommand = {
|
|
|
4217
4214
|
};
|
|
4218
4215
|
|
|
4219
4216
|
type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
|
|
4220
|
-
type Props$
|
|
4217
|
+
type Props$B = Pick<ComponentProps<typeof Button>, 'disabled'> & {
|
|
4221
4218
|
status?: SubmitStatus;
|
|
4222
4219
|
};
|
|
4223
|
-
declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$
|
|
4220
|
+
declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$B & {
|
|
4224
4221
|
ref?: Ref<ElementRef<"button">>;
|
|
4225
4222
|
}) => react_jsx_runtime.JSX.Element;
|
|
4226
4223
|
|
|
4227
4224
|
declare const promptInputVariants: (props?: ({
|
|
4228
4225
|
variant?: "inline" | "default" | null | undefined;
|
|
4229
4226
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4230
|
-
type Props$
|
|
4227
|
+
type Props$A = {
|
|
4231
4228
|
onSend?: (value: string) => void;
|
|
4232
4229
|
onAbort?: () => void;
|
|
4233
4230
|
onContinue?: () => void;
|
|
@@ -4241,7 +4238,7 @@ type Props$y = {
|
|
|
4241
4238
|
commands?: PromptCommand[];
|
|
4242
4239
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof react_textarea_autosize__default>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
4243
4240
|
declare const PromptInput: {
|
|
4244
|
-
({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$
|
|
4241
|
+
({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$A): react_jsx_runtime.JSX.Element;
|
|
4245
4242
|
Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
|
|
4246
4243
|
ref?: react.Ref<ElementRef<"button">>;
|
|
4247
4244
|
}) => react_jsx_runtime.JSX.Element;
|
|
@@ -4253,7 +4250,7 @@ type QuestionOption = {
|
|
|
4253
4250
|
description?: string;
|
|
4254
4251
|
preview?: string;
|
|
4255
4252
|
};
|
|
4256
|
-
type Props$
|
|
4253
|
+
type Props$z = {
|
|
4257
4254
|
question: string;
|
|
4258
4255
|
header?: string;
|
|
4259
4256
|
options: readonly QuestionOption[];
|
|
@@ -4276,7 +4273,7 @@ type Props$x = {
|
|
|
4276
4273
|
renderPreview?: (content: string) => ReactNode;
|
|
4277
4274
|
className?: string;
|
|
4278
4275
|
};
|
|
4279
|
-
declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className, }: Props$
|
|
4276
|
+
declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className, }: Props$z) => react_jsx_runtime.JSX.Element;
|
|
4280
4277
|
|
|
4281
4278
|
type QuestionStep = {
|
|
4282
4279
|
question: string;
|
|
@@ -4290,7 +4287,7 @@ type QuestionAnswers = {
|
|
|
4290
4287
|
selections: Record<number, readonly string[]>;
|
|
4291
4288
|
customAnswers: Record<number, string>;
|
|
4292
4289
|
};
|
|
4293
|
-
type Props$
|
|
4290
|
+
type Props$y = {
|
|
4294
4291
|
steps: readonly [QuestionStep, ...QuestionStep[]];
|
|
4295
4292
|
showSkip?: boolean;
|
|
4296
4293
|
onSubmit?: (answers: QuestionAnswers) => void;
|
|
@@ -4298,23 +4295,47 @@ type Props$w = {
|
|
|
4298
4295
|
renderPreview?: (content: string) => ReactNode;
|
|
4299
4296
|
className?: string;
|
|
4300
4297
|
};
|
|
4301
|
-
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$
|
|
4298
|
+
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$y) => react_jsx_runtime.JSX.Element;
|
|
4302
4299
|
|
|
4303
|
-
type Props$
|
|
4300
|
+
type Props$x = {
|
|
4304
4301
|
label: string;
|
|
4305
4302
|
disabled?: boolean;
|
|
4306
4303
|
onClick: () => void;
|
|
4307
4304
|
icon?: ReactNode;
|
|
4308
4305
|
className?: string;
|
|
4309
4306
|
};
|
|
4310
|
-
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$
|
|
4307
|
+
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$x) => react_jsx_runtime.JSX.Element;
|
|
4311
4308
|
|
|
4312
4309
|
type ThinkingIndicatorProps = {
|
|
4313
4310
|
label?: string;
|
|
4314
4311
|
};
|
|
4315
4312
|
declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => react_jsx_runtime.JSX.Element;
|
|
4316
4313
|
|
|
4317
|
-
type Props$
|
|
4314
|
+
type Props$w = {
|
|
4315
|
+
value: number;
|
|
4316
|
+
alert?: boolean;
|
|
4317
|
+
children: ReactNode;
|
|
4318
|
+
className?: string;
|
|
4319
|
+
/**
|
|
4320
|
+
* Accessible name for the trigger. Defaults to a value-aware label so
|
|
4321
|
+
* screen-reader users get the same information the ring conveys visually.
|
|
4322
|
+
*/
|
|
4323
|
+
ariaLabel?: string;
|
|
4324
|
+
align?: ComponentProps<typeof HoverCard.Content>['align'];
|
|
4325
|
+
side?: ComponentProps<typeof HoverCard.Content>['side'];
|
|
4326
|
+
sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
|
|
4327
|
+
};
|
|
4328
|
+
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$w) => react_jsx_runtime.JSX.Element;
|
|
4329
|
+
|
|
4330
|
+
type Props$v = {
|
|
4331
|
+
value: number;
|
|
4332
|
+
size?: number;
|
|
4333
|
+
strokeWidth?: number;
|
|
4334
|
+
className?: string;
|
|
4335
|
+
};
|
|
4336
|
+
declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$v) => react_jsx_runtime.JSX.Element;
|
|
4337
|
+
|
|
4338
|
+
type Props$u = ComponentProps<typeof Root$9>;
|
|
4318
4339
|
declare const Collapsible: {
|
|
4319
4340
|
(props: Props$u): react_jsx_runtime.JSX.Element;
|
|
4320
4341
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -4326,10 +4347,8 @@ declare const Collapsible: {
|
|
|
4326
4347
|
type Variant$2 = 'info' | 'warning' | 'error' | 'success';
|
|
4327
4348
|
type Props$t = {
|
|
4328
4349
|
variant?: Variant$2;
|
|
4329
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
4330
|
-
argo?: boolean;
|
|
4331
4350
|
} & ComponentProps<'div'>;
|
|
4332
|
-
declare const AlertRoot: ({ ref, children, className, variant,
|
|
4351
|
+
declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$t & {
|
|
4333
4352
|
ref?: Ref<ElementRef<"div">>;
|
|
4334
4353
|
}) => react_jsx_runtime.JSX.Element;
|
|
4335
4354
|
|
|
@@ -4371,7 +4390,7 @@ type Props$s = CommonProps & (CollapsibleProps | DefaultProps);
|
|
|
4371
4390
|
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$s) => react_jsx_runtime.JSX.Element;
|
|
4372
4391
|
|
|
4373
4392
|
declare const variants$1: (props?: ({
|
|
4374
|
-
variant?: "default" | "error" | "
|
|
4393
|
+
variant?: "default" | "error" | "info" | "warning" | "success" | null | undefined;
|
|
4375
4394
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4376
4395
|
type Variants = VariantProps<typeof variants$1>;
|
|
4377
4396
|
type Props$r = {
|
|
@@ -4382,10 +4401,8 @@ type Props$r = {
|
|
|
4382
4401
|
action?: Action;
|
|
4383
4402
|
loading?: boolean;
|
|
4384
4403
|
duration?: number;
|
|
4385
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
4386
|
-
argo?: boolean;
|
|
4387
4404
|
} & Variants;
|
|
4388
|
-
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp,
|
|
4405
|
+
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$r) => react_jsx_runtime.JSX.Element;
|
|
4389
4406
|
|
|
4390
4407
|
type ToastProps = ComponentProps<typeof ToastRoot>;
|
|
4391
4408
|
type Title = ToastProps['title'] | ((opts: {
|
|
@@ -4574,9 +4591,9 @@ declare const variants: (props?: ({
|
|
|
4574
4591
|
variant?: "default" | "success" | null | undefined;
|
|
4575
4592
|
size?: "sm" | "lg" | null | undefined;
|
|
4576
4593
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4577
|
-
type Props$n = ComponentProps<typeof Root$
|
|
4594
|
+
type Props$n = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
|
|
4578
4595
|
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$n & {
|
|
4579
|
-
ref?: Ref<ElementRef<typeof Root$
|
|
4596
|
+
ref?: Ref<ElementRef<typeof Root$a>>;
|
|
4580
4597
|
}) => react_jsx_runtime.JSX.Element;
|
|
4581
4598
|
|
|
4582
4599
|
/** @deprecated Use `Collapsible` instead. */
|
|
@@ -4885,11 +4902,15 @@ declare const Sidebar: {
|
|
|
4885
4902
|
ref?: react.Ref<react.ElementRef<"div">>;
|
|
4886
4903
|
}) => react_jsx_runtime.JSX.Element;
|
|
4887
4904
|
Footer: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
4888
|
-
Trigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }:
|
|
4905
|
+
Trigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: react.HTMLAttributes<HTMLElement> & {
|
|
4906
|
+
children?: React.ReactNode;
|
|
4907
|
+
} & react.RefAttributes<HTMLElement> & {
|
|
4889
4908
|
side?: SidebarSide;
|
|
4890
4909
|
hideWhenCollapsed?: boolean;
|
|
4891
4910
|
}) => react_jsx_runtime.JSX.Element;
|
|
4892
|
-
FillTrigger: ({ ref, side, onClick, ...rest }: (
|
|
4911
|
+
FillTrigger: ({ ref, side, onClick, ...rest }: (react.HTMLAttributes<HTMLElement> & {
|
|
4912
|
+
children?: React.ReactNode;
|
|
4913
|
+
} & react.RefAttributes<HTMLElement> & {
|
|
4893
4914
|
side?: SidebarSide;
|
|
4894
4915
|
}) & {
|
|
4895
4916
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
@@ -5759,12 +5780,9 @@ declare const cardClassnames: (props?: ({
|
|
|
5759
5780
|
padding?: "none" | "small" | "medium" | "large" | null | undefined;
|
|
5760
5781
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5761
5782
|
|
|
5762
|
-
type Props$c = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames
|
|
5763
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
5764
|
-
argo?: boolean;
|
|
5765
|
-
};
|
|
5783
|
+
type Props$c = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
|
|
5766
5784
|
declare const Card: {
|
|
5767
|
-
({ children, className, bordered, padding,
|
|
5785
|
+
({ children, className, bordered, padding, ...rest }: Props$c): react_jsx_runtime.JSX.Element;
|
|
5768
5786
|
Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5769
5787
|
Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5770
5788
|
Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -5830,11 +5848,10 @@ type Props$9 = {
|
|
|
5830
5848
|
tooltip?: ReactNode;
|
|
5831
5849
|
twoLines?: boolean;
|
|
5832
5850
|
noTooltip?: boolean;
|
|
5833
|
-
|
|
5834
|
-
|
|
5835
|
-
tooltipPlacement?: Props$1F['placement'];
|
|
5851
|
+
tooltipVariant?: Props$1I['variant'];
|
|
5852
|
+
tooltipPlacement?: Props$1I['placement'];
|
|
5836
5853
|
} & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
|
|
5837
|
-
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip,
|
|
5854
|
+
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9 & {
|
|
5838
5855
|
ref?: Ref<ElementRef<"span">>;
|
|
5839
5856
|
}) => react_jsx_runtime.JSX.Element;
|
|
5840
5857
|
|
|
@@ -5880,14 +5897,13 @@ declare const Pagination: {
|
|
|
5880
5897
|
} & Omit<{
|
|
5881
5898
|
isLoading?: boolean;
|
|
5882
5899
|
asChild?: boolean;
|
|
5883
|
-
argo?: boolean;
|
|
5884
5900
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
5885
5901
|
block?: boolean | null | undefined;
|
|
5886
5902
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
5887
5903
|
size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
|
|
5888
5904
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
5889
5905
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5890
|
-
}, "variant"
|
|
5906
|
+
}, "variant">) & {
|
|
5891
5907
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5892
5908
|
}) => react_jsx_runtime.JSX.Element;
|
|
5893
5909
|
Previous: ({ children, ...props }: {
|
|
@@ -5895,14 +5911,13 @@ declare const Pagination: {
|
|
|
5895
5911
|
} & Omit<{
|
|
5896
5912
|
isLoading?: boolean;
|
|
5897
5913
|
asChild?: boolean;
|
|
5898
|
-
argo?: boolean;
|
|
5899
5914
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
5900
5915
|
block?: boolean | null | undefined;
|
|
5901
5916
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
5902
5917
|
size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
|
|
5903
5918
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
5904
5919
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5905
|
-
}, "variant"
|
|
5920
|
+
}, "variant"> & {
|
|
5906
5921
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5907
5922
|
}) => react_jsx_runtime.JSX.Element;
|
|
5908
5923
|
Next: ({ children, className, ...props }: {
|
|
@@ -5910,14 +5925,13 @@ declare const Pagination: {
|
|
|
5910
5925
|
} & Omit<{
|
|
5911
5926
|
isLoading?: boolean;
|
|
5912
5927
|
asChild?: boolean;
|
|
5913
|
-
argo?: boolean;
|
|
5914
5928
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
5915
5929
|
block?: boolean | null | undefined;
|
|
5916
5930
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
5917
5931
|
size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
|
|
5918
5932
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
5919
5933
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5920
|
-
}, "variant"
|
|
5934
|
+
}, "variant"> & {
|
|
5921
5935
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5922
5936
|
}) => react_jsx_runtime.JSX.Element;
|
|
5923
5937
|
Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -6027,7 +6041,7 @@ declare const useMergeDiff: (baseText: string, leftText: string, rightText: stri
|
|
|
6027
6041
|
*
|
|
6028
6042
|
* @see RECIPES.md#modal-form — for the canonical form-in-modal composition
|
|
6029
6043
|
*/
|
|
6030
|
-
declare const useAppForm: <TFormData, TOnMount extends
|
|
6044
|
+
declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_react_form.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
6031
6045
|
readonly TextField: ({ label, required, help, className, ...inputProps }: {
|
|
6032
6046
|
label?: react.ReactNode;
|
|
6033
6047
|
required?: boolean;
|
|
@@ -6040,7 +6054,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
6040
6054
|
prefix?: react.ReactNode;
|
|
6041
6055
|
id?: string | undefined | undefined;
|
|
6042
6056
|
name?: string | undefined | undefined;
|
|
6043
|
-
variant?: "primary" | "
|
|
6057
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
6044
6058
|
form?: string | undefined | undefined;
|
|
6045
6059
|
slot?: string | undefined | undefined;
|
|
6046
6060
|
style?: react.CSSProperties | undefined;
|
|
@@ -6370,7 +6384,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
6370
6384
|
prefix?: react.ReactNode;
|
|
6371
6385
|
id?: string | undefined | undefined;
|
|
6372
6386
|
name?: string | undefined | undefined;
|
|
6373
|
-
variant?: "primary" | "
|
|
6387
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
6374
6388
|
form?: string | undefined | undefined;
|
|
6375
6389
|
slot?: string | undefined | undefined;
|
|
6376
6390
|
style?: react.CSSProperties | undefined;
|
|
@@ -6690,7 +6704,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
6690
6704
|
help?: react.ReactNode;
|
|
6691
6705
|
className?: string;
|
|
6692
6706
|
} & Omit<{
|
|
6693
|
-
variant?: "primary" | "
|
|
6707
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
6694
6708
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
6695
6709
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
6696
6710
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
@@ -7026,7 +7040,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7026
7040
|
prefix?: string | undefined | undefined;
|
|
7027
7041
|
id?: string | undefined | undefined;
|
|
7028
7042
|
name?: string | undefined | undefined;
|
|
7029
|
-
variant?: "primary" | "
|
|
7043
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
7030
7044
|
form?: string | undefined | undefined;
|
|
7031
7045
|
slot?: string | undefined | undefined;
|
|
7032
7046
|
style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
|
|
@@ -7337,7 +7351,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7337
7351
|
className?: string;
|
|
7338
7352
|
placeholder?: string;
|
|
7339
7353
|
triggerClassName?: string;
|
|
7340
|
-
variant?: "primary" | "
|
|
7354
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
7341
7355
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
7342
7356
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
7343
7357
|
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
@@ -7365,12 +7379,11 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7365
7379
|
className?: string;
|
|
7366
7380
|
} & Omit<Omit<{
|
|
7367
7381
|
id?: string | number;
|
|
7368
|
-
argo?: boolean;
|
|
7369
7382
|
description?: react.ReactNode;
|
|
7370
7383
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
7371
7384
|
position?: "start" | "end";
|
|
7372
|
-
tooltip?: Props$
|
|
7373
|
-
tooltipPlacement?: Props$
|
|
7385
|
+
tooltip?: Props$1I["tooltip"];
|
|
7386
|
+
tooltipPlacement?: Props$1I["placement"];
|
|
7374
7387
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
7375
7388
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
7376
7389
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -7382,12 +7395,11 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7382
7395
|
} & Omit<{
|
|
7383
7396
|
id?: string | number;
|
|
7384
7397
|
children?: react.ReactNode;
|
|
7385
|
-
argo?: boolean;
|
|
7386
7398
|
description?: react.ReactNode;
|
|
7387
7399
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
7388
7400
|
position?: "start" | "end";
|
|
7389
7401
|
} & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
7390
|
-
variant?: "
|
|
7402
|
+
variant?: "default" | "argo" | null | undefined;
|
|
7391
7403
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
7392
7404
|
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
|
|
7393
7405
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
@@ -7401,7 +7413,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7401
7413
|
} & Omit<{
|
|
7402
7414
|
isLoading?: boolean;
|
|
7403
7415
|
asChild?: boolean;
|
|
7404
|
-
argo?: boolean;
|
|
7405
7416
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
7406
7417
|
block?: boolean | null | undefined;
|
|
7407
7418
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -7410,7 +7421,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7410
7421
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
7411
7422
|
}, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
|
|
7412
7423
|
}>;
|
|
7413
|
-
declare const withForm: <TFormData, TOnMount extends
|
|
7424
|
+
declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: _tanstack_react_form.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
7414
7425
|
readonly TextField: ({ label, required, help, className, ...inputProps }: {
|
|
7415
7426
|
label?: react.ReactNode;
|
|
7416
7427
|
required?: boolean;
|
|
@@ -7423,7 +7434,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
7423
7434
|
prefix?: react.ReactNode;
|
|
7424
7435
|
id?: string | undefined | undefined;
|
|
7425
7436
|
name?: string | undefined | undefined;
|
|
7426
|
-
variant?: "primary" | "
|
|
7437
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
7427
7438
|
form?: string | undefined | undefined;
|
|
7428
7439
|
slot?: string | undefined | undefined;
|
|
7429
7440
|
style?: react.CSSProperties | undefined;
|
|
@@ -7753,7 +7764,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
7753
7764
|
prefix?: react.ReactNode;
|
|
7754
7765
|
id?: string | undefined | undefined;
|
|
7755
7766
|
name?: string | undefined | undefined;
|
|
7756
|
-
variant?: "primary" | "
|
|
7767
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
7757
7768
|
form?: string | undefined | undefined;
|
|
7758
7769
|
slot?: string | undefined | undefined;
|
|
7759
7770
|
style?: react.CSSProperties | undefined;
|
|
@@ -8073,7 +8084,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8073
8084
|
help?: react.ReactNode;
|
|
8074
8085
|
className?: string;
|
|
8075
8086
|
} & Omit<{
|
|
8076
|
-
variant?: "primary" | "
|
|
8087
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
8077
8088
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
8078
8089
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
8079
8090
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
@@ -8409,7 +8420,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8409
8420
|
prefix?: string | undefined | undefined;
|
|
8410
8421
|
id?: string | undefined | undefined;
|
|
8411
8422
|
name?: string | undefined | undefined;
|
|
8412
|
-
variant?: "primary" | "
|
|
8423
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
8413
8424
|
form?: string | undefined | undefined;
|
|
8414
8425
|
slot?: string | undefined | undefined;
|
|
8415
8426
|
style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
|
|
@@ -8720,7 +8731,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8720
8731
|
className?: string;
|
|
8721
8732
|
placeholder?: string;
|
|
8722
8733
|
triggerClassName?: string;
|
|
8723
|
-
variant?: "primary" | "
|
|
8734
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
8724
8735
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
8725
8736
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
8726
8737
|
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
@@ -8748,12 +8759,11 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8748
8759
|
className?: string;
|
|
8749
8760
|
} & Omit<Omit<{
|
|
8750
8761
|
id?: string | number;
|
|
8751
|
-
argo?: boolean;
|
|
8752
8762
|
description?: react.ReactNode;
|
|
8753
8763
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
8754
8764
|
position?: "start" | "end";
|
|
8755
|
-
tooltip?: Props$
|
|
8756
|
-
tooltipPlacement?: Props$
|
|
8765
|
+
tooltip?: Props$1I["tooltip"];
|
|
8766
|
+
tooltipPlacement?: Props$1I["placement"];
|
|
8757
8767
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
8758
8768
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
8759
8769
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -8765,12 +8775,11 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8765
8775
|
} & Omit<{
|
|
8766
8776
|
id?: string | number;
|
|
8767
8777
|
children?: react.ReactNode;
|
|
8768
|
-
argo?: boolean;
|
|
8769
8778
|
description?: react.ReactNode;
|
|
8770
8779
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
8771
8780
|
position?: "start" | "end";
|
|
8772
8781
|
} & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
8773
|
-
variant?: "
|
|
8782
|
+
variant?: "default" | "argo" | null | undefined;
|
|
8774
8783
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
8775
8784
|
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
|
|
8776
8785
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
@@ -8784,7 +8793,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8784
8793
|
} & Omit<{
|
|
8785
8794
|
isLoading?: boolean;
|
|
8786
8795
|
asChild?: boolean;
|
|
8787
|
-
argo?: boolean;
|
|
8788
8796
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
8789
8797
|
block?: boolean | null | undefined;
|
|
8790
8798
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -8793,7 +8801,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8793
8801
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
8794
8802
|
}, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
|
|
8795
8803
|
}, TRenderProps>) => react.FunctionComponent<react.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
|
|
8796
|
-
form: _tanstack_react_form.AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [
|
|
8804
|
+
form: _tanstack_react_form.AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [_tanstack_react_form.FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (_tanstack_react_form.FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
|
|
8797
8805
|
readonly TextField: ({ label, required, help, className, ...inputProps }: {
|
|
8798
8806
|
label?: react.ReactNode;
|
|
8799
8807
|
required?: boolean;
|
|
@@ -8806,7 +8814,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8806
8814
|
prefix?: react.ReactNode;
|
|
8807
8815
|
id?: string | undefined | undefined;
|
|
8808
8816
|
name?: string | undefined | undefined;
|
|
8809
|
-
variant?: "primary" | "
|
|
8817
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
8810
8818
|
form?: string | undefined | undefined;
|
|
8811
8819
|
slot?: string | undefined | undefined;
|
|
8812
8820
|
style?: react.CSSProperties | undefined;
|
|
@@ -9136,7 +9144,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
9136
9144
|
prefix?: react.ReactNode;
|
|
9137
9145
|
id?: string | undefined | undefined;
|
|
9138
9146
|
name?: string | undefined | undefined;
|
|
9139
|
-
variant?: "primary" | "
|
|
9147
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
9140
9148
|
form?: string | undefined | undefined;
|
|
9141
9149
|
slot?: string | undefined | undefined;
|
|
9142
9150
|
style?: react.CSSProperties | undefined;
|
|
@@ -9456,7 +9464,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
9456
9464
|
help?: react.ReactNode;
|
|
9457
9465
|
className?: string;
|
|
9458
9466
|
} & Omit<{
|
|
9459
|
-
variant?: "primary" | "
|
|
9467
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
9460
9468
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
9461
9469
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
9462
9470
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
@@ -9792,7 +9800,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
9792
9800
|
prefix?: string | undefined | undefined;
|
|
9793
9801
|
id?: string | undefined | undefined;
|
|
9794
9802
|
name?: string | undefined | undefined;
|
|
9795
|
-
variant?: "primary" | "
|
|
9803
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
9796
9804
|
form?: string | undefined | undefined;
|
|
9797
9805
|
slot?: string | undefined | undefined;
|
|
9798
9806
|
style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
|
|
@@ -10103,7 +10111,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10103
10111
|
className?: string;
|
|
10104
10112
|
placeholder?: string;
|
|
10105
10113
|
triggerClassName?: string;
|
|
10106
|
-
variant?: "primary" | "
|
|
10114
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
10107
10115
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
10108
10116
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
10109
10117
|
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
@@ -10131,12 +10139,11 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10131
10139
|
className?: string;
|
|
10132
10140
|
} & Omit<Omit<{
|
|
10133
10141
|
id?: string | number;
|
|
10134
|
-
argo?: boolean;
|
|
10135
10142
|
description?: react.ReactNode;
|
|
10136
10143
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
10137
10144
|
position?: "start" | "end";
|
|
10138
|
-
tooltip?: Props$
|
|
10139
|
-
tooltipPlacement?: Props$
|
|
10145
|
+
tooltip?: Props$1I["tooltip"];
|
|
10146
|
+
tooltipPlacement?: Props$1I["placement"];
|
|
10140
10147
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
10141
10148
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
10142
10149
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -10148,12 +10155,11 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10148
10155
|
} & Omit<{
|
|
10149
10156
|
id?: string | number;
|
|
10150
10157
|
children?: react.ReactNode;
|
|
10151
|
-
argo?: boolean;
|
|
10152
10158
|
description?: react.ReactNode;
|
|
10153
10159
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
10154
10160
|
position?: "start" | "end";
|
|
10155
10161
|
} & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
10156
|
-
variant?: "
|
|
10162
|
+
variant?: "default" | "argo" | null | undefined;
|
|
10157
10163
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
10158
10164
|
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
|
|
10159
10165
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
@@ -10167,7 +10173,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10167
10173
|
} & Omit<{
|
|
10168
10174
|
isLoading?: boolean;
|
|
10169
10175
|
asChild?: boolean;
|
|
10170
|
-
argo?: boolean;
|
|
10171
10176
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
10172
10177
|
block?: boolean | null | undefined;
|
|
10173
10178
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -10213,9 +10218,7 @@ declare const useScrollbarPosition: () => {
|
|
|
10213
10218
|
isNone: boolean;
|
|
10214
10219
|
};
|
|
10215
10220
|
|
|
10216
|
-
|
|
10217
|
-
type Argument = string | boolean | undefined | Mapping;
|
|
10218
|
-
declare const cn: (...classes: Argument[]) => string;
|
|
10221
|
+
declare const cn: (...classes: ClassValue[]) => string;
|
|
10219
10222
|
|
|
10220
10223
|
declare const copyToClipboard: (text: string) => Promise<void>;
|
|
10221
10224
|
|
|
@@ -10272,7 +10275,9 @@ type Props$1 = {
|
|
|
10272
10275
|
};
|
|
10273
10276
|
/**
|
|
10274
10277
|
* Responsibilities:
|
|
10275
|
-
* -
|
|
10278
|
+
* - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,
|
|
10279
|
+
* `aigradient-700`). The IDs are hardcoded, so a nested provider must not
|
|
10280
|
+
* re-emit them or the document gains duplicate (HTML-invalid) IDs.
|
|
10276
10281
|
* - Set `data-brand="<brand.id>"` on `<html>` and inject the matching `--color-*` /
|
|
10277
10282
|
* `--radius-*` CSS variables (for the resolved light/dark mode) so chrome
|
|
10278
10283
|
* re-skins for the supplied brand.
|
|
@@ -10408,4 +10413,4 @@ declare const themeToolbarBrands: {
|
|
|
10408
10413
|
*/
|
|
10409
10414
|
declare const resolveStorybookBrand: (id: unknown) => Brand;
|
|
10410
10415
|
|
|
10411
|
-
export { Alert, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$
|
|
10416
|
+
export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$H as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, AutoSaveTextarea, Avatar, Badge, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$F as InlineStepDetailProps, InlineStepLabel, type Props$E as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, InputOtp, type RootProps$4 as InputOtpProps, Kbd, Label, type LineInformation, Link, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1j as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResolvedMode, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, TextInput, Textarea, type ThemeContextValue, ThemeDecorator, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tooltip, type Props$1I as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, resolveStorybookBrand, setServerFieldErrors, themeToolbarBrands, toast, useAppForm, useAutosizeInput, useColorScheme, useInputOtpContext, useIsLegacyBrand, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTheme, withForm };
|