@keboola/design 3.2.3 → 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 +68 -5
- package/COMPONENT-API.md +77 -81
- package/README.md +8 -8
- package/dist/constants-D3gaMY-W.d.cts +39 -0
- package/dist/constants-D3gaMY-W.d.ts +39 -0
- package/dist/editors.cjs +1950 -0
- package/dist/editors.cjs.map +1 -0
- package/dist/editors.d.cts +111 -0
- package/dist/editors.d.ts +111 -0
- package/dist/editors.js +1922 -0
- package/dist/editors.js.map +1 -0
- package/dist/icons.cjs.map +1 -1
- package/dist/icons.js.map +1 -1
- package/dist/index.cjs +3522 -1994
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +414 -510
- package/dist/index.d.ts +414 -510
- package/dist/index.js +3312 -1783
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor.cjs +21 -35
- package/dist/markdown-editor.cjs.map +1 -1
- package/dist/markdown-editor.d.cts +4 -3
- package/dist/markdown-editor.d.ts +4 -3
- package/dist/markdown-editor.js +21 -35
- 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 +81 -65
- package/src/styles.css +70 -13
package/dist/index.d.ts
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,22 +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
|
+
import { M as MergeConflict, C as ChangeClassification } from './constants-D3gaMY-W.js';
|
|
51
|
+
export { D as DiffChunk } from './constants-D3gaMY-W.js';
|
|
50
52
|
import * as _tanstack_react_form from '@tanstack/react-form';
|
|
51
53
|
import { AnyFormApi } from '@tanstack/react-form';
|
|
52
|
-
import
|
|
53
|
-
|
|
54
|
-
import { EditorView, EditorState, KeyBinding } from '@uiw/react-codemirror';
|
|
55
|
-
import { SqlDialectName } from '@keboola/codemirror-lang-sql';
|
|
56
|
-
export { SqlDialectName } from '@keboola/codemirror-lang-sql';
|
|
54
|
+
import { ClassValue } from 'clsx';
|
|
55
|
+
export { Slot } from '@radix-ui/react-slot';
|
|
57
56
|
import { Brand } from '@keboola/brand-registry';
|
|
58
57
|
export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
|
|
59
58
|
|
|
@@ -74,16 +73,12 @@ declare const argoVariants: (props?: ({
|
|
|
74
73
|
* Pass `variant` for primary/secondary/danger/outline/invisible looks, `size`
|
|
75
74
|
* for height (including `icon-*` sizes when rendering icon-only). Icons are
|
|
76
75
|
* composed as children — `<Button><Trash2 className="tw-size-4" /> Delete</Button>`.
|
|
77
|
-
* `argo` opts into the Argo redesign styling (PageHeader / sidebar contexts) —
|
|
78
|
-
* required when nested inside `PageHeader` or `PageLayout.Footer` slots.
|
|
79
76
|
*/
|
|
80
77
|
type Props$1P = {
|
|
81
78
|
/** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
|
|
82
79
|
isLoading?: boolean;
|
|
83
80
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
84
81
|
asChild?: boolean;
|
|
85
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
86
|
-
argo?: boolean;
|
|
87
82
|
} & ComponentProps<'button'> & VariantProps<typeof variants$3>;
|
|
88
83
|
/**
|
|
89
84
|
* Primary action surface for the design system — covers all clickable controls except inline text links.
|
|
@@ -98,7 +93,7 @@ type Props$1P = {
|
|
|
98
93
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
99
94
|
* @see RECIPES.md#confirm-dialog — for destructive-action confirmation
|
|
100
95
|
*/
|
|
101
|
-
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 & {
|
|
102
97
|
ref?: Ref<ElementRef<"button">>;
|
|
103
98
|
}) => react_jsx_runtime.JSX.Element;
|
|
104
99
|
|
|
@@ -125,7 +120,7 @@ declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest
|
|
|
125
120
|
ref?: Ref<ElementRef<"div">>;
|
|
126
121
|
}) => react_jsx_runtime.JSX.Element;
|
|
127
122
|
|
|
128
|
-
type Variant$
|
|
123
|
+
type Variant$8 = ComponentProps<typeof Button>['variant'];
|
|
129
124
|
type Size = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
130
125
|
type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
131
126
|
type Props$1M = {
|
|
@@ -134,10 +129,10 @@ type Props$1M = {
|
|
|
134
129
|
onActionsOpenChange?: (open: boolean) => void;
|
|
135
130
|
/** Optional leading-icon slot — pass a Lucide icon node. */
|
|
136
131
|
icon?: ReactNode;
|
|
137
|
-
variant?: Exclude<Variant$
|
|
132
|
+
variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
|
|
138
133
|
size?: SpitButtonSize;
|
|
139
134
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
140
|
-
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 & {
|
|
141
136
|
ref?: Ref<ElementRef<"button">>;
|
|
142
137
|
}) => react_jsx_runtime.JSX.Element) & {
|
|
143
138
|
Action: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
|
|
@@ -169,7 +164,7 @@ declare const MultiActionButtonGroup: {
|
|
|
169
164
|
};
|
|
170
165
|
|
|
171
166
|
declare const toggleVariants: (props?: ({
|
|
172
|
-
variant?: "
|
|
167
|
+
variant?: "ai" | "ai-vivid" | "ghost" | null | undefined;
|
|
173
168
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
174
169
|
iconOnly?: boolean | null | undefined;
|
|
175
170
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -201,10 +196,8 @@ declare const tooltipVariants: (props?: ({
|
|
|
201
196
|
type Props$1J = {
|
|
202
197
|
keepOpenOnPointerDownOutside?: boolean;
|
|
203
198
|
placement?: ComponentProps<typeof Content>['side'];
|
|
204
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
205
|
-
argo?: boolean;
|
|
206
199
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
207
|
-
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;
|
|
208
201
|
|
|
209
202
|
type TriggerProps$1 = {
|
|
210
203
|
triggerAsChild?: boolean;
|
|
@@ -225,7 +218,7 @@ type Props$1I = {
|
|
|
225
218
|
/** Forcibly show the tooltip regardless of hover state. Useful for guided-tour overlays. */
|
|
226
219
|
forceShow?: boolean;
|
|
227
220
|
className?: string;
|
|
228
|
-
} & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'
|
|
221
|
+
} & TriggerProps$1 & Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;
|
|
229
222
|
/** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */
|
|
230
223
|
declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderProps>;
|
|
231
224
|
/**
|
|
@@ -243,12 +236,11 @@ declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderP
|
|
|
243
236
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
244
237
|
*/
|
|
245
238
|
declare const Tooltip: {
|
|
246
|
-
({ tooltip, children, className, keepOpenOnTriggerClick, variant,
|
|
239
|
+
({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1I): react_jsx_runtime.JSX.Element;
|
|
247
240
|
Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
248
|
-
Content: ({ className, variant,
|
|
241
|
+
Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
|
|
249
242
|
keepOpenOnPointerDownOutside?: boolean;
|
|
250
243
|
placement?: ComponentProps<typeof Content>["side"];
|
|
251
|
-
argo?: boolean;
|
|
252
244
|
} & Omit<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "side"> & class_variance_authority.VariantProps<(props?: ({
|
|
253
245
|
variant?: "action" | "explanatory" | null | undefined;
|
|
254
246
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
|
|
@@ -289,11 +281,37 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
|
|
|
289
281
|
ref?: Ref<ElementRef<"a">>;
|
|
290
282
|
}) => react_jsx_runtime.JSX.Element;
|
|
291
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
|
+
|
|
292
310
|
/**
|
|
293
311
|
* Props for the `Modal` root — forwarded to Radix `Dialog.Root` (controls `open`, `onOpenChange`,
|
|
294
312
|
* `defaultOpen`, `modal`).
|
|
295
313
|
*/
|
|
296
|
-
type Props$
|
|
314
|
+
type Props$1C = ComponentProps<typeof Root$2>;
|
|
297
315
|
/**
|
|
298
316
|
* Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
|
|
299
317
|
*
|
|
@@ -309,15 +327,14 @@ type Props$1D = ComponentProps<typeof Root$1>;
|
|
|
309
327
|
* @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
|
|
310
328
|
*/
|
|
311
329
|
declare const Modal: {
|
|
312
|
-
(props: Props$
|
|
330
|
+
(props: Props$1C): react_jsx_runtime.JSX.Element;
|
|
313
331
|
/** Radix `Dialog.Close` re-export — closes the nearest `Modal` when clicked. Use `asChild` to wrap a `Button`. */
|
|
314
332
|
Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
315
333
|
/** Radix `Dialog.Trigger` re-export — opens the modal. Use `asChild` to wrap a `Button`. */
|
|
316
334
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
317
335
|
/** Modal content container — portals into the overlay, handles sizing (`small` / `medium` / `large`) and open/close animation. */
|
|
318
|
-
Content: ({ size, className, children, onEscapeKeyDown,
|
|
336
|
+
Content: ({ size, className, children, onEscapeKeyDown, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
|
|
319
337
|
size?: "small" | "medium" | "large";
|
|
320
|
-
argo?: boolean;
|
|
321
338
|
}) => react_jsx_runtime.JSX.Element;
|
|
322
339
|
/** Scrollable body slot. Place form fields or detail content here; takes available space inside `Modal.Content`. */
|
|
323
340
|
Body: ({ className, ...props }: react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -351,11 +368,10 @@ declare const Modal: {
|
|
|
351
368
|
}) => react_jsx_runtime.JSX.Element;
|
|
352
369
|
};
|
|
353
370
|
|
|
354
|
-
declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown,
|
|
371
|
+
declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: react.HTMLAttributes<HTMLDivElement> & {
|
|
355
372
|
children: react.ReactNode;
|
|
356
373
|
lockBodyScroll?: boolean;
|
|
357
374
|
onEscapeKeyDown?: (event: react.KeyboardEvent<HTMLDivElement>) => void;
|
|
358
|
-
argo?: boolean;
|
|
359
375
|
}) => react.ReactPortal) & {
|
|
360
376
|
Header: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Omit<react.HTMLAttributes<HTMLDivElement>, "title"> & {
|
|
361
377
|
title: react.ReactNode;
|
|
@@ -373,7 +389,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
|
|
|
373
389
|
}) => react_jsx_runtime.JSX.Element;
|
|
374
390
|
};
|
|
375
391
|
|
|
376
|
-
type Props$
|
|
392
|
+
type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
377
393
|
title: ReactNode;
|
|
378
394
|
titleClassName?: string;
|
|
379
395
|
titleWrapperClassName?: string;
|
|
@@ -382,23 +398,22 @@ type Props$1C = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
382
398
|
onClose?: () => void;
|
|
383
399
|
showPreviousTitle?: boolean;
|
|
384
400
|
}>;
|
|
385
|
-
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;
|
|
386
402
|
|
|
387
|
-
type Props$
|
|
388
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
403
|
+
type Props$1A = HTMLAttributes<HTMLDivElement>;
|
|
404
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1A & {
|
|
389
405
|
ref?: Ref<HTMLDivElement>;
|
|
390
406
|
}) => react_jsx_runtime.JSX.Element;
|
|
391
407
|
|
|
392
|
-
type Props$
|
|
408
|
+
type Props$1z = ComponentProps<typeof Root$2>;
|
|
393
409
|
declare const Sheet: {
|
|
394
|
-
(props: Props$
|
|
410
|
+
(props: Props$1z): react_jsx_runtime.JSX.Element;
|
|
395
411
|
Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
396
412
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
397
|
-
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> & {
|
|
398
414
|
side?: "top" | "right" | "bottom" | "left";
|
|
399
415
|
hideOverlay?: boolean;
|
|
400
416
|
keepOpenOnPointerDownOutside?: boolean;
|
|
401
|
-
argo?: boolean;
|
|
402
417
|
} & class_variance_authority.VariantProps<(props?: ({
|
|
403
418
|
disableTransition?: boolean | null | undefined;
|
|
404
419
|
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
@@ -415,16 +430,16 @@ declare const Sheet: {
|
|
|
415
430
|
Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
416
431
|
};
|
|
417
432
|
|
|
418
|
-
type Props$
|
|
433
|
+
type Props$1y = ComponentProps<typeof Root$3>;
|
|
419
434
|
declare const Popover: {
|
|
420
|
-
(props: Props$
|
|
435
|
+
(props: Props$1y): react_jsx_runtime.JSX.Element;
|
|
421
436
|
/**
|
|
422
437
|
* Main Layout
|
|
423
438
|
*/
|
|
424
|
-
Content: ({ ref, className, align, sideOffset, matchTriggerWidth, children,
|
|
425
|
-
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;
|
|
426
441
|
matchTriggerWidth?: boolean | null | undefined;
|
|
427
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string>) & {
|
|
442
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant">) & {
|
|
428
443
|
ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>>>;
|
|
429
444
|
}) => react_jsx_runtime.JSX.Element;
|
|
430
445
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -439,12 +454,12 @@ type PopconfirmContextType = {
|
|
|
439
454
|
isLoading: boolean;
|
|
440
455
|
};
|
|
441
456
|
|
|
442
|
-
type Props$
|
|
457
|
+
type Props$1x = {
|
|
443
458
|
children: ReactNode;
|
|
444
459
|
skipAsyncWait?: boolean;
|
|
445
460
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
446
461
|
declare const Popconfirm: {
|
|
447
|
-
({ 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;
|
|
448
463
|
Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
|
|
449
464
|
asChild: true;
|
|
450
465
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
|
|
@@ -453,7 +468,6 @@ declare const Popconfirm: {
|
|
|
453
468
|
} & Omit<{
|
|
454
469
|
isLoading?: boolean;
|
|
455
470
|
asChild?: boolean;
|
|
456
|
-
argo?: boolean;
|
|
457
471
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
458
472
|
block?: boolean | null | undefined;
|
|
459
473
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -471,7 +485,6 @@ declare const Popconfirm: {
|
|
|
471
485
|
} & Omit<{
|
|
472
486
|
isLoading?: boolean;
|
|
473
487
|
asChild?: boolean;
|
|
474
|
-
argo?: boolean;
|
|
475
488
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
476
489
|
block?: boolean | null | undefined;
|
|
477
490
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -487,7 +500,6 @@ declare const Popconfirm: {
|
|
|
487
500
|
translate?: "yes" | "no" | undefined | undefined;
|
|
488
501
|
prefix?: string | undefined | undefined;
|
|
489
502
|
id?: string | undefined | undefined;
|
|
490
|
-
variant?: "argo" | "default" | null | undefined;
|
|
491
503
|
slot?: string | undefined | undefined;
|
|
492
504
|
style?: react.CSSProperties | undefined;
|
|
493
505
|
title?: string | undefined | undefined;
|
|
@@ -783,6 +795,7 @@ declare const Popconfirm: {
|
|
|
783
795
|
onPointerDownOutside?: ((event: CustomEvent<{
|
|
784
796
|
originalEvent: PointerEvent;
|
|
785
797
|
}>) => void) | undefined;
|
|
798
|
+
deferPointerDownOutside?: boolean | undefined;
|
|
786
799
|
onFocusOutside?: ((event: CustomEvent<{
|
|
787
800
|
originalEvent: FocusEvent;
|
|
788
801
|
}>) => void) | undefined;
|
|
@@ -799,24 +812,18 @@ declare const Popconfirm: {
|
|
|
799
812
|
Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
|
|
800
813
|
};
|
|
801
814
|
|
|
802
|
-
type Props$
|
|
815
|
+
type Props$1w = ComponentProps<typeof Root$4>;
|
|
803
816
|
declare const HoverCard: {
|
|
804
|
-
({ openDelay, closeDelay, ...rest }: Props$
|
|
805
|
-
Content: ({ ref, className, align, sideOffset,
|
|
806
|
-
argo?: boolean;
|
|
807
|
-
}) & {
|
|
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"> & {
|
|
808
819
|
ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>>>>;
|
|
809
820
|
}) => react_jsx_runtime.JSX.Element;
|
|
810
821
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
|
|
811
822
|
};
|
|
812
823
|
|
|
813
|
-
type
|
|
814
|
-
|
|
815
|
-
type Props$1w = ComponentProps<typeof Root$4> & {
|
|
816
|
-
variant?: DropdownMenuVariant;
|
|
817
|
-
};
|
|
824
|
+
type Props$1v = ComponentProps<typeof Root$5>;
|
|
818
825
|
declare const DropdownMenu: {
|
|
819
|
-
({ modal,
|
|
826
|
+
({ modal, ...props }: Props$1v): react_jsx_runtime.JSX.Element;
|
|
820
827
|
/**
|
|
821
828
|
* Main Layout
|
|
822
829
|
*/
|
|
@@ -872,18 +879,14 @@ declare const DropdownMenu: {
|
|
|
872
879
|
}) => react_jsx_runtime.JSX.Element;
|
|
873
880
|
};
|
|
874
881
|
|
|
875
|
-
type Props$
|
|
876
|
-
|
|
877
|
-
variant?: 'checkbox' | 'radio' | 'argo' | 'default';
|
|
882
|
+
type Props$1u = {
|
|
883
|
+
variant?: 'checkbox' | 'radio' | 'default';
|
|
878
884
|
};
|
|
879
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
885
|
+
declare const CheckIndicator: ({ variant }: Props$1u) => react_jsx_runtime.JSX.Element | null;
|
|
880
886
|
|
|
881
|
-
type
|
|
882
|
-
type Props$1u = ComponentProps<typeof Command$1> & {
|
|
883
|
-
variant?: Variant$8;
|
|
884
|
-
};
|
|
887
|
+
type Props$1t = ComponentProps<typeof Command$1>;
|
|
885
888
|
declare const Command: {
|
|
886
|
-
({ className,
|
|
889
|
+
({ className, ...rest }: Props$1t): react_jsx_runtime.JSX.Element;
|
|
887
890
|
Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
888
891
|
Separator: ({ className, ...props }: Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
889
892
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -940,7 +943,7 @@ declare const Command: {
|
|
|
940
943
|
prefix?: react.ReactNode;
|
|
941
944
|
id?: string | undefined | undefined;
|
|
942
945
|
name?: string | undefined | undefined;
|
|
943
|
-
variant?: "primary" | "
|
|
946
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
944
947
|
form?: string | undefined | undefined;
|
|
945
948
|
slot?: string | undefined | undefined;
|
|
946
949
|
style?: react.CSSProperties | undefined;
|
|
@@ -1279,25 +1282,25 @@ declare const Command: {
|
|
|
1279
1282
|
declare const addonVariants$1: (props?: ({
|
|
1280
1283
|
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
1281
1284
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1282
|
-
type Props$
|
|
1283
|
-
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;
|
|
1284
1287
|
|
|
1285
1288
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
1286
|
-
type Props$
|
|
1287
|
-
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 & {
|
|
1288
1291
|
ref?: Ref<ElementRef<"button">>;
|
|
1289
1292
|
}) => react_jsx_runtime.JSX.Element;
|
|
1290
1293
|
|
|
1291
|
-
type Props$
|
|
1292
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
1294
|
+
type Props$1q = ComponentProps<'input'>;
|
|
1295
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1q & {
|
|
1293
1296
|
ref?: Ref<ElementRef<"input">>;
|
|
1294
1297
|
}) => react_jsx_runtime.JSX.Element;
|
|
1295
1298
|
|
|
1296
|
-
type Props$
|
|
1297
|
-
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;
|
|
1298
1301
|
|
|
1299
1302
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
1300
|
-
type Props$
|
|
1303
|
+
type Props$1o = TextareaNativeProps$1 & {
|
|
1301
1304
|
value?: string | null;
|
|
1302
1305
|
defaultValue?: string | null;
|
|
1303
1306
|
onValueChange?: (value: string) => void;
|
|
@@ -1305,18 +1308,20 @@ type Props$1p = TextareaNativeProps$1 & {
|
|
|
1305
1308
|
maxRows?: number | 'unlimited';
|
|
1306
1309
|
disableResize?: boolean;
|
|
1307
1310
|
};
|
|
1308
|
-
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 & {
|
|
1309
1312
|
ref?: Ref<ElementRef<"textarea">>;
|
|
1310
1313
|
}) => react_jsx_runtime.JSX.Element;
|
|
1311
1314
|
|
|
1312
1315
|
declare const inputGroupVariants: (props?: ({
|
|
1313
1316
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
1314
|
-
variant?: "primary" | "
|
|
1317
|
+
variant?: "primary" | "secondary" | "argo" | null | undefined;
|
|
1315
1318
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1316
1319
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1317
1320
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1318
|
-
type Props$
|
|
1319
|
-
|
|
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 & {
|
|
1320
1325
|
ref?: Ref<ElementRef<"div">>;
|
|
1321
1326
|
}) => react_jsx_runtime.JSX.Element;
|
|
1322
1327
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
@@ -1343,7 +1348,7 @@ type OwnProps$1 = {
|
|
|
1343
1348
|
* Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
|
|
1344
1349
|
* input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
|
|
1345
1350
|
*/
|
|
1346
|
-
type Props$
|
|
1351
|
+
type Props$1m = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
|
|
1347
1352
|
/**
|
|
1348
1353
|
* Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
|
|
1349
1354
|
*
|
|
@@ -1353,12 +1358,12 @@ type Props$1n = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, '
|
|
|
1353
1358
|
* `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
|
|
1354
1359
|
* **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
|
|
1355
1360
|
*/
|
|
1356
|
-
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 & {
|
|
1357
1362
|
ref?: Ref<ElementRef<"input">>;
|
|
1358
1363
|
}) => react_jsx_runtime.JSX.Element;
|
|
1359
1364
|
|
|
1360
1365
|
type InputProps$2 = ComponentProps<typeof Input$1>;
|
|
1361
|
-
type Props$
|
|
1366
|
+
type Props$1l = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
|
|
1362
1367
|
defaultValue?: Date | null;
|
|
1363
1368
|
disabledDays?: Matcher | Matcher[];
|
|
1364
1369
|
endMonth?: Date;
|
|
@@ -1367,12 +1372,12 @@ type Props$1m = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
|
|
|
1367
1372
|
startMonth?: Date;
|
|
1368
1373
|
value?: Date | null;
|
|
1369
1374
|
};
|
|
1370
|
-
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 & {
|
|
1371
1376
|
ref?: Ref<ElementRef<"input">>;
|
|
1372
1377
|
}) => react_jsx_runtime.JSX.Element;
|
|
1373
1378
|
|
|
1374
1379
|
type InputProps$1 = ComponentProps<typeof Input$1>;
|
|
1375
|
-
type Props$
|
|
1380
|
+
type Props$1k = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
1376
1381
|
defaultValue?: DateRange$1 | null;
|
|
1377
1382
|
endMonth?: Date;
|
|
1378
1383
|
onValueBlur?: (value: DateRange$1 | null) => void;
|
|
@@ -1380,7 +1385,7 @@ type Props$1l = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
|
1380
1385
|
startMonth?: Date;
|
|
1381
1386
|
value?: DateRange$1 | null;
|
|
1382
1387
|
};
|
|
1383
|
-
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 & {
|
|
1384
1389
|
ref?: Ref<ElementRef<"input">>;
|
|
1385
1390
|
}) => react_jsx_runtime.JSX.Element;
|
|
1386
1391
|
|
|
@@ -1398,7 +1403,7 @@ type OwnProps = {
|
|
|
1398
1403
|
* Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
|
|
1399
1404
|
* `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
|
|
1400
1405
|
*/
|
|
1401
|
-
type Props$
|
|
1406
|
+
type Props$1j = OwnProps & NativeProps;
|
|
1402
1407
|
/**
|
|
1403
1408
|
* Standard text input with a string-only API. The default choice for a bare text input.
|
|
1404
1409
|
*
|
|
@@ -1410,53 +1415,53 @@ type Props$1k = OwnProps & NativeProps;
|
|
|
1410
1415
|
* page layouts. Chrome resolves from the active brand automatically: a modern brand always renders argo
|
|
1411
1416
|
* (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
1412
1417
|
*/
|
|
1413
|
-
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 & {
|
|
1414
1419
|
ref?: Ref<ElementRef<"input">>;
|
|
1415
1420
|
}) => react_jsx_runtime.JSX.Element;
|
|
1416
1421
|
|
|
1417
1422
|
type InputProps = ComponentProps<typeof Input$1>;
|
|
1418
|
-
type Props$
|
|
1423
|
+
type Props$1i = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
|
|
1419
1424
|
value?: string | null;
|
|
1420
1425
|
defaultValue?: string | null;
|
|
1421
1426
|
onValueChange?: (value: string | null) => void;
|
|
1422
1427
|
onValueBlur?: (value: string | null) => void;
|
|
1423
1428
|
};
|
|
1424
|
-
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 & {
|
|
1425
1430
|
ref?: Ref<ElementRef<"input">>;
|
|
1426
1431
|
}) => react_jsx_runtime.JSX.Element;
|
|
1427
1432
|
|
|
1428
|
-
type Props$
|
|
1429
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
1433
|
+
type Props$1h = ComponentProps<typeof TextInput>;
|
|
1434
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$1h & {
|
|
1430
1435
|
ref?: Ref<ElementRef<"input">>;
|
|
1431
1436
|
}) => react_jsx_runtime.JSX.Element;
|
|
1432
1437
|
|
|
1433
|
-
type Props$
|
|
1438
|
+
type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1434
1439
|
viewPortClassName?: string;
|
|
1435
1440
|
scrollBarClassName?: string;
|
|
1436
1441
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1437
1442
|
};
|
|
1438
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1443
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1g & {
|
|
1439
1444
|
ref?: Ref<ElementRef<"div">>;
|
|
1440
1445
|
}) => react_jsx_runtime.JSX.Element;
|
|
1441
1446
|
|
|
1442
|
-
type Props$
|
|
1443
|
-
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;
|
|
1444
1449
|
|
|
1445
|
-
type Props$
|
|
1446
|
-
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 & {
|
|
1447
1452
|
ref?: Ref<ElementRef<"div">>;
|
|
1448
1453
|
}) => react_jsx_runtime.JSX.Element;
|
|
1449
1454
|
|
|
1450
|
-
type Props$
|
|
1451
|
-
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;
|
|
1452
1457
|
|
|
1453
|
-
type Props$
|
|
1458
|
+
type Props$1c = ComponentProps<typeof Command$1.Item> & {
|
|
1454
1459
|
icon?: ReactNode;
|
|
1455
1460
|
checked?: boolean;
|
|
1456
1461
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
1457
1462
|
actions?: ReactNode;
|
|
1458
1463
|
};
|
|
1459
|
-
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;
|
|
1460
1465
|
|
|
1461
1466
|
type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
|
|
1462
1467
|
declare const Calendar: {
|
|
@@ -1464,13 +1469,10 @@ declare const Calendar: {
|
|
|
1464
1469
|
displayName: string;
|
|
1465
1470
|
};
|
|
1466
1471
|
|
|
1467
|
-
type OwnPopoverProps = PropsWithChildren & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'
|
|
1468
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1469
|
-
argo?: boolean;
|
|
1470
|
-
};
|
|
1472
|
+
type OwnPopoverProps = PropsWithChildren & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
1471
1473
|
type DatePickerProps = OwnPopoverProps & CalendarProps;
|
|
1472
1474
|
declare const DatePicker: {
|
|
1473
|
-
({ align, alignOffset,
|
|
1475
|
+
({ align, alignOffset, children, defaultOpen, onOpenChange, open, sideOffset, ...calendarProps }: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
1474
1476
|
displayName: string;
|
|
1475
1477
|
};
|
|
1476
1478
|
|
|
@@ -1494,27 +1496,22 @@ type DateRangePickerProps = {
|
|
|
1494
1496
|
className?: string;
|
|
1495
1497
|
};
|
|
1496
1498
|
/**
|
|
1497
|
-
* Range-mode date picker — Popover
|
|
1499
|
+
* Range-mode date picker — Popover + Calendar in `mode="range"` with an
|
|
1498
1500
|
* optional preset list (e.g. "Last 7 days"). Use for selecting a `{ from, to }`
|
|
1499
1501
|
* pair; for a single date use `DatePicker`.
|
|
1500
|
-
*
|
|
1501
|
-
* Argo-only: trigger renders as `<Button argo variant="secondary">`, popover as
|
|
1502
|
-
* `variant="argo"`.
|
|
1503
1502
|
*/
|
|
1504
1503
|
declare const DateRangePicker: {
|
|
1505
1504
|
({ value, onChange, placeholder, presets, disabled, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
|
|
1506
1505
|
displayName: string;
|
|
1507
1506
|
};
|
|
1508
1507
|
|
|
1509
|
-
type Props$
|
|
1508
|
+
type Props$1b = {
|
|
1510
1509
|
children?: ReactNode;
|
|
1511
1510
|
defaultSelected?: string | null;
|
|
1512
1511
|
selected?: string | null;
|
|
1513
1512
|
onSelect?: (time: string) => void;
|
|
1514
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1515
|
-
argo?: boolean;
|
|
1516
1513
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
1517
|
-
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;
|
|
1518
1515
|
|
|
1519
1516
|
type LabelProps = {
|
|
1520
1517
|
id?: string | number;
|
|
@@ -1532,38 +1529,34 @@ declare const fieldBoxVariants: (props?: ({
|
|
|
1532
1529
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1533
1530
|
|
|
1534
1531
|
declare const switchVariants: (props?: ({
|
|
1535
|
-
variant?: "
|
|
1532
|
+
variant?: "default" | "argo" | null | undefined;
|
|
1536
1533
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
1537
1534
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1538
1535
|
|
|
1539
|
-
type Props$
|
|
1536
|
+
type Props$1a = {
|
|
1540
1537
|
id?: string | number;
|
|
1541
1538
|
children?: ReactNode;
|
|
1542
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1543
|
-
argo?: boolean;
|
|
1544
1539
|
description?: ReactNode;
|
|
1545
1540
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
1546
1541
|
position?: 'start' | 'end';
|
|
1547
|
-
} & Omit<ComponentProps<typeof Root$
|
|
1548
|
-
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 & {
|
|
1549
1544
|
ref?: Ref<ElementRef<"button">>;
|
|
1550
1545
|
}) => react_jsx_runtime.JSX.Element;
|
|
1551
1546
|
|
|
1552
1547
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
1553
1548
|
type Orientation = 'vertical' | 'horizontal';
|
|
1554
1549
|
|
|
1555
|
-
type Props$
|
|
1550
|
+
type Props$19<Value> = {
|
|
1556
1551
|
variant?: Variant$7;
|
|
1557
1552
|
orientation?: Orientation;
|
|
1558
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1559
|
-
argo?: boolean;
|
|
1560
1553
|
onValueChange?: (value: Value) => void;
|
|
1561
1554
|
value?: Value | null;
|
|
1562
1555
|
defaultValue?: Value | null;
|
|
1563
1556
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
1564
1557
|
declare const RadioGroup: {
|
|
1565
|
-
<Value extends string = string>({ variant, className, disabled, orientation,
|
|
1566
|
-
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 }: {
|
|
1567
1560
|
content?: string | undefined | undefined;
|
|
1568
1561
|
translate?: "yes" | "no" | undefined | undefined;
|
|
1569
1562
|
prefix?: string | undefined | undefined;
|
|
@@ -1858,7 +1851,6 @@ declare const RadioGroup: {
|
|
|
1858
1851
|
required?: boolean | undefined;
|
|
1859
1852
|
} & {
|
|
1860
1853
|
value: T;
|
|
1861
|
-
argo?: boolean;
|
|
1862
1854
|
tooltip?: react.ReactNode;
|
|
1863
1855
|
tooltipVariant?: Props$1I["variant"];
|
|
1864
1856
|
tooltipPlacement?: Props$1I["placement"];
|
|
@@ -1867,27 +1859,27 @@ declare const RadioGroup: {
|
|
|
1867
1859
|
Separator: () => react_jsx_runtime.JSX.Element;
|
|
1868
1860
|
};
|
|
1869
1861
|
|
|
1870
|
-
type Props$
|
|
1862
|
+
type Props$18 = ComponentProps<typeof Thumb> & {
|
|
1871
1863
|
tooltip?: ReactNode;
|
|
1872
1864
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
1873
1865
|
};
|
|
1874
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
1866
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$18 & {
|
|
1875
1867
|
ref?: Ref<ElementRef<typeof Thumb>>;
|
|
1876
1868
|
}) => react_jsx_runtime.JSX.Element;
|
|
1877
1869
|
|
|
1878
1870
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
1879
|
-
type Props$
|
|
1871
|
+
type Props$17 = ComponentProps<typeof Root$7> & {
|
|
1880
1872
|
thumbTooltip?: ThumbTooltipFn;
|
|
1881
1873
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
1882
1874
|
rangeClassName?: string;
|
|
1883
1875
|
};
|
|
1884
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
1885
|
-
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>>;
|
|
1886
1878
|
}) => react_jsx_runtime.JSX.Element;
|
|
1887
1879
|
|
|
1888
1880
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
|
|
1889
1881
|
type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
|
|
1890
|
-
type Props$
|
|
1882
|
+
type Props$16 = {
|
|
1891
1883
|
suffix?: ReactNode;
|
|
1892
1884
|
disableDebounce?: boolean;
|
|
1893
1885
|
debounceDelay?: number;
|
|
@@ -1902,14 +1894,14 @@ type Props$17 = {
|
|
|
1902
1894
|
/**
|
|
1903
1895
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
1904
1896
|
*/
|
|
1905
|
-
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 & {
|
|
1906
1898
|
ref?: Ref<ElementRef<"input">>;
|
|
1907
1899
|
}) => react_jsx_runtime.JSX.Element;
|
|
1908
1900
|
|
|
1909
|
-
type Props$
|
|
1901
|
+
type Props$15 = {
|
|
1910
1902
|
onSubmit: (value: string) => void;
|
|
1911
1903
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
1912
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
1904
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$15 & {
|
|
1913
1905
|
ref?: Ref<ElementRef<"input">>;
|
|
1914
1906
|
}) => react_jsx_runtime.JSX.Element;
|
|
1915
1907
|
|
|
@@ -1930,12 +1922,14 @@ type SelectRootProps = {
|
|
|
1930
1922
|
};
|
|
1931
1923
|
|
|
1932
1924
|
declare const variants$2: (props?: ({
|
|
1933
|
-
variant?: "primary" | "
|
|
1925
|
+
variant?: "primary" | "secondary" | "argo" | null | undefined;
|
|
1934
1926
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1935
1927
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1936
1928
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1937
|
-
type Props$
|
|
1938
|
-
|
|
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 & {
|
|
1939
1933
|
ref?: Ref<ElementRef<"button">>;
|
|
1940
1934
|
}) => react_jsx_runtime.JSX.Element;
|
|
1941
1935
|
|
|
@@ -1954,7 +1948,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
|
|
|
1954
1948
|
* Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
|
|
1955
1949
|
* convenience `items` shape (flat list, or grouped lists with optional labels).
|
|
1956
1950
|
*/
|
|
1957
|
-
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'> & {
|
|
1958
1952
|
items?: readonly (SelectItem | SelectItemGroup)[];
|
|
1959
1953
|
};
|
|
1960
1954
|
/**
|
|
@@ -1969,18 +1963,23 @@ type Props$14 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
|
|
|
1969
1963
|
* `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
|
|
1970
1964
|
*/
|
|
1971
1965
|
declare const Select: {
|
|
1972
|
-
({ 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;
|
|
1973
1967
|
Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1974
|
-
Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
1975
|
-
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;
|
|
1976
1970
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1977
1971
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1978
|
-
} & 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">) & {
|
|
1979
1979
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
1980
1980
|
}) => react_jsx_runtime.JSX.Element;
|
|
1981
|
-
Content: ({ ref, className, children, container, position, sideOffset,
|
|
1981
|
+
Content: ({ ref, className, children, container, position, sideOffset, ...props }: (_radix_ui_react_select.SelectContentProps & react.RefAttributes<HTMLDivElement> & {
|
|
1982
1982
|
container?: HTMLElement | null;
|
|
1983
|
-
variant?: "argo" | "default";
|
|
1984
1983
|
}) & {
|
|
1985
1984
|
ref?: react.Ref<react.ElementRef<"div">>;
|
|
1986
1985
|
}) => react_jsx_runtime.JSX.Element;
|
|
@@ -1994,53 +1993,51 @@ declare const Select: {
|
|
|
1994
1993
|
Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
1995
1994
|
};
|
|
1996
1995
|
|
|
1997
|
-
type Props$
|
|
1996
|
+
type Props$12 = {
|
|
1998
1997
|
id?: string | number;
|
|
1999
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
2000
|
-
argo?: boolean;
|
|
2001
1998
|
description?: ReactNode;
|
|
2002
1999
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
2003
2000
|
position?: 'start' | 'end';
|
|
2004
2001
|
tooltip?: Props$1I['tooltip'];
|
|
2005
2002
|
tooltipPlacement?: Props$1I['placement'];
|
|
2006
|
-
} & Omit<ComponentProps<typeof Root$
|
|
2007
|
-
declare function Checkbox(prop: Omit<Props$
|
|
2003
|
+
} & Omit<ComponentProps<typeof Root$8>, 'id'>;
|
|
2004
|
+
declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
|
|
2008
2005
|
checked?: boolean;
|
|
2009
2006
|
onCheckedChange?: (checked: boolean) => void;
|
|
2010
2007
|
}): ReactNode;
|
|
2011
|
-
declare function Checkbox(prop: Omit<Props$
|
|
2008
|
+
declare function Checkbox(prop: Omit<Props$12, 'checked' | 'onCheckedChange'> & {
|
|
2012
2009
|
checked?: CheckedState;
|
|
2013
2010
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
2014
2011
|
}): ReactNode;
|
|
2015
2012
|
|
|
2016
2013
|
type Variant$6 = 'check' | 'checkbox';
|
|
2017
|
-
type Props$
|
|
2014
|
+
type Props$11 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
2018
2015
|
className?: string;
|
|
2019
2016
|
variant?: Variant$6;
|
|
2020
2017
|
};
|
|
2021
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
2018
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$11 & {
|
|
2022
2019
|
ref?: Ref<ElementRef<"span">>;
|
|
2023
2020
|
}) => react_jsx_runtime.JSX.Element;
|
|
2024
2021
|
|
|
2025
|
-
type Props$
|
|
2026
|
-
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 & {
|
|
2027
2024
|
ref?: Ref<ElementRef<"input">>;
|
|
2028
2025
|
}) => react_jsx_runtime.JSX.Element;
|
|
2029
2026
|
|
|
2030
2027
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
2031
|
-
type Props
|
|
2028
|
+
type Props$$ = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
2032
2029
|
className?: string;
|
|
2033
2030
|
};
|
|
2034
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props
|
|
2031
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$$ & {
|
|
2035
2032
|
ref?: Ref<ElementRef<"div">>;
|
|
2036
2033
|
}) => react_jsx_runtime.JSX.Element;
|
|
2037
2034
|
|
|
2038
|
-
type Props
|
|
2035
|
+
type Props$_ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
2039
2036
|
className?: string;
|
|
2040
2037
|
icon?: ReactNode;
|
|
2041
2038
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
|
|
2042
2039
|
};
|
|
2043
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props
|
|
2040
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$_ & {
|
|
2044
2041
|
ref?: Ref<ElementRef<"div">>;
|
|
2045
2042
|
}) => react_jsx_runtime.JSX.Element;
|
|
2046
2043
|
|
|
@@ -2060,7 +2057,7 @@ type CreatableProps<Value> = {
|
|
|
2060
2057
|
queryToCreateLabel?: (query: string) => ReactNode;
|
|
2061
2058
|
queryToCreateValue?: (query: string) => Value;
|
|
2062
2059
|
};
|
|
2063
|
-
type Props$
|
|
2060
|
+
type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
|
|
2064
2061
|
items?: readonly (Value | GroupShape)[];
|
|
2065
2062
|
allowClear?: boolean;
|
|
2066
2063
|
empty?: ReactNode;
|
|
@@ -2072,10 +2069,10 @@ type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
|
|
|
2072
2069
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
2073
2070
|
};
|
|
2074
2071
|
declare const Combobox: {
|
|
2075
|
-
<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;
|
|
2076
2073
|
Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
|
|
2077
2074
|
InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
|
|
2078
|
-
variant?: "primary" | "
|
|
2075
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
2079
2076
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
2080
2077
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
2081
2078
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
@@ -2397,11 +2394,9 @@ declare const Combobox: {
|
|
|
2397
2394
|
} & {
|
|
2398
2395
|
ref?: react.Ref<react.ElementRef<"input">>;
|
|
2399
2396
|
}) => react_jsx_runtime.JSX.Element;
|
|
2400
|
-
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"> & {
|
|
2401
2398
|
className?: string;
|
|
2402
|
-
} & 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
|
-
variant?: "argo" | "default";
|
|
2404
|
-
}) & {
|
|
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">) & {
|
|
2405
2400
|
ref?: react.Ref<react.ElementRef<"div">>;
|
|
2406
2401
|
}) => react_jsx_runtime.JSX.Element;
|
|
2407
2402
|
List: ({ ref, className, ...props }: (Omit<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & react.RefAttributes<HTMLDivElement>, "className"> & {
|
|
@@ -2457,7 +2452,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
|
|
|
2457
2452
|
* Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
|
|
2458
2453
|
* the default substring matcher.
|
|
2459
2454
|
*/
|
|
2460
|
-
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'> & {
|
|
2461
2456
|
items?: readonly (Value | GroupShape)[];
|
|
2462
2457
|
allowClear?: boolean;
|
|
2463
2458
|
allowSelectAll?: boolean;
|
|
@@ -2481,7 +2476,7 @@ type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
|
|
|
2481
2476
|
* @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
|
|
2482
2477
|
* @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
|
|
2483
2478
|
*/
|
|
2484
|
-
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;
|
|
2485
2480
|
|
|
2486
2481
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
|
|
2487
2482
|
type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
@@ -2494,12 +2489,12 @@ type TextareaOwnProps = {
|
|
|
2494
2489
|
disableResize?: boolean;
|
|
2495
2490
|
containerClassName?: string;
|
|
2496
2491
|
};
|
|
2497
|
-
type Props$
|
|
2492
|
+
type Props$X = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
|
|
2498
2493
|
/**
|
|
2499
2494
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
2500
2495
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
2501
2496
|
*/
|
|
2502
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$
|
|
2497
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$X & {
|
|
2503
2498
|
ref?: Ref<ElementRef<"textarea">>;
|
|
2504
2499
|
}) => react_jsx_runtime.JSX.Element;
|
|
2505
2500
|
|
|
@@ -2514,20 +2509,20 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
|
|
|
2514
2509
|
|
|
2515
2510
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2516
2511
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
2517
|
-
type Props$
|
|
2512
|
+
type Props$W = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
2518
2513
|
value?: string | null;
|
|
2519
2514
|
defaultValue?: string | null;
|
|
2520
2515
|
onValueChange?: (value: string) => void;
|
|
2521
2516
|
onValueBlur?: (value: string) => void;
|
|
2522
2517
|
allowClear?: boolean;
|
|
2523
2518
|
};
|
|
2524
|
-
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 & {
|
|
2525
2520
|
ref?: Ref<ElementRef<"input">>;
|
|
2526
2521
|
}) => react_jsx_runtime.JSX.Element;
|
|
2527
2522
|
|
|
2528
2523
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2529
2524
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
2530
|
-
type Props$
|
|
2525
|
+
type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
2531
2526
|
value?: number | null;
|
|
2532
2527
|
defaultValue?: number | null;
|
|
2533
2528
|
onValueChange?: (value: number | null) => void;
|
|
@@ -2535,13 +2530,13 @@ type Props$W = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
|
2535
2530
|
prefix?: ReactNode;
|
|
2536
2531
|
suffix?: ReactNode;
|
|
2537
2532
|
};
|
|
2538
|
-
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 & {
|
|
2539
2534
|
ref?: Ref<ElementRef<"input">>;
|
|
2540
2535
|
}) => react_jsx_runtime.JSX.Element;
|
|
2541
2536
|
|
|
2542
2537
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2543
2538
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
2544
|
-
type Props$
|
|
2539
|
+
type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
2545
2540
|
value?: string | null;
|
|
2546
2541
|
defaultValue?: string | null;
|
|
2547
2542
|
onValueChange?: (value: string) => void;
|
|
@@ -2551,7 +2546,7 @@ type Props$V = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
2551
2546
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
2552
2547
|
defaultPasswordVisibility?: boolean;
|
|
2553
2548
|
};
|
|
2554
|
-
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 & {
|
|
2555
2550
|
ref?: Ref<ElementRef<"input">>;
|
|
2556
2551
|
}) => react_jsx_runtime.JSX.Element;
|
|
2557
2552
|
|
|
@@ -2607,7 +2602,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
2607
2602
|
* is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
|
|
2608
2603
|
* state initialized to empty). `value={""}` is controlled-empty.
|
|
2609
2604
|
*/
|
|
2610
|
-
type Props$
|
|
2605
|
+
type Props$T = InputGroupProps & InputGroupInputProps & {
|
|
2611
2606
|
value?: string | null;
|
|
2612
2607
|
defaultValue?: string | null;
|
|
2613
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`. */
|
|
@@ -2636,7 +2631,7 @@ type Props$U = InputGroupProps & InputGroupInputProps & {
|
|
|
2636
2631
|
*
|
|
2637
2632
|
* @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
|
|
2638
2633
|
*/
|
|
2639
|
-
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 & {
|
|
2640
2635
|
ref?: Ref<ElementRef<"input">>;
|
|
2641
2636
|
}) => react_jsx_runtime.JSX.Element;
|
|
2642
2637
|
|
|
@@ -2661,15 +2656,15 @@ declare const addonVariants: (props?: ({
|
|
|
2661
2656
|
align?: "inline-start" | "inline-end" | null | undefined;
|
|
2662
2657
|
variant?: "inline" | "floating" | null | undefined;
|
|
2663
2658
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2664
|
-
type Props$
|
|
2665
|
-
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 & {
|
|
2666
2661
|
ref?: Ref<ElementRef<"div">>;
|
|
2667
2662
|
}) => react_jsx_runtime.JSX.Element;
|
|
2668
2663
|
|
|
2669
|
-
type Props$
|
|
2664
|
+
type Props$R = ComponentProps<'span'> & {
|
|
2670
2665
|
asChild?: boolean;
|
|
2671
2666
|
};
|
|
2672
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
2667
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$R & {
|
|
2673
2668
|
ref?: Ref<ElementRef<"span">>;
|
|
2674
2669
|
}) => react_jsx_runtime.JSX.Element;
|
|
2675
2670
|
|
|
@@ -2678,8 +2673,8 @@ declare const badgeRootVariants: (props?: ({
|
|
|
2678
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;
|
|
2679
2674
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2680
2675
|
|
|
2681
|
-
type Props$
|
|
2682
|
-
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 & {
|
|
2683
2678
|
ref?: Ref<ElementRef<"div">>;
|
|
2684
2679
|
}) => react_jsx_runtime.JSX.Element;
|
|
2685
2680
|
|
|
@@ -2691,14 +2686,14 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
|
2691
2686
|
* `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
|
|
2692
2687
|
* Pass `prefix` / `suffix` for icon-style addons.
|
|
2693
2688
|
*/
|
|
2694
|
-
type Props$
|
|
2689
|
+
type Props$P = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
2695
2690
|
prefix?: ReactNode;
|
|
2696
2691
|
prefixVariant?: AddonVariant;
|
|
2697
2692
|
suffix?: ReactNode;
|
|
2698
2693
|
suffixVariant?: AddonVariant;
|
|
2699
2694
|
labelClassName?: string;
|
|
2700
2695
|
};
|
|
2701
|
-
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 & {
|
|
2702
2697
|
ref?: Ref<ElementRef<"span">>;
|
|
2703
2698
|
}) => react_jsx_runtime.JSX.Element) & {
|
|
2704
2699
|
Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
|
|
@@ -2730,45 +2725,45 @@ type TagOption = {
|
|
|
2730
2725
|
disabled?: boolean;
|
|
2731
2726
|
};
|
|
2732
2727
|
|
|
2733
|
-
type Props$
|
|
2728
|
+
type Props$O = {
|
|
2734
2729
|
onCreate?: (search: string) => void;
|
|
2735
2730
|
} & Pick<ComponentProps<typeof Command.Item>, 'value'>;
|
|
2736
|
-
declare const TagSelectCreateItem: ({ onCreate, value }: Props$
|
|
2731
|
+
declare const TagSelectCreateItem: ({ onCreate, value }: Props$O) => react_jsx_runtime.JSX.Element;
|
|
2737
2732
|
|
|
2738
|
-
type Props$
|
|
2733
|
+
type Props$N = {
|
|
2739
2734
|
value: string[];
|
|
2740
2735
|
onAdd?: (selected: string[]) => void;
|
|
2741
2736
|
};
|
|
2742
|
-
declare const TagSelectValue: ({ value, onAdd }: Props$
|
|
2737
|
+
declare const TagSelectValue: ({ value, onAdd }: Props$N) => react_jsx_runtime.JSX.Element;
|
|
2743
2738
|
|
|
2744
|
-
type Props$
|
|
2739
|
+
type Props$M = {
|
|
2745
2740
|
options?: TagOption[];
|
|
2746
2741
|
} & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
|
|
2747
|
-
declare const TagSelectList: ({ options, onAdd, onCreate }: Props$
|
|
2742
|
+
declare const TagSelectList: ({ options, onAdd, onCreate }: Props$M) => react_jsx_runtime.JSX.Element;
|
|
2748
2743
|
|
|
2749
|
-
type Props$
|
|
2744
|
+
type Props$L = {
|
|
2750
2745
|
children: ReactNode;
|
|
2751
2746
|
} & ComponentProps<typeof TagSelectList>;
|
|
2752
|
-
declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$
|
|
2747
|
+
declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$L) => react_jsx_runtime.JSX.Element;
|
|
2753
2748
|
|
|
2754
2749
|
type OnValueChangeHandler = (value: {
|
|
2755
2750
|
action: 'add' | 'remove';
|
|
2756
2751
|
tags: TagOption[];
|
|
2757
2752
|
allTags: TagOption[];
|
|
2758
2753
|
}) => void;
|
|
2759
|
-
type Props$
|
|
2754
|
+
type Props$K = {
|
|
2760
2755
|
value?: TagOption[];
|
|
2761
2756
|
onValueChange: OnValueChangeHandler;
|
|
2762
2757
|
disabled?: boolean;
|
|
2763
2758
|
} & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
|
|
2764
|
-
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;
|
|
2765
2760
|
|
|
2766
2761
|
/**
|
|
2767
2762
|
* Props for `FileUpload`. The component is uncontrolled with respect to the file
|
|
2768
2763
|
* list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
|
|
2769
2764
|
* `FileUpload` only signals drop events; it does not store the file array.
|
|
2770
2765
|
*/
|
|
2771
|
-
type Props$
|
|
2766
|
+
type Props$J = {
|
|
2772
2767
|
/** MIME / extension filter passed straight to react-dropzone. */
|
|
2773
2768
|
accept?: Accept;
|
|
2774
2769
|
/** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
|
|
@@ -2787,7 +2782,7 @@ type Props$K = {
|
|
|
2787
2782
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
2788
2783
|
children: ReactNode;
|
|
2789
2784
|
} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onDrop'>;
|
|
2790
|
-
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) & {
|
|
2791
2786
|
DropZone: ({ children, className, ...rest }: {
|
|
2792
2787
|
children?: ReactNode;
|
|
2793
2788
|
} & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
|
|
@@ -2835,7 +2830,7 @@ declare const FormGroup: {
|
|
|
2835
2830
|
prefix?: ReactNode;
|
|
2836
2831
|
id?: string | undefined | undefined;
|
|
2837
2832
|
name?: string | undefined | undefined;
|
|
2838
|
-
variant?: "primary" | "
|
|
2833
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
2839
2834
|
form?: string | undefined | undefined;
|
|
2840
2835
|
slot?: string | undefined | undefined;
|
|
2841
2836
|
style?: react.CSSProperties | undefined;
|
|
@@ -3160,7 +3155,7 @@ declare const FormGroup: {
|
|
|
3160
3155
|
prefix?: ReactNode;
|
|
3161
3156
|
id?: string | undefined | undefined;
|
|
3162
3157
|
name?: string | undefined | undefined;
|
|
3163
|
-
variant?: "primary" | "
|
|
3158
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
3164
3159
|
form?: string | undefined | undefined;
|
|
3165
3160
|
slot?: string | undefined | undefined;
|
|
3166
3161
|
style?: react.CSSProperties | undefined;
|
|
@@ -3481,7 +3476,7 @@ declare const FormGroup: {
|
|
|
3481
3476
|
prefix?: string | undefined | undefined;
|
|
3482
3477
|
id?: string | undefined | undefined;
|
|
3483
3478
|
name?: string | undefined | undefined;
|
|
3484
|
-
variant?: "primary" | "
|
|
3479
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
3485
3480
|
form?: string | undefined | undefined;
|
|
3486
3481
|
slot?: string | undefined | undefined;
|
|
3487
3482
|
style?: react.CSSProperties | undefined;
|
|
@@ -3802,7 +3797,7 @@ declare const FormGroup: {
|
|
|
3802
3797
|
prefix?: string | undefined | undefined;
|
|
3803
3798
|
id?: string | undefined | undefined;
|
|
3804
3799
|
name?: string | undefined | undefined;
|
|
3805
|
-
variant?: "primary" | "
|
|
3800
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
3806
3801
|
form?: string | undefined | undefined;
|
|
3807
3802
|
slot?: string | undefined | undefined;
|
|
3808
3803
|
style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
|
|
@@ -4111,47 +4106,47 @@ declare const FormGroup: {
|
|
|
4111
4106
|
declare const helpVariants: (props?: ({
|
|
4112
4107
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
4113
4108
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4114
|
-
type Props$
|
|
4109
|
+
type Props$I = {
|
|
4115
4110
|
className?: string;
|
|
4116
4111
|
children?: ReactNode;
|
|
4117
4112
|
testId?: string;
|
|
4118
4113
|
} & VariantProps<typeof helpVariants>;
|
|
4119
|
-
declare const HelpBlock: ({ children, className, state, testId }: Props$
|
|
4114
|
+
declare const HelpBlock: ({ children, className, state, testId }: Props$I) => react_jsx_runtime.JSX.Element | null;
|
|
4120
4115
|
|
|
4121
4116
|
type AnswerItem = {
|
|
4122
4117
|
question: string;
|
|
4123
4118
|
answer?: string;
|
|
4124
4119
|
};
|
|
4125
4120
|
type Variant$5 = 'success' | 'dismissed';
|
|
4126
|
-
type Props$
|
|
4121
|
+
type Props$H = {
|
|
4127
4122
|
items: readonly AnswerItem[];
|
|
4128
4123
|
variant?: Variant$5;
|
|
4129
4124
|
noAnswerLabel?: string;
|
|
4130
4125
|
};
|
|
4131
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$
|
|
4126
|
+
declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$H) => react_jsx_runtime.JSX.Element;
|
|
4132
4127
|
|
|
4133
4128
|
type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4134
|
-
type Props$
|
|
4129
|
+
type Props$G = {
|
|
4135
4130
|
isExpanded: boolean;
|
|
4136
4131
|
onToggle: () => void;
|
|
4137
4132
|
label: ReactNode;
|
|
4138
4133
|
variant?: Variant$4;
|
|
4139
4134
|
};
|
|
4140
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$
|
|
4135
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$G) => react_jsx_runtime.JSX.Element;
|
|
4141
4136
|
|
|
4142
|
-
type Props$
|
|
4137
|
+
type Props$F = {
|
|
4143
4138
|
children: ReactNode;
|
|
4144
4139
|
};
|
|
4145
|
-
declare const InlineStepDetail: ({ children }: Props$
|
|
4140
|
+
declare const InlineStepDetail: ({ children }: Props$F) => react_jsx_runtime.JSX.Element;
|
|
4146
4141
|
|
|
4147
4142
|
type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
|
|
4148
|
-
type Props$
|
|
4143
|
+
type Props$E = {
|
|
4149
4144
|
variant: Variant$3;
|
|
4150
4145
|
children: ReactNode;
|
|
4151
4146
|
};
|
|
4152
|
-
declare const InlineStepLabel: ({ variant, children }: Props$
|
|
4147
|
+
declare const InlineStepLabel: ({ variant, children }: Props$E) => react_jsx_runtime.JSX.Element;
|
|
4153
4148
|
|
|
4154
|
-
type Props$
|
|
4149
|
+
type Props$D = {
|
|
4155
4150
|
user?: {
|
|
4156
4151
|
name: string | undefined;
|
|
4157
4152
|
email: string | undefined;
|
|
@@ -4161,17 +4156,17 @@ type Props$E = {
|
|
|
4161
4156
|
size?: number;
|
|
4162
4157
|
variant?: 'circle' | 'rounded';
|
|
4163
4158
|
} & ComponentProps<'span'>;
|
|
4164
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
4159
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$D & {
|
|
4165
4160
|
ref?: Ref<ElementRef<"span">>;
|
|
4166
4161
|
}) => react_jsx_runtime.JSX.Element;
|
|
4167
4162
|
|
|
4168
|
-
type Props$
|
|
4163
|
+
type Props$C = {
|
|
4169
4164
|
variant: 'user' | 'assistant';
|
|
4170
4165
|
user?: ComponentProps<typeof Avatar>['user'];
|
|
4171
4166
|
actions?: ReactNode;
|
|
4172
4167
|
createdAt?: string;
|
|
4173
4168
|
} & PropsWithChildren;
|
|
4174
|
-
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;
|
|
4175
4170
|
|
|
4176
4171
|
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
|
|
4177
4172
|
type PlanApprovalProps = {
|
|
@@ -4219,17 +4214,17 @@ type PromptCommand = {
|
|
|
4219
4214
|
};
|
|
4220
4215
|
|
|
4221
4216
|
type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
|
|
4222
|
-
type Props$
|
|
4217
|
+
type Props$B = Pick<ComponentProps<typeof Button>, 'disabled'> & {
|
|
4223
4218
|
status?: SubmitStatus;
|
|
4224
4219
|
};
|
|
4225
|
-
declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$
|
|
4220
|
+
declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$B & {
|
|
4226
4221
|
ref?: Ref<ElementRef<"button">>;
|
|
4227
4222
|
}) => react_jsx_runtime.JSX.Element;
|
|
4228
4223
|
|
|
4229
4224
|
declare const promptInputVariants: (props?: ({
|
|
4230
4225
|
variant?: "inline" | "default" | null | undefined;
|
|
4231
4226
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4232
|
-
type Props$
|
|
4227
|
+
type Props$A = {
|
|
4233
4228
|
onSend?: (value: string) => void;
|
|
4234
4229
|
onAbort?: () => void;
|
|
4235
4230
|
onContinue?: () => void;
|
|
@@ -4243,7 +4238,7 @@ type Props$B = {
|
|
|
4243
4238
|
commands?: PromptCommand[];
|
|
4244
4239
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof react_textarea_autosize__default>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
4245
4240
|
declare const PromptInput: {
|
|
4246
|
-
({ 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;
|
|
4247
4242
|
Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
|
|
4248
4243
|
ref?: react.Ref<ElementRef<"button">>;
|
|
4249
4244
|
}) => react_jsx_runtime.JSX.Element;
|
|
@@ -4255,7 +4250,7 @@ type QuestionOption = {
|
|
|
4255
4250
|
description?: string;
|
|
4256
4251
|
preview?: string;
|
|
4257
4252
|
};
|
|
4258
|
-
type Props$
|
|
4253
|
+
type Props$z = {
|
|
4259
4254
|
question: string;
|
|
4260
4255
|
header?: string;
|
|
4261
4256
|
options: readonly QuestionOption[];
|
|
@@ -4278,7 +4273,7 @@ type Props$A = {
|
|
|
4278
4273
|
renderPreview?: (content: string) => ReactNode;
|
|
4279
4274
|
className?: string;
|
|
4280
4275
|
};
|
|
4281
|
-
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;
|
|
4282
4277
|
|
|
4283
4278
|
type QuestionStep = {
|
|
4284
4279
|
question: string;
|
|
@@ -4292,7 +4287,7 @@ type QuestionAnswers = {
|
|
|
4292
4287
|
selections: Record<number, readonly string[]>;
|
|
4293
4288
|
customAnswers: Record<number, string>;
|
|
4294
4289
|
};
|
|
4295
|
-
type Props$
|
|
4290
|
+
type Props$y = {
|
|
4296
4291
|
steps: readonly [QuestionStep, ...QuestionStep[]];
|
|
4297
4292
|
showSkip?: boolean;
|
|
4298
4293
|
onSubmit?: (answers: QuestionAnswers) => void;
|
|
@@ -4300,25 +4295,49 @@ type Props$z = {
|
|
|
4300
4295
|
renderPreview?: (content: string) => ReactNode;
|
|
4301
4296
|
className?: string;
|
|
4302
4297
|
};
|
|
4303
|
-
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;
|
|
4304
4299
|
|
|
4305
|
-
type Props$
|
|
4300
|
+
type Props$x = {
|
|
4306
4301
|
label: string;
|
|
4307
4302
|
disabled?: boolean;
|
|
4308
4303
|
onClick: () => void;
|
|
4309
4304
|
icon?: ReactNode;
|
|
4310
4305
|
className?: string;
|
|
4311
4306
|
};
|
|
4312
|
-
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;
|
|
4313
4308
|
|
|
4314
4309
|
type ThinkingIndicatorProps = {
|
|
4315
4310
|
label?: string;
|
|
4316
4311
|
};
|
|
4317
4312
|
declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => react_jsx_runtime.JSX.Element;
|
|
4318
4313
|
|
|
4319
|
-
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>;
|
|
4320
4339
|
declare const Collapsible: {
|
|
4321
|
-
(props: Props$
|
|
4340
|
+
(props: Props$u): react_jsx_runtime.JSX.Element;
|
|
4322
4341
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
4323
4342
|
Content: ({ ref, className, children, ...props }: Omit<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4324
4343
|
ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>>>;
|
|
@@ -4326,12 +4345,10 @@ declare const Collapsible: {
|
|
|
4326
4345
|
};
|
|
4327
4346
|
|
|
4328
4347
|
type Variant$2 = 'info' | 'warning' | 'error' | 'success';
|
|
4329
|
-
type Props$
|
|
4348
|
+
type Props$t = {
|
|
4330
4349
|
variant?: Variant$2;
|
|
4331
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
4332
|
-
argo?: boolean;
|
|
4333
4350
|
} & ComponentProps<'div'>;
|
|
4334
|
-
declare const AlertRoot: ({ ref, children, className, variant,
|
|
4351
|
+
declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$t & {
|
|
4335
4352
|
ref?: Ref<ElementRef<"div">>;
|
|
4336
4353
|
}) => react_jsx_runtime.JSX.Element;
|
|
4337
4354
|
|
|
@@ -4356,7 +4373,7 @@ type DefaultProps = {
|
|
|
4356
4373
|
* `"collapsible"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.
|
|
4357
4374
|
* `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.
|
|
4358
4375
|
*/
|
|
4359
|
-
type Props$
|
|
4376
|
+
type Props$s = CommonProps & (CollapsibleProps | DefaultProps);
|
|
4360
4377
|
/**
|
|
4361
4378
|
* Persistent inline banner for contextual messages tied to the page layout.
|
|
4362
4379
|
*
|
|
@@ -4370,13 +4387,13 @@ type Props$v = CommonProps & (CollapsibleProps | DefaultProps);
|
|
|
4370
4387
|
*
|
|
4371
4388
|
* @see RECIPES.md#alert-with-action — for action-bearing alert composition
|
|
4372
4389
|
*/
|
|
4373
|
-
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$
|
|
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;
|
|
4374
4391
|
|
|
4375
4392
|
declare const variants$1: (props?: ({
|
|
4376
|
-
variant?: "default" | "error" | "
|
|
4393
|
+
variant?: "default" | "error" | "info" | "warning" | "success" | null | undefined;
|
|
4377
4394
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4378
4395
|
type Variants = VariantProps<typeof variants$1>;
|
|
4379
|
-
type Props$
|
|
4396
|
+
type Props$r = {
|
|
4380
4397
|
id: string | number;
|
|
4381
4398
|
title: ReactNode;
|
|
4382
4399
|
icon?: ReactNode;
|
|
@@ -4384,10 +4401,8 @@ type Props$u = {
|
|
|
4384
4401
|
action?: Action;
|
|
4385
4402
|
loading?: boolean;
|
|
4386
4403
|
duration?: number;
|
|
4387
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
4388
|
-
argo?: boolean;
|
|
4389
4404
|
} & Variants;
|
|
4390
|
-
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;
|
|
4391
4406
|
|
|
4392
4407
|
type ToastProps = ComponentProps<typeof ToastRoot>;
|
|
4393
4408
|
type Title = ToastProps['title'] | ((opts: {
|
|
@@ -4408,7 +4423,7 @@ declare const toast: {
|
|
|
4408
4423
|
dismissAll(): string | number;
|
|
4409
4424
|
};
|
|
4410
4425
|
|
|
4411
|
-
type Props$
|
|
4426
|
+
type Props$q = {
|
|
4412
4427
|
enabled?: boolean;
|
|
4413
4428
|
} & Parameters<typeof toast>[0];
|
|
4414
4429
|
/**
|
|
@@ -4421,22 +4436,22 @@ type Props$t = {
|
|
|
4421
4436
|
* Use `toast()` for transient feedback after a user action
|
|
4422
4437
|
* (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
|
|
4423
4438
|
*/
|
|
4424
|
-
declare const useNotification: ({ enabled, ...toastOptions }: Props$
|
|
4439
|
+
declare const useNotification: ({ enabled, ...toastOptions }: Props$q) => void;
|
|
4425
4440
|
|
|
4426
4441
|
type ToasterProps = ComponentProps<typeof Toaster$1>;
|
|
4427
4442
|
declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
4428
4443
|
|
|
4429
|
-
type Props$
|
|
4444
|
+
type Props$p = {
|
|
4430
4445
|
children?: ReactNode;
|
|
4431
4446
|
};
|
|
4432
|
-
declare const EmptySearchContent: ({ children }: Props$
|
|
4447
|
+
declare const EmptySearchContent: ({ children }: Props$p) => react_jsx_runtime.JSX.Element;
|
|
4433
4448
|
|
|
4434
|
-
type Props$
|
|
4449
|
+
type Props$o = {
|
|
4435
4450
|
title: string;
|
|
4436
4451
|
children: ReactNode;
|
|
4437
4452
|
className?: string;
|
|
4438
4453
|
};
|
|
4439
|
-
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$
|
|
4454
|
+
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$o) => react_jsx_runtime.JSX.Element;
|
|
4440
4455
|
|
|
4441
4456
|
declare const emptyStateClassnames: (props?: ({
|
|
4442
4457
|
variant?: "compact" | "default" | null | undefined;
|
|
@@ -4576,9 +4591,9 @@ declare const variants: (props?: ({
|
|
|
4576
4591
|
variant?: "default" | "success" | null | undefined;
|
|
4577
4592
|
size?: "sm" | "lg" | null | undefined;
|
|
4578
4593
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4579
|
-
type Props$
|
|
4580
|
-
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$
|
|
4581
|
-
ref?: Ref<ElementRef<typeof Root$
|
|
4594
|
+
type Props$n = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
|
|
4595
|
+
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$n & {
|
|
4596
|
+
ref?: Ref<ElementRef<typeof Root$a>>;
|
|
4582
4597
|
}) => react_jsx_runtime.JSX.Element;
|
|
4583
4598
|
|
|
4584
4599
|
/** @deprecated Use `Collapsible` instead. */
|
|
@@ -4595,7 +4610,7 @@ type CollapseProps = {
|
|
|
4595
4610
|
/** @deprecated Use `Collapsible` instead. */
|
|
4596
4611
|
declare const Collapse: ({ open, header, className, bodyClassName, children, onClick, animationClassName, hidden, ...rest }: CollapseProps & ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
|
|
4597
4612
|
|
|
4598
|
-
type Props$
|
|
4613
|
+
type Props$m = {
|
|
4599
4614
|
header: ReactNode;
|
|
4600
4615
|
isDisabled?: boolean;
|
|
4601
4616
|
defaultExpanded?: boolean;
|
|
@@ -4607,16 +4622,16 @@ type Props$p = {
|
|
|
4607
4622
|
variant?: 'default' | 'white';
|
|
4608
4623
|
children: ReactNode;
|
|
4609
4624
|
};
|
|
4610
|
-
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$
|
|
4625
|
+
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$m) => react_jsx_runtime.JSX.Element;
|
|
4611
4626
|
|
|
4612
|
-
type Props$
|
|
4627
|
+
type Props$l = PropsWithChildren<{
|
|
4613
4628
|
defaultExpanded?: boolean;
|
|
4614
4629
|
labelCollapse?: ReactNode;
|
|
4615
4630
|
labelOpen?: ReactNode;
|
|
4616
4631
|
placement?: 'top' | 'bottom';
|
|
4617
4632
|
className?: string;
|
|
4618
4633
|
}>;
|
|
4619
|
-
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$
|
|
4634
|
+
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$l) => react_jsx_runtime.JSX.Element;
|
|
4620
4635
|
|
|
4621
4636
|
type RootProps$1 = ComponentPropsWithoutRef<'div'>;
|
|
4622
4637
|
type SlotProps = ComponentPropsWithoutRef<'div'> & {
|
|
@@ -4749,13 +4764,14 @@ declare const PageHeader: {
|
|
|
4749
4764
|
ref?: react.Ref<react.ElementRef<"header">>;
|
|
4750
4765
|
}) => react_jsx_runtime.JSX.Element;
|
|
4751
4766
|
/** Detail variant — single-entity pages with required breadcrumbs and an overflow-actions slot. Max 2 visible actions. */
|
|
4752
|
-
Detail: ({ ref, className, breadcrumbs, overflowActions, title, titleIcon, badges, description, primaryAction, secondaryAction, headerNav, ...props }: (Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & {
|
|
4767
|
+
Detail: ({ ref, className, breadcrumbs, overflowActions, title, titleIcon, badges, description, compact, primaryAction, secondaryAction, headerNav, ...props }: (Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & {
|
|
4753
4768
|
breadcrumbs: react.ReactNode;
|
|
4754
4769
|
overflowActions?: react.ReactNode;
|
|
4755
4770
|
title: react.ReactNode;
|
|
4756
4771
|
titleIcon?: react.ReactNode;
|
|
4757
4772
|
badges?: react.ReactNode;
|
|
4758
4773
|
description?: react.ReactNode;
|
|
4774
|
+
compact?: boolean;
|
|
4759
4775
|
primaryAction?: react.ReactNode;
|
|
4760
4776
|
secondaryAction?: react.ReactNode;
|
|
4761
4777
|
headerNav?: react.ReactNode;
|
|
@@ -4865,7 +4881,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
|
|
|
4865
4881
|
type SidebarCollapsible = 'icon' | 'off-canvas';
|
|
4866
4882
|
type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
|
|
4867
4883
|
|
|
4868
|
-
type Props$
|
|
4884
|
+
type Props$k = {
|
|
4869
4885
|
children: ReactNode;
|
|
4870
4886
|
className?: string;
|
|
4871
4887
|
id?: string;
|
|
@@ -4876,7 +4892,7 @@ type Props$n = {
|
|
|
4876
4892
|
resizable?: boolean;
|
|
4877
4893
|
};
|
|
4878
4894
|
declare const Sidebar: {
|
|
4879
|
-
({ children, className, id, side, style, container, keepMounted, resizable, }: Props$
|
|
4895
|
+
({ children, className, id, side, style, container, keepMounted, resizable, }: Props$k): react_jsx_runtime.JSX.Element | null;
|
|
4880
4896
|
Header: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
4881
4897
|
Content: ({ ref, className, children, contentRef, }: {
|
|
4882
4898
|
className?: string;
|
|
@@ -4886,11 +4902,15 @@ declare const Sidebar: {
|
|
|
4886
4902
|
ref?: react.Ref<react.ElementRef<"div">>;
|
|
4887
4903
|
}) => react_jsx_runtime.JSX.Element;
|
|
4888
4904
|
Footer: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
4889
|
-
Trigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }:
|
|
4905
|
+
Trigger: ({ side, onClick, hideWhenCollapsed, className, ...rest }: react.HTMLAttributes<HTMLElement> & {
|
|
4906
|
+
children?: React.ReactNode;
|
|
4907
|
+
} & react.RefAttributes<HTMLElement> & {
|
|
4890
4908
|
side?: SidebarSide;
|
|
4891
4909
|
hideWhenCollapsed?: boolean;
|
|
4892
4910
|
}) => react_jsx_runtime.JSX.Element;
|
|
4893
|
-
FillTrigger: ({ ref, side, onClick, ...rest }: (
|
|
4911
|
+
FillTrigger: ({ ref, side, onClick, ...rest }: (react.HTMLAttributes<HTMLElement> & {
|
|
4912
|
+
children?: React.ReactNode;
|
|
4913
|
+
} & react.RefAttributes<HTMLElement> & {
|
|
4894
4914
|
side?: SidebarSide;
|
|
4895
4915
|
}) & {
|
|
4896
4916
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
@@ -5542,7 +5562,7 @@ declare const Sidebar: {
|
|
|
5542
5562
|
}) => react_jsx_runtime.JSX.Element;
|
|
5543
5563
|
};
|
|
5544
5564
|
|
|
5545
|
-
type Props$
|
|
5565
|
+
type Props$j = {
|
|
5546
5566
|
children?: ReactNode;
|
|
5547
5567
|
defaultLeftMode?: SidebarMode;
|
|
5548
5568
|
leftMode?: SidebarMode;
|
|
@@ -5560,7 +5580,7 @@ type Props$m = {
|
|
|
5560
5580
|
onRightWidthChange?: (width: number) => void;
|
|
5561
5581
|
defaultFilledSide?: SidebarSide | null;
|
|
5562
5582
|
};
|
|
5563
|
-
declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$
|
|
5583
|
+
declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$j) => react_jsx_runtime.JSX.Element;
|
|
5564
5584
|
|
|
5565
5585
|
type Input = {
|
|
5566
5586
|
variant: SidebarVariant;
|
|
@@ -5576,12 +5596,12 @@ type EffectiveWidths = {
|
|
|
5576
5596
|
};
|
|
5577
5597
|
declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
|
|
5578
5598
|
|
|
5579
|
-
type Props$
|
|
5599
|
+
type Props$i = {
|
|
5580
5600
|
defaultMode?: SidebarMode;
|
|
5581
5601
|
mode?: SidebarMode;
|
|
5582
5602
|
onModeChange?: (state: SidebarMode) => void;
|
|
5583
5603
|
};
|
|
5584
|
-
declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$
|
|
5604
|
+
declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$i) => {
|
|
5585
5605
|
isHovered: boolean;
|
|
5586
5606
|
toggle: () => void;
|
|
5587
5607
|
setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
|
|
@@ -5611,7 +5631,7 @@ declare const separatorVariants: (props?: ({
|
|
|
5611
5631
|
size?: "full" | "1/2" | "3/4" | null | undefined;
|
|
5612
5632
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
5613
5633
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5614
|
-
type Props$
|
|
5634
|
+
type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
|
|
5615
5635
|
/**
|
|
5616
5636
|
* Optional label rendered centered between two line segments
|
|
5617
5637
|
* (typical "OR" divider). Implies `orientation="horizontal"`.
|
|
@@ -5619,12 +5639,12 @@ type Props$k = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
|
|
|
5619
5639
|
*/
|
|
5620
5640
|
label?: ReactNode;
|
|
5621
5641
|
};
|
|
5622
|
-
declare const Separator: ({ className, orientation, size, label, ...props }: Props$
|
|
5642
|
+
declare const Separator: ({ className, orientation, size, label, ...props }: Props$h) => react_jsx_runtime.JSX.Element;
|
|
5623
5643
|
|
|
5624
5644
|
declare const navbarClassnames: (props?: ({
|
|
5625
5645
|
bordered?: boolean | null | undefined;
|
|
5626
5646
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5627
|
-
type Props$
|
|
5647
|
+
type Props$g = ComponentProps<'header'> & VariantProps<typeof navbarClassnames> & {
|
|
5628
5648
|
accent?: 'blue' | 'purple' | 'green' | 'orange';
|
|
5629
5649
|
};
|
|
5630
5650
|
/**
|
|
@@ -5634,7 +5654,7 @@ type Props$j = ComponentProps<'header'> & VariantProps<typeof navbarClassnames>
|
|
|
5634
5654
|
* Design (WIP), missing a lot of actual cases: https://www.figma.com/design/HEBm5hXa4AIxcCh5PGKoF9/Main-Navigation?node-id=1568-1126&t=s3RREpciWrKQTL8p-0
|
|
5635
5655
|
*/
|
|
5636
5656
|
declare const Navbar: {
|
|
5637
|
-
({ className, accent, bordered, ...rest }: Props$
|
|
5657
|
+
({ className, accent, bordered, ...rest }: Props$g): react_jsx_runtime.JSX.Element;
|
|
5638
5658
|
Header: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5639
5659
|
Footer: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5640
5660
|
Content: ({ children, className }: {
|
|
@@ -5668,9 +5688,9 @@ declare const Navbar: {
|
|
|
5668
5688
|
}) => react_jsx_runtime.JSX.Element;
|
|
5669
5689
|
};
|
|
5670
5690
|
|
|
5671
|
-
type Props$
|
|
5691
|
+
type Props$f = ComponentProps<'nav'>;
|
|
5672
5692
|
declare const Breadcrumb: {
|
|
5673
|
-
({ className, ...props }: Props$
|
|
5693
|
+
({ className, ...props }: Props$f): react_jsx_runtime.JSX.Element;
|
|
5674
5694
|
List: ({ className, ...props }: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react_jsx_runtime.JSX.Element;
|
|
5675
5695
|
Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5676
5696
|
Link: ({ ref, asChild, className, ...props }: (react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
@@ -5692,7 +5712,7 @@ type Trigger<T extends string> = {
|
|
|
5692
5712
|
title: ReactNode;
|
|
5693
5713
|
onClose?: (value: T) => void;
|
|
5694
5714
|
} & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
|
|
5695
|
-
type Props$
|
|
5715
|
+
type Props$e<T extends string> = {
|
|
5696
5716
|
triggers: Trigger<T>[];
|
|
5697
5717
|
compact?: boolean;
|
|
5698
5718
|
children: ReactNode;
|
|
@@ -5703,7 +5723,7 @@ type Props$h<T extends string> = {
|
|
|
5703
5723
|
triggerClassName?: string;
|
|
5704
5724
|
triggerGroupClassName?: string;
|
|
5705
5725
|
} & Omit<RadixTabs.TabsProps, 'onValueChange'>;
|
|
5706
|
-
declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$
|
|
5726
|
+
declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$e<T>) => react_jsx_runtime.JSX.Element;
|
|
5707
5727
|
|
|
5708
5728
|
declare const TabsContent: (props: RadixTabs.TabsContentProps) => react_jsx_runtime.JSX.Element;
|
|
5709
5729
|
|
|
@@ -5720,7 +5740,7 @@ declare const stepperVariants: (props?: ({
|
|
|
5720
5740
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
5721
5741
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5722
5742
|
|
|
5723
|
-
type Props$
|
|
5743
|
+
type Props$d = {
|
|
5724
5744
|
/** Layout direction. Defaults to `horizontal`. */
|
|
5725
5745
|
orientation?: StepperOrientation;
|
|
5726
5746
|
/**
|
|
@@ -5742,7 +5762,7 @@ type Props$g = {
|
|
|
5742
5762
|
* otherwise the stepper is visual only. Each step's `status` prop drives the indicator + connector colour.
|
|
5743
5763
|
*/
|
|
5744
5764
|
declare const Stepper: {
|
|
5745
|
-
({ orientation, onStepClick, children, className, ...props }: Props$
|
|
5765
|
+
({ orientation, onStepClick, children, className, ...props }: Props$d): react_jsx_runtime.JSX.Element;
|
|
5746
5766
|
Step: ({ status, children, className, ...props }: {
|
|
5747
5767
|
status?: StepStatus;
|
|
5748
5768
|
children: ReactNode;
|
|
@@ -5760,12 +5780,9 @@ declare const cardClassnames: (props?: ({
|
|
|
5760
5780
|
padding?: "none" | "small" | "medium" | "large" | null | undefined;
|
|
5761
5781
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5762
5782
|
|
|
5763
|
-
type Props$
|
|
5764
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
5765
|
-
argo?: boolean;
|
|
5766
|
-
};
|
|
5783
|
+
type Props$c = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
|
|
5767
5784
|
declare const Card: {
|
|
5768
|
-
({ children, className, bordered, padding,
|
|
5785
|
+
({ children, className, bordered, padding, ...rest }: Props$c): react_jsx_runtime.JSX.Element;
|
|
5769
5786
|
Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5770
5787
|
Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5771
5788
|
Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -5775,7 +5792,7 @@ declare const Card: {
|
|
|
5775
5792
|
* Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
|
|
5776
5793
|
* `bordered` wraps the table in a rounded bordered container with overflow scrolling.
|
|
5777
5794
|
*/
|
|
5778
|
-
type Props$
|
|
5795
|
+
type Props$b = {
|
|
5779
5796
|
borderCollapsed?: boolean;
|
|
5780
5797
|
bordered?: boolean;
|
|
5781
5798
|
containerClassName?: string;
|
|
@@ -5794,7 +5811,7 @@ type Props$e = {
|
|
|
5794
5811
|
* @see RECIPES.md#list-detail — for a list-table + row-click-to-detail pattern
|
|
5795
5812
|
*/
|
|
5796
5813
|
declare const Table: {
|
|
5797
|
-
({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$
|
|
5814
|
+
({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
|
|
5798
5815
|
Header: ({ withShadow, className, ...props }: {
|
|
5799
5816
|
withShadow?: boolean;
|
|
5800
5817
|
} & ComponentProps<"thead">) => react_jsx_runtime.JSX.Element;
|
|
@@ -5809,11 +5826,11 @@ declare const Table: {
|
|
|
5809
5826
|
Footer: ({ className, ...props }: ComponentProps<"tfoot">) => react_jsx_runtime.JSX.Element;
|
|
5810
5827
|
};
|
|
5811
5828
|
|
|
5812
|
-
type Props$
|
|
5829
|
+
type Props$a = ComponentProps<'ul'> & {
|
|
5813
5830
|
variant?: 'solid' | 'dashed';
|
|
5814
5831
|
};
|
|
5815
5832
|
declare const Timeline: {
|
|
5816
|
-
({ className, variant, ...rest }: Props$
|
|
5833
|
+
({ className, variant, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
|
|
5817
5834
|
Item: ({ className, ...rest }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5818
5835
|
Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5819
5836
|
Connector: ({ className, children, asChild, variant, align, offset, style, ...rest }: {
|
|
@@ -5826,26 +5843,25 @@ declare const Timeline: {
|
|
|
5826
5843
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
|
|
5827
5844
|
};
|
|
5828
5845
|
|
|
5829
|
-
type Props$
|
|
5846
|
+
type Props$9 = {
|
|
5830
5847
|
text: ReactNode;
|
|
5831
5848
|
tooltip?: ReactNode;
|
|
5832
5849
|
twoLines?: boolean;
|
|
5833
5850
|
noTooltip?: boolean;
|
|
5834
|
-
redact?: boolean;
|
|
5835
5851
|
tooltipVariant?: Props$1I['variant'];
|
|
5836
5852
|
tooltipPlacement?: Props$1I['placement'];
|
|
5837
5853
|
} & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
|
|
5838
|
-
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip,
|
|
5854
|
+
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$9 & {
|
|
5839
5855
|
ref?: Ref<ElementRef<"span">>;
|
|
5840
5856
|
}) => react_jsx_runtime.JSX.Element;
|
|
5841
5857
|
|
|
5842
|
-
type Props$
|
|
5858
|
+
type Props$8 = {
|
|
5843
5859
|
source: string;
|
|
5844
5860
|
className?: string;
|
|
5845
5861
|
mark?: string;
|
|
5846
5862
|
isCaseSensitive?: boolean;
|
|
5847
5863
|
} & ComponentProps<'span'>;
|
|
5848
|
-
declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$
|
|
5864
|
+
declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$8 & {
|
|
5849
5865
|
ref?: Ref<ElementRef<"span">>;
|
|
5850
5866
|
}) => react_jsx_runtime.JSX.Element;
|
|
5851
5867
|
|
|
@@ -5853,9 +5869,9 @@ declare const kbdVariants: (props?: ({
|
|
|
5853
5869
|
variant?: "primary" | "default" | null | undefined;
|
|
5854
5870
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5855
5871
|
|
|
5856
|
-
type Props$
|
|
5872
|
+
type Props$7 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
|
|
5857
5873
|
declare const Kbd: {
|
|
5858
|
-
({ children, className, variant, ...rest }: Props$
|
|
5874
|
+
({ children, className, variant, ...rest }: Props$7): react_jsx_runtime.JSX.Element;
|
|
5859
5875
|
Group: ({ ref, className, children, separator, ...props }: ({
|
|
5860
5876
|
separator?: string;
|
|
5861
5877
|
} & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) & {
|
|
@@ -5871,9 +5887,9 @@ type KeyRepresentation = {
|
|
|
5871
5887
|
};
|
|
5872
5888
|
declare const keys: Record<KeyName, KeyRepresentation>;
|
|
5873
5889
|
|
|
5874
|
-
type Props$
|
|
5890
|
+
type Props$6 = ComponentProps<'nav'>;
|
|
5875
5891
|
declare const Pagination: {
|
|
5876
|
-
({ className, ...props }: Props$
|
|
5892
|
+
({ className, ...props }: Props$6): react_jsx_runtime.JSX.Element;
|
|
5877
5893
|
Content: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react_jsx_runtime.JSX.Element;
|
|
5878
5894
|
Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5879
5895
|
Button: ({ ref, active: isActive, className, children, size, ...props }: ({
|
|
@@ -5881,14 +5897,13 @@ declare const Pagination: {
|
|
|
5881
5897
|
} & Omit<{
|
|
5882
5898
|
isLoading?: boolean;
|
|
5883
5899
|
asChild?: boolean;
|
|
5884
|
-
argo?: boolean;
|
|
5885
5900
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
5886
5901
|
block?: boolean | null | undefined;
|
|
5887
5902
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
5888
5903
|
size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
|
|
5889
5904
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
5890
5905
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5891
|
-
}, "variant"
|
|
5906
|
+
}, "variant">) & {
|
|
5892
5907
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5893
5908
|
}) => react_jsx_runtime.JSX.Element;
|
|
5894
5909
|
Previous: ({ children, ...props }: {
|
|
@@ -5896,14 +5911,13 @@ declare const Pagination: {
|
|
|
5896
5911
|
} & Omit<{
|
|
5897
5912
|
isLoading?: boolean;
|
|
5898
5913
|
asChild?: boolean;
|
|
5899
|
-
argo?: boolean;
|
|
5900
5914
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
5901
5915
|
block?: boolean | null | undefined;
|
|
5902
5916
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
5903
5917
|
size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
|
|
5904
5918
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
5905
5919
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5906
|
-
}, "variant"
|
|
5920
|
+
}, "variant"> & {
|
|
5907
5921
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5908
5922
|
}) => react_jsx_runtime.JSX.Element;
|
|
5909
5923
|
Next: ({ children, className, ...props }: {
|
|
@@ -5911,20 +5925,19 @@ declare const Pagination: {
|
|
|
5911
5925
|
} & Omit<{
|
|
5912
5926
|
isLoading?: boolean;
|
|
5913
5927
|
asChild?: boolean;
|
|
5914
|
-
argo?: boolean;
|
|
5915
5928
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
5916
5929
|
block?: boolean | null | undefined;
|
|
5917
5930
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
5918
5931
|
size?: "small" | "medium" | "large" | "icon-lg" | "icon" | "icon-sm" | "icon-xs" | "icon-2xs" | "icon-3xs" | null | undefined;
|
|
5919
5932
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
5920
5933
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5921
|
-
}, "variant"
|
|
5934
|
+
}, "variant"> & {
|
|
5922
5935
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
5923
5936
|
}) => react_jsx_runtime.JSX.Element;
|
|
5924
5937
|
Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
|
|
5925
5938
|
};
|
|
5926
5939
|
|
|
5927
|
-
type Props$
|
|
5940
|
+
type Props$5 = {
|
|
5928
5941
|
oldValue: string;
|
|
5929
5942
|
newValue: string;
|
|
5930
5943
|
ignoreWhitespace?: boolean;
|
|
@@ -5934,7 +5947,7 @@ type Props$8 = {
|
|
|
5934
5947
|
rightTitle: ReactNode;
|
|
5935
5948
|
rightTitleGutter?: ReactNode;
|
|
5936
5949
|
};
|
|
5937
|
-
declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$
|
|
5950
|
+
declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$5) => react_jsx_runtime.JSX.Element;
|
|
5938
5951
|
|
|
5939
5952
|
declare const DiffType: {
|
|
5940
5953
|
readonly DEFAULT: "default";
|
|
@@ -5979,90 +5992,17 @@ type DiffRow = {
|
|
|
5979
5992
|
declare const computeLineInformation: (oldString: string, newString: string, ignoreWhitespace?: boolean) => ComputedLineInformation;
|
|
5980
5993
|
declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
|
|
5981
5994
|
|
|
5982
|
-
|
|
5983
|
-
readonly UNCHANGED: "unchanged";
|
|
5984
|
-
readonly ADDED: "added";
|
|
5985
|
-
readonly REMOVED: "removed";
|
|
5986
|
-
};
|
|
5987
|
-
type ChunkType = (typeof CHUNK_TYPE)[keyof typeof CHUNK_TYPE];
|
|
5988
|
-
type DiffChunk = {
|
|
5989
|
-
type: ChunkType;
|
|
5990
|
-
value: string;
|
|
5991
|
-
/** 1-indexed start line in the old (left) text */
|
|
5992
|
-
oldStart: number;
|
|
5993
|
-
/** 1-indexed end line in the old (left) text */
|
|
5994
|
-
oldEnd: number;
|
|
5995
|
-
/** 1-indexed start line in the new (right) text */
|
|
5996
|
-
newStart: number;
|
|
5997
|
-
/** 1-indexed end line in the new (right) text */
|
|
5998
|
-
newEnd: number;
|
|
5999
|
-
};
|
|
6000
|
-
/**
|
|
6001
|
-
* A paired conflict: adjacent REMOVED + ADDED chunks from diffLines,
|
|
6002
|
-
* representing a section that was modified. If only one side exists,
|
|
6003
|
-
* the other is empty (pure insertion or deletion).
|
|
6004
|
-
*/
|
|
6005
|
-
type MergeConflict = {
|
|
6006
|
-
id: string;
|
|
6007
|
-
oldValue: string;
|
|
6008
|
-
oldStartLine: number;
|
|
6009
|
-
oldEndLine: number;
|
|
6010
|
-
newValue: string;
|
|
6011
|
-
newStartLine: number;
|
|
6012
|
-
newEndLine: number;
|
|
6013
|
-
};
|
|
6014
|
-
declare const CHANGE_CLASS: {
|
|
6015
|
-
readonly SAFE: "safe";
|
|
6016
|
-
readonly CONFLICT: "conflict";
|
|
6017
|
-
};
|
|
6018
|
-
type ChangeClassification = (typeof CHANGE_CLASS)[keyof typeof CHANGE_CLASS];
|
|
6019
|
-
|
|
6020
|
-
type Props$7 = {
|
|
6021
|
-
mergeValue: string;
|
|
6022
|
-
handleMergeChange: (value: string) => void;
|
|
6023
|
-
leftText: string;
|
|
6024
|
-
rightText: string;
|
|
6025
|
-
leftConflicts: MergeConflict[];
|
|
6026
|
-
rightConflicts: MergeConflict[];
|
|
6027
|
-
leftHighlightedLines: Set<number>;
|
|
6028
|
-
rightHighlightedLines: Set<number>;
|
|
6029
|
-
leftClassification: Map<number, ChangeClassification>;
|
|
6030
|
-
rightClassification: Map<number, ChangeClassification>;
|
|
6031
|
-
mergeHighlightedLines: Set<number>;
|
|
6032
|
-
mergeClassification: Map<number, ChangeClassification>;
|
|
6033
|
-
acceptLeft: (conflict: MergeConflict) => void;
|
|
6034
|
-
acceptRight: (conflict: MergeConflict) => void;
|
|
6035
|
-
dismissLeft: (conflict: MergeConflict) => void;
|
|
6036
|
-
dismissRight: (conflict: MergeConflict) => void;
|
|
6037
|
-
leftHeader?: ReactNode;
|
|
6038
|
-
middleHeader?: ReactNode;
|
|
6039
|
-
middleHeaderClassName?: string;
|
|
6040
|
-
middleClassName?: string;
|
|
6041
|
-
rightHeader?: ReactNode;
|
|
6042
|
-
className?: string;
|
|
6043
|
-
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
6044
|
-
argo?: boolean;
|
|
6045
|
-
/**
|
|
6046
|
-
* Paint the corresponding read-only pane with the error palette to signal the
|
|
6047
|
-
* side has been deleted upstream. The diff is still rendered so the user can
|
|
6048
|
-
* see what was lost; accept/dismiss controls for that side are suppressed.
|
|
6049
|
-
*/
|
|
6050
|
-
leftDeleted?: boolean;
|
|
6051
|
-
rightDeleted?: boolean;
|
|
6052
|
-
};
|
|
6053
|
-
declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, argo, leftDeleted, rightDeleted, }: Props$7) => react_jsx_runtime.JSX.Element;
|
|
6054
|
-
|
|
6055
|
-
type Props$6 = {
|
|
5995
|
+
type Props$4 = {
|
|
6056
5996
|
label: string;
|
|
6057
5997
|
sublabel?: string;
|
|
6058
5998
|
};
|
|
6059
|
-
declare const PaneHeader: ({ label, sublabel }: Props$
|
|
5999
|
+
declare const PaneHeader: ({ label, sublabel }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
6060
6000
|
|
|
6061
|
-
type Props$
|
|
6001
|
+
type Props$3 = {
|
|
6062
6002
|
remainingConflicts: number;
|
|
6063
6003
|
remainingSafeChanges: number;
|
|
6064
6004
|
};
|
|
6065
|
-
declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$
|
|
6005
|
+
declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
6066
6006
|
|
|
6067
6007
|
declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
|
|
6068
6008
|
mergeValue: string;
|
|
@@ -6101,7 +6041,7 @@ declare const useMergeDiff: (baseText: string, leftText: string, rightText: stri
|
|
|
6101
6041
|
*
|
|
6102
6042
|
* @see RECIPES.md#modal-form — for the canonical form-in-modal composition
|
|
6103
6043
|
*/
|
|
6104
|
-
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, {
|
|
6105
6045
|
readonly TextField: ({ label, required, help, className, ...inputProps }: {
|
|
6106
6046
|
label?: react.ReactNode;
|
|
6107
6047
|
required?: boolean;
|
|
@@ -6114,7 +6054,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
6114
6054
|
prefix?: react.ReactNode;
|
|
6115
6055
|
id?: string | undefined | undefined;
|
|
6116
6056
|
name?: string | undefined | undefined;
|
|
6117
|
-
variant?: "primary" | "
|
|
6057
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
6118
6058
|
form?: string | undefined | undefined;
|
|
6119
6059
|
slot?: string | undefined | undefined;
|
|
6120
6060
|
style?: react.CSSProperties | undefined;
|
|
@@ -6444,7 +6384,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
6444
6384
|
prefix?: react.ReactNode;
|
|
6445
6385
|
id?: string | undefined | undefined;
|
|
6446
6386
|
name?: string | undefined | undefined;
|
|
6447
|
-
variant?: "primary" | "
|
|
6387
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
6448
6388
|
form?: string | undefined | undefined;
|
|
6449
6389
|
slot?: string | undefined | undefined;
|
|
6450
6390
|
style?: react.CSSProperties | undefined;
|
|
@@ -6764,7 +6704,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
6764
6704
|
help?: react.ReactNode;
|
|
6765
6705
|
className?: string;
|
|
6766
6706
|
} & Omit<{
|
|
6767
|
-
variant?: "primary" | "
|
|
6707
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
6768
6708
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
6769
6709
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
6770
6710
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
@@ -7100,7 +7040,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7100
7040
|
prefix?: string | undefined | undefined;
|
|
7101
7041
|
id?: string | undefined | undefined;
|
|
7102
7042
|
name?: string | undefined | undefined;
|
|
7103
|
-
variant?: "primary" | "
|
|
7043
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
7104
7044
|
form?: string | undefined | undefined;
|
|
7105
7045
|
slot?: string | undefined | undefined;
|
|
7106
7046
|
style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
|
|
@@ -7404,28 +7344,41 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7404
7344
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
7405
7345
|
containerClassName?: string | undefined;
|
|
7406
7346
|
}, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
|
|
7407
|
-
readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
7347
|
+
readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
7408
7348
|
label?: react.ReactNode;
|
|
7409
7349
|
required?: boolean;
|
|
7410
7350
|
help?: react.ReactNode;
|
|
7411
7351
|
className?: string;
|
|
7412
|
-
options: readonly {
|
|
7413
|
-
value: string;
|
|
7414
|
-
label: react.ReactNode;
|
|
7415
|
-
}[];
|
|
7416
7352
|
placeholder?: string;
|
|
7417
7353
|
triggerClassName?: string;
|
|
7418
|
-
variant?: "primary" | "
|
|
7354
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
7419
7355
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
7420
7356
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
7421
|
-
} & Omit<SelectRootProps, "children" | "value" | "onValueChange">
|
|
7357
|
+
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
7358
|
+
items: readonly {
|
|
7359
|
+
value: string;
|
|
7360
|
+
label: react.ReactNode;
|
|
7361
|
+
}[];
|
|
7362
|
+
options?: readonly {
|
|
7363
|
+
value: string;
|
|
7364
|
+
label: react.ReactNode;
|
|
7365
|
+
}[];
|
|
7366
|
+
} | {
|
|
7367
|
+
items?: readonly {
|
|
7368
|
+
value: string;
|
|
7369
|
+
label: react.ReactNode;
|
|
7370
|
+
}[];
|
|
7371
|
+
options: readonly {
|
|
7372
|
+
value: string;
|
|
7373
|
+
label: react.ReactNode;
|
|
7374
|
+
}[];
|
|
7375
|
+
})) => react_jsx_runtime.JSX.Element;
|
|
7422
7376
|
readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
|
|
7423
7377
|
label?: react.ReactNode;
|
|
7424
7378
|
help?: react.ReactNode;
|
|
7425
7379
|
className?: string;
|
|
7426
7380
|
} & Omit<Omit<{
|
|
7427
7381
|
id?: string | number;
|
|
7428
|
-
argo?: boolean;
|
|
7429
7382
|
description?: react.ReactNode;
|
|
7430
7383
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
7431
7384
|
position?: "start" | "end";
|
|
@@ -7442,12 +7395,11 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7442
7395
|
} & Omit<{
|
|
7443
7396
|
id?: string | number;
|
|
7444
7397
|
children?: react.ReactNode;
|
|
7445
|
-
argo?: boolean;
|
|
7446
7398
|
description?: react.ReactNode;
|
|
7447
7399
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
7448
7400
|
position?: "start" | "end";
|
|
7449
7401
|
} & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
7450
|
-
variant?: "
|
|
7402
|
+
variant?: "default" | "argo" | null | undefined;
|
|
7451
7403
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
7452
7404
|
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
|
|
7453
7405
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
@@ -7461,7 +7413,6 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7461
7413
|
} & Omit<{
|
|
7462
7414
|
isLoading?: boolean;
|
|
7463
7415
|
asChild?: boolean;
|
|
7464
|
-
argo?: boolean;
|
|
7465
7416
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
7466
7417
|
block?: boolean | null | undefined;
|
|
7467
7418
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -7470,7 +7421,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7470
7421
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
7471
7422
|
}, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
|
|
7472
7423
|
}>;
|
|
7473
|
-
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, {
|
|
7474
7425
|
readonly TextField: ({ label, required, help, className, ...inputProps }: {
|
|
7475
7426
|
label?: react.ReactNode;
|
|
7476
7427
|
required?: boolean;
|
|
@@ -7483,7 +7434,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
7483
7434
|
prefix?: react.ReactNode;
|
|
7484
7435
|
id?: string | undefined | undefined;
|
|
7485
7436
|
name?: string | undefined | undefined;
|
|
7486
|
-
variant?: "primary" | "
|
|
7437
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
7487
7438
|
form?: string | undefined | undefined;
|
|
7488
7439
|
slot?: string | undefined | undefined;
|
|
7489
7440
|
style?: react.CSSProperties | undefined;
|
|
@@ -7813,7 +7764,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
7813
7764
|
prefix?: react.ReactNode;
|
|
7814
7765
|
id?: string | undefined | undefined;
|
|
7815
7766
|
name?: string | undefined | undefined;
|
|
7816
|
-
variant?: "primary" | "
|
|
7767
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
7817
7768
|
form?: string | undefined | undefined;
|
|
7818
7769
|
slot?: string | undefined | undefined;
|
|
7819
7770
|
style?: react.CSSProperties | undefined;
|
|
@@ -8133,7 +8084,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8133
8084
|
help?: react.ReactNode;
|
|
8134
8085
|
className?: string;
|
|
8135
8086
|
} & Omit<{
|
|
8136
|
-
variant?: "primary" | "
|
|
8087
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
8137
8088
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
8138
8089
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
8139
8090
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
@@ -8469,7 +8420,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8469
8420
|
prefix?: string | undefined | undefined;
|
|
8470
8421
|
id?: string | undefined | undefined;
|
|
8471
8422
|
name?: string | undefined | undefined;
|
|
8472
|
-
variant?: "primary" | "
|
|
8423
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
8473
8424
|
form?: string | undefined | undefined;
|
|
8474
8425
|
slot?: string | undefined | undefined;
|
|
8475
8426
|
style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
|
|
@@ -8773,28 +8724,41 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8773
8724
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
8774
8725
|
containerClassName?: string | undefined;
|
|
8775
8726
|
}, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
|
|
8776
|
-
readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
8727
|
+
readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
8777
8728
|
label?: react.ReactNode;
|
|
8778
8729
|
required?: boolean;
|
|
8779
8730
|
help?: react.ReactNode;
|
|
8780
8731
|
className?: string;
|
|
8781
|
-
options: readonly {
|
|
8782
|
-
value: string;
|
|
8783
|
-
label: react.ReactNode;
|
|
8784
|
-
}[];
|
|
8785
8732
|
placeholder?: string;
|
|
8786
8733
|
triggerClassName?: string;
|
|
8787
|
-
variant?: "primary" | "
|
|
8734
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
8788
8735
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
8789
8736
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
8790
|
-
} & Omit<SelectRootProps, "children" | "value" | "onValueChange">
|
|
8737
|
+
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
8738
|
+
items: readonly {
|
|
8739
|
+
value: string;
|
|
8740
|
+
label: react.ReactNode;
|
|
8741
|
+
}[];
|
|
8742
|
+
options?: readonly {
|
|
8743
|
+
value: string;
|
|
8744
|
+
label: react.ReactNode;
|
|
8745
|
+
}[];
|
|
8746
|
+
} | {
|
|
8747
|
+
items?: readonly {
|
|
8748
|
+
value: string;
|
|
8749
|
+
label: react.ReactNode;
|
|
8750
|
+
}[];
|
|
8751
|
+
options: readonly {
|
|
8752
|
+
value: string;
|
|
8753
|
+
label: react.ReactNode;
|
|
8754
|
+
}[];
|
|
8755
|
+
})) => react_jsx_runtime.JSX.Element;
|
|
8791
8756
|
readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
|
|
8792
8757
|
label?: react.ReactNode;
|
|
8793
8758
|
help?: react.ReactNode;
|
|
8794
8759
|
className?: string;
|
|
8795
8760
|
} & Omit<Omit<{
|
|
8796
8761
|
id?: string | number;
|
|
8797
|
-
argo?: boolean;
|
|
8798
8762
|
description?: react.ReactNode;
|
|
8799
8763
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
8800
8764
|
position?: "start" | "end";
|
|
@@ -8811,12 +8775,11 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8811
8775
|
} & Omit<{
|
|
8812
8776
|
id?: string | number;
|
|
8813
8777
|
children?: react.ReactNode;
|
|
8814
|
-
argo?: boolean;
|
|
8815
8778
|
description?: react.ReactNode;
|
|
8816
8779
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
8817
8780
|
position?: "start" | "end";
|
|
8818
8781
|
} & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
8819
|
-
variant?: "
|
|
8782
|
+
variant?: "default" | "argo" | null | undefined;
|
|
8820
8783
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
8821
8784
|
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
|
|
8822
8785
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
@@ -8830,7 +8793,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8830
8793
|
} & Omit<{
|
|
8831
8794
|
isLoading?: boolean;
|
|
8832
8795
|
asChild?: boolean;
|
|
8833
|
-
argo?: boolean;
|
|
8834
8796
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
8835
8797
|
block?: boolean | null | undefined;
|
|
8836
8798
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -8839,7 +8801,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8839
8801
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
8840
8802
|
}, "disabled" | "type" | "isLoading">) => react_jsx_runtime.JSX.Element;
|
|
8841
8803
|
}, TRenderProps>) => react.FunctionComponent<react.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
|
|
8842
|
-
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, {
|
|
8843
8805
|
readonly TextField: ({ label, required, help, className, ...inputProps }: {
|
|
8844
8806
|
label?: react.ReactNode;
|
|
8845
8807
|
required?: boolean;
|
|
@@ -8852,7 +8814,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8852
8814
|
prefix?: react.ReactNode;
|
|
8853
8815
|
id?: string | undefined | undefined;
|
|
8854
8816
|
name?: string | undefined | undefined;
|
|
8855
|
-
variant?: "primary" | "
|
|
8817
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
8856
8818
|
form?: string | undefined | undefined;
|
|
8857
8819
|
slot?: string | undefined | undefined;
|
|
8858
8820
|
style?: react.CSSProperties | undefined;
|
|
@@ -9182,7 +9144,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
9182
9144
|
prefix?: react.ReactNode;
|
|
9183
9145
|
id?: string | undefined | undefined;
|
|
9184
9146
|
name?: string | undefined | undefined;
|
|
9185
|
-
variant?: "primary" | "
|
|
9147
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
9186
9148
|
form?: string | undefined | undefined;
|
|
9187
9149
|
slot?: string | undefined | undefined;
|
|
9188
9150
|
style?: react.CSSProperties | undefined;
|
|
@@ -9502,7 +9464,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
9502
9464
|
help?: react.ReactNode;
|
|
9503
9465
|
className?: string;
|
|
9504
9466
|
} & Omit<{
|
|
9505
|
-
variant?: "primary" | "
|
|
9467
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
9506
9468
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
9507
9469
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
9508
9470
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
@@ -9838,7 +9800,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
9838
9800
|
prefix?: string | undefined | undefined;
|
|
9839
9801
|
id?: string | undefined | undefined;
|
|
9840
9802
|
name?: string | undefined | undefined;
|
|
9841
|
-
variant?: "primary" | "
|
|
9803
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
9842
9804
|
form?: string | undefined | undefined;
|
|
9843
9805
|
slot?: string | undefined | undefined;
|
|
9844
9806
|
style?: (Omit<react.CSSProperties, "maxHeight" | "minHeight"> & {
|
|
@@ -10142,28 +10104,41 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10142
10104
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
10143
10105
|
containerClassName?: string | undefined;
|
|
10144
10106
|
}, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
|
|
10145
|
-
readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
10107
|
+
readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
10146
10108
|
label?: react.ReactNode;
|
|
10147
10109
|
required?: boolean;
|
|
10148
10110
|
help?: react.ReactNode;
|
|
10149
10111
|
className?: string;
|
|
10150
|
-
options: readonly {
|
|
10151
|
-
value: string;
|
|
10152
|
-
label: react.ReactNode;
|
|
10153
|
-
}[];
|
|
10154
10112
|
placeholder?: string;
|
|
10155
10113
|
triggerClassName?: string;
|
|
10156
|
-
variant?: "primary" | "
|
|
10114
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
10157
10115
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
10158
10116
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
10159
|
-
} & Omit<SelectRootProps, "children" | "value" | "onValueChange">
|
|
10117
|
+
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
10118
|
+
items: readonly {
|
|
10119
|
+
value: string;
|
|
10120
|
+
label: react.ReactNode;
|
|
10121
|
+
}[];
|
|
10122
|
+
options?: readonly {
|
|
10123
|
+
value: string;
|
|
10124
|
+
label: react.ReactNode;
|
|
10125
|
+
}[];
|
|
10126
|
+
} | {
|
|
10127
|
+
items?: readonly {
|
|
10128
|
+
value: string;
|
|
10129
|
+
label: react.ReactNode;
|
|
10130
|
+
}[];
|
|
10131
|
+
options: readonly {
|
|
10132
|
+
value: string;
|
|
10133
|
+
label: react.ReactNode;
|
|
10134
|
+
}[];
|
|
10135
|
+
})) => react_jsx_runtime.JSX.Element;
|
|
10160
10136
|
readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
|
|
10161
10137
|
label?: react.ReactNode;
|
|
10162
10138
|
help?: react.ReactNode;
|
|
10163
10139
|
className?: string;
|
|
10164
10140
|
} & Omit<Omit<{
|
|
10165
10141
|
id?: string | number;
|
|
10166
|
-
argo?: boolean;
|
|
10167
10142
|
description?: react.ReactNode;
|
|
10168
10143
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
10169
10144
|
position?: "start" | "end";
|
|
@@ -10180,12 +10155,11 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10180
10155
|
} & Omit<{
|
|
10181
10156
|
id?: string | number;
|
|
10182
10157
|
children?: react.ReactNode;
|
|
10183
|
-
argo?: boolean;
|
|
10184
10158
|
description?: react.ReactNode;
|
|
10185
10159
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
10186
10160
|
position?: "start" | "end";
|
|
10187
10161
|
} & Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "id" | "asChild"> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
10188
|
-
variant?: "
|
|
10162
|
+
variant?: "default" | "argo" | null | undefined;
|
|
10189
10163
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
10190
10164
|
} & class_variance_authority_types.ClassProp) | undefined) => string>, "variant"> & {
|
|
10191
10165
|
ref?: react.Ref<react.ElementRef<"button">>;
|
|
@@ -10199,7 +10173,6 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10199
10173
|
} & Omit<{
|
|
10200
10174
|
isLoading?: boolean;
|
|
10201
10175
|
asChild?: boolean;
|
|
10202
|
-
argo?: boolean;
|
|
10203
10176
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
10204
10177
|
block?: boolean | null | undefined;
|
|
10205
10178
|
variant?: "primary" | "inline" | "secondary" | "danger" | "invisible" | "outline" | null | undefined;
|
|
@@ -10245,9 +10218,7 @@ declare const useScrollbarPosition: () => {
|
|
|
10245
10218
|
isNone: boolean;
|
|
10246
10219
|
};
|
|
10247
10220
|
|
|
10248
|
-
|
|
10249
|
-
type Argument = string | boolean | undefined | Mapping;
|
|
10250
|
-
declare const cn: (...classes: Argument[]) => string;
|
|
10221
|
+
declare const cn: (...classes: ClassValue[]) => string;
|
|
10251
10222
|
|
|
10252
10223
|
declare const copyToClipboard: (text: string) => Promise<void>;
|
|
10253
10224
|
|
|
@@ -10260,83 +10231,14 @@ declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => void;
|
|
|
10260
10231
|
|
|
10261
10232
|
declare const isMac: boolean;
|
|
10262
10233
|
|
|
10263
|
-
type Props$
|
|
10234
|
+
type Props$2 = {
|
|
10264
10235
|
/** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is
|
|
10265
10236
|
* safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */
|
|
10266
10237
|
html: string;
|
|
10267
10238
|
copyText?: string;
|
|
10268
10239
|
className?: string;
|
|
10269
10240
|
};
|
|
10270
|
-
declare const ZoomableSvg: ({ html, copyText, className }: Props$
|
|
10271
|
-
|
|
10272
|
-
type LANGUAGE_MODE = 'application/json' | 'text/x-python' | 'text/x-sql' | 'text/x-sfsql' | 'text/x-plsql' | 'text/x-rsrc' | 'text/x-sh' | 'text/javascript' | 'text/typescript';
|
|
10273
|
-
|
|
10274
|
-
type Props$3 = {
|
|
10275
|
-
value: string;
|
|
10276
|
-
previousValue?: string;
|
|
10277
|
-
mode?: LANGUAGE_MODE;
|
|
10278
|
-
placeholder?: string;
|
|
10279
|
-
readOnly?: boolean;
|
|
10280
|
-
autocompletions?: string[];
|
|
10281
|
-
extraKeys?: Record<string, () => void>;
|
|
10282
|
-
withToggleCommentHint?: boolean;
|
|
10283
|
-
withAutofocus?: boolean;
|
|
10284
|
-
withLineNumbers?: boolean;
|
|
10285
|
-
withLineWrapping?: boolean;
|
|
10286
|
-
withCollapseUnchanged?: boolean;
|
|
10287
|
-
withCopyButton?: boolean;
|
|
10288
|
-
completeAny?: boolean;
|
|
10289
|
-
help?: ReactNode;
|
|
10290
|
-
helpPostfix?: ReactNode;
|
|
10291
|
-
renderAdditionalButtons?: (value?: string) => ReactNode;
|
|
10292
|
-
className?: string;
|
|
10293
|
-
} & ({
|
|
10294
|
-
readOnly: true;
|
|
10295
|
-
onChange?: never;
|
|
10296
|
-
} | {
|
|
10297
|
-
readOnly?: false;
|
|
10298
|
-
onChange: (value: string) => void;
|
|
10299
|
-
});
|
|
10300
|
-
declare const CodeEditor: ({ value, previousValue, onChange, mode, placeholder, readOnly, autocompletions, extraKeys, withToggleCommentHint, withAutofocus, withLineNumbers, withLineWrapping, withCollapseUnchanged, withCopyButton, completeAny, help, helpPostfix, renderAdditionalButtons, className, }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
10301
|
-
|
|
10302
|
-
type HighlightedLines = {
|
|
10303
|
-
from: number;
|
|
10304
|
-
to: number;
|
|
10305
|
-
error?: {
|
|
10306
|
-
from: number;
|
|
10307
|
-
to: number;
|
|
10308
|
-
};
|
|
10309
|
-
processing?: {
|
|
10310
|
-
from: number;
|
|
10311
|
-
to: number;
|
|
10312
|
-
};
|
|
10313
|
-
} | null;
|
|
10314
|
-
|
|
10315
|
-
type Props$2 = {
|
|
10316
|
-
value: string;
|
|
10317
|
-
onChange?: (value: string) => void;
|
|
10318
|
-
onSelectionChange?: (text: string) => void;
|
|
10319
|
-
onCreateEditor?: (view: EditorView, state: EditorState) => void;
|
|
10320
|
-
onDestroyEditor?: () => void;
|
|
10321
|
-
onBlurEditor?: (view: EditorView) => void;
|
|
10322
|
-
onFocusEditor?: (view: EditorView) => void;
|
|
10323
|
-
readOnly: boolean;
|
|
10324
|
-
placeholder?: string;
|
|
10325
|
-
searchQuery?: string;
|
|
10326
|
-
searchMatchIndex?: number;
|
|
10327
|
-
extraKeys?: KeyBinding[];
|
|
10328
|
-
queryParser?: (sql: string) => Promise<string[]>;
|
|
10329
|
-
autoFocus?: boolean;
|
|
10330
|
-
lineNumbers?: boolean;
|
|
10331
|
-
className?: string;
|
|
10332
|
-
schema?: SQLNamespace;
|
|
10333
|
-
variables?: string[];
|
|
10334
|
-
defaultSchema?: string;
|
|
10335
|
-
defaultDatabase?: string;
|
|
10336
|
-
highlightLines?: HighlightedLines;
|
|
10337
|
-
dialect?: SqlDialectName;
|
|
10338
|
-
};
|
|
10339
|
-
declare const SqlEditor: ({ value, onChange, onSelectionChange, onCreateEditor, onDestroyEditor, onBlurEditor, onFocusEditor, placeholder, searchQuery, searchMatchIndex, readOnly, extraKeys, queryParser, autoFocus, lineNumbers, className, schema, variables, defaultDatabase, defaultSchema, highlightLines, dialect, }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
10241
|
+
declare const ZoomableSvg: ({ html, copyText, className }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
10340
10242
|
|
|
10341
10243
|
type ColorScheme = 'light' | 'dark' | 'system';
|
|
10342
10244
|
type ResolvedMode = 'light' | 'dark';
|
|
@@ -10373,7 +10275,9 @@ type Props$1 = {
|
|
|
10373
10275
|
};
|
|
10374
10276
|
/**
|
|
10375
10277
|
* Responsibilities:
|
|
10376
|
-
* -
|
|
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.
|
|
10377
10281
|
* - Set `data-brand="<brand.id>"` on `<html>` and inject the matching `--color-*` /
|
|
10378
10282
|
* `--radius-*` CSS variables (for the resolved light/dark mode) so chrome
|
|
10379
10283
|
* re-skins for the supplied brand.
|
|
@@ -10509,4 +10413,4 @@ declare const themeToolbarBrands: {
|
|
|
10509
10413
|
*/
|
|
10510
10414
|
declare const resolveStorybookBrand: (id: unknown) => Brand;
|
|
10511
10415
|
|
|
10512
|
-
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 };
|