@keboola/design 3.2.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +447 -0
- package/COMPONENT-API.md +378 -0
- package/README.md +20 -11
- package/dist/constants-D3gaMY-W.d.cts +39 -0
- package/dist/constants-D3gaMY-W.d.ts +39 -0
- package/dist/editors.cjs +1976 -0
- package/dist/editors.cjs.map +1 -0
- package/dist/editors.d.cts +113 -0
- package/dist/editors.d.ts +113 -0
- package/dist/editors.js +1948 -0
- package/dist/editors.js.map +1 -0
- package/dist/index.cjs +59 -1203
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +330 -407
- package/dist/index.d.ts +330 -407
- package/dist/index.js +60 -1199
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor.cjs +4 -4
- 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 +4 -4
- package/dist/markdown-editor.js.map +1 -1
- package/dist/styles.css +3 -1
- package/dist/testing.cjs +23 -0
- package/dist/testing.cjs.map +1 -1
- package/dist/testing.js +23 -0
- package/dist/testing.js.map +1 -1
- package/package.json +53 -37
- package/src/styles.css +41 -1
package/dist/index.d.ts
CHANGED
|
@@ -47,13 +47,11 @@ import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
|
47
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
54
|
import * as _tanstack_form_core from '@tanstack/form-core';
|
|
53
|
-
import { SQLNamespace } from '@codemirror/lang-sql';
|
|
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';
|
|
57
55
|
import { Brand } from '@keboola/brand-registry';
|
|
58
56
|
export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
|
|
59
57
|
|
|
@@ -77,7 +75,7 @@ declare const argoVariants: (props?: ({
|
|
|
77
75
|
* `argo` opts into the Argo redesign styling (PageHeader / sidebar contexts) —
|
|
78
76
|
* required when nested inside `PageHeader` or `PageLayout.Footer` slots.
|
|
79
77
|
*/
|
|
80
|
-
type Props$
|
|
78
|
+
type Props$1M = {
|
|
81
79
|
/** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
|
|
82
80
|
isLoading?: boolean;
|
|
83
81
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
@@ -98,7 +96,7 @@ type Props$1P = {
|
|
|
98
96
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
99
97
|
* @see RECIPES.md#confirm-dialog — for destructive-action confirmation
|
|
100
98
|
*/
|
|
101
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, argo, variant, size, block, ...buttonProps }: Props$
|
|
99
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, argo, variant, size, block, ...buttonProps }: Props$1M & {
|
|
102
100
|
ref?: Ref<ElementRef<"button">>;
|
|
103
101
|
}) => react_jsx_runtime.JSX.Element;
|
|
104
102
|
|
|
@@ -106,10 +104,10 @@ declare const buttonInlineVariants: (props?: ({
|
|
|
106
104
|
color?: "dark" | "muted" | "link" | "danger" | "custom" | null | undefined;
|
|
107
105
|
variant?: "link" | "custom" | "link-reverse" | null | undefined;
|
|
108
106
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
109
|
-
type Props$
|
|
107
|
+
type Props$1L = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
110
108
|
asChild?: boolean;
|
|
111
109
|
};
|
|
112
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
110
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1L & {
|
|
113
111
|
ref?: Ref<ElementRef<"button">>;
|
|
114
112
|
}) => react_jsx_runtime.JSX.Element;
|
|
115
113
|
|
|
@@ -117,18 +115,18 @@ declare const buttonGroupVariant: (props?: ({
|
|
|
117
115
|
variant?: "inline" | "block" | null | undefined;
|
|
118
116
|
space?: "compact" | "small" | "medium" | "large" | "extra-small" | "little-small" | null | undefined;
|
|
119
117
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
120
|
-
type Props$
|
|
118
|
+
type Props$1K = {
|
|
121
119
|
children: ReactNode;
|
|
122
120
|
className?: string;
|
|
123
121
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
124
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
122
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1K & {
|
|
125
123
|
ref?: Ref<ElementRef<"div">>;
|
|
126
124
|
}) => react_jsx_runtime.JSX.Element;
|
|
127
125
|
|
|
128
126
|
type Variant$9 = ComponentProps<typeof Button>['variant'];
|
|
129
127
|
type Size = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
130
128
|
type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
131
|
-
type Props$
|
|
129
|
+
type Props$1J = {
|
|
132
130
|
actions?: ReactNode;
|
|
133
131
|
isActionsOpen?: boolean;
|
|
134
132
|
onActionsOpenChange?: (open: boolean) => void;
|
|
@@ -137,7 +135,7 @@ type Props$1M = {
|
|
|
137
135
|
variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
|
|
138
136
|
size?: SpitButtonSize;
|
|
139
137
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
140
|
-
declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, argo, icon, children, ...rest }: Props$
|
|
138
|
+
declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, argo, icon, children, ...rest }: Props$1J & {
|
|
141
139
|
ref?: Ref<ElementRef<"button">>;
|
|
142
140
|
}) => react_jsx_runtime.JSX.Element) & {
|
|
143
141
|
Action: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
|
|
@@ -151,11 +149,11 @@ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsO
|
|
|
151
149
|
Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
152
150
|
};
|
|
153
151
|
|
|
154
|
-
type Props$
|
|
152
|
+
type Props$1I = {
|
|
155
153
|
className?: string;
|
|
156
154
|
} & PropsWithChildren;
|
|
157
155
|
declare const MultiActionButtonGroup: {
|
|
158
|
-
({ children, className }: Props$
|
|
156
|
+
({ children, className }: Props$1I): react_jsx_runtime.JSX.Element;
|
|
159
157
|
Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
|
|
160
158
|
disabled?: boolean;
|
|
161
159
|
icon: react.ReactNode;
|
|
@@ -173,11 +171,11 @@ declare const toggleVariants: (props?: ({
|
|
|
173
171
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
174
172
|
iconOnly?: boolean | null | undefined;
|
|
175
173
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
176
|
-
type Props$
|
|
174
|
+
type Props$1H = {
|
|
177
175
|
icon?: ReactNode;
|
|
178
176
|
badge?: ReactNode;
|
|
179
177
|
} & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
|
|
180
|
-
declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$
|
|
178
|
+
declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1H & {
|
|
181
179
|
ref?: Ref<ElementRef<"button">>;
|
|
182
180
|
}) => react_jsx_runtime.JSX.Element;
|
|
183
181
|
|
|
@@ -198,13 +196,13 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$5 & {
|
|
|
198
196
|
declare const tooltipVariants: (props?: ({
|
|
199
197
|
variant?: "action" | "explanatory" | null | undefined;
|
|
200
198
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
201
|
-
type Props$
|
|
199
|
+
type Props$1G = {
|
|
202
200
|
keepOpenOnPointerDownOutside?: boolean;
|
|
203
201
|
placement?: ComponentProps<typeof Content>['side'];
|
|
204
202
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
205
203
|
argo?: boolean;
|
|
206
204
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
207
|
-
declare const TooltipContent: ({ className, variant, argo, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$
|
|
205
|
+
declare const TooltipContent: ({ className, variant, argo, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
|
|
208
206
|
|
|
209
207
|
type TriggerProps$1 = {
|
|
210
208
|
triggerAsChild?: boolean;
|
|
@@ -213,7 +211,7 @@ type TriggerProps$1 = {
|
|
|
213
211
|
* Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
|
|
214
212
|
* `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
|
|
215
213
|
*/
|
|
216
|
-
type Props$
|
|
214
|
+
type Props$1F = {
|
|
217
215
|
/** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
|
|
218
216
|
keepOpenOnTriggerClick?: boolean;
|
|
219
217
|
/** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
|
|
@@ -243,7 +241,7 @@ declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderP
|
|
|
243
241
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
244
242
|
*/
|
|
245
243
|
declare const Tooltip: {
|
|
246
|
-
({ tooltip, children, className, keepOpenOnTriggerClick, variant, argo, placement, forceHide, forceShow, triggerAsChild, }: Props$
|
|
244
|
+
({ tooltip, children, className, keepOpenOnTriggerClick, variant, argo, placement, forceHide, forceShow, triggerAsChild, }: Props$1F): react_jsx_runtime.JSX.Element;
|
|
247
245
|
Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
248
246
|
Content: ({ className, variant, argo, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
|
|
249
247
|
keepOpenOnPointerDownOutside?: boolean;
|
|
@@ -259,33 +257,33 @@ declare const Tooltip: {
|
|
|
259
257
|
}) => react_jsx_runtime.JSX.Element;
|
|
260
258
|
};
|
|
261
259
|
|
|
262
|
-
type Props$
|
|
263
|
-
tooltip?: Props$
|
|
264
|
-
tooltipPlacement?: Props$
|
|
265
|
-
tooltipVariant?: Props$
|
|
266
|
-
asChild?: Props$
|
|
260
|
+
type Props$1E = {
|
|
261
|
+
tooltip?: Props$1F['tooltip'];
|
|
262
|
+
tooltipPlacement?: Props$1F['placement'];
|
|
263
|
+
tooltipVariant?: Props$1F['variant'];
|
|
264
|
+
asChild?: Props$1F['triggerAsChild'];
|
|
267
265
|
text?: string | (() => string);
|
|
268
266
|
} & ComponentProps<'button'>;
|
|
269
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
267
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1E & {
|
|
270
268
|
ref?: Ref<ElementRef<"button">>;
|
|
271
269
|
}) => react_jsx_runtime.JSX.Element;
|
|
272
270
|
|
|
273
271
|
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
274
272
|
type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
275
|
-
type Props$
|
|
273
|
+
type Props$1D = ClipboardProps$1 & ButtonProps$2 & {
|
|
276
274
|
icon?: ReactNode;
|
|
277
275
|
};
|
|
278
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
276
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1D) => react_jsx_runtime.JSX.Element;
|
|
279
277
|
|
|
280
278
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
281
279
|
type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
282
|
-
type Props$
|
|
280
|
+
type Props$1C = {
|
|
283
281
|
hideIcon?: boolean;
|
|
284
282
|
} & ClipboardProps & ButtonProps$1;
|
|
285
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
283
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1C) => react_jsx_runtime.JSX.Element;
|
|
286
284
|
|
|
287
|
-
type Props$
|
|
288
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
285
|
+
type Props$1B = ComponentProps<'a'>;
|
|
286
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1B & {
|
|
289
287
|
ref?: Ref<ElementRef<"a">>;
|
|
290
288
|
}) => react_jsx_runtime.JSX.Element;
|
|
291
289
|
|
|
@@ -293,7 +291,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
|
|
|
293
291
|
* Props for the `Modal` root — forwarded to Radix `Dialog.Root` (controls `open`, `onOpenChange`,
|
|
294
292
|
* `defaultOpen`, `modal`).
|
|
295
293
|
*/
|
|
296
|
-
type Props$
|
|
294
|
+
type Props$1A = ComponentProps<typeof Root$1>;
|
|
297
295
|
/**
|
|
298
296
|
* Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
|
|
299
297
|
*
|
|
@@ -309,7 +307,7 @@ type Props$1D = ComponentProps<typeof Root$1>;
|
|
|
309
307
|
* @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
|
|
310
308
|
*/
|
|
311
309
|
declare const Modal: {
|
|
312
|
-
(props: Props$
|
|
310
|
+
(props: Props$1A): react_jsx_runtime.JSX.Element;
|
|
313
311
|
/** Radix `Dialog.Close` re-export — closes the nearest `Modal` when clicked. Use `asChild` to wrap a `Button`. */
|
|
314
312
|
Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
315
313
|
/** Radix `Dialog.Trigger` re-export — opens the modal. Use `asChild` to wrap a `Button`. */
|
|
@@ -373,7 +371,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
|
|
|
373
371
|
}) => react_jsx_runtime.JSX.Element;
|
|
374
372
|
};
|
|
375
373
|
|
|
376
|
-
type Props$
|
|
374
|
+
type Props$1z = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
377
375
|
title: ReactNode;
|
|
378
376
|
titleClassName?: string;
|
|
379
377
|
titleWrapperClassName?: string;
|
|
@@ -382,16 +380,16 @@ type Props$1C = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
382
380
|
onClose?: () => void;
|
|
383
381
|
showPreviousTitle?: boolean;
|
|
384
382
|
}>;
|
|
385
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
383
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1z) => react_jsx_runtime.JSX.Element;
|
|
386
384
|
|
|
387
|
-
type Props$
|
|
388
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
385
|
+
type Props$1y = HTMLAttributes<HTMLDivElement>;
|
|
386
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1y & {
|
|
389
387
|
ref?: Ref<HTMLDivElement>;
|
|
390
388
|
}) => react_jsx_runtime.JSX.Element;
|
|
391
389
|
|
|
392
|
-
type Props$
|
|
390
|
+
type Props$1x = ComponentProps<typeof Root$1>;
|
|
393
391
|
declare const Sheet: {
|
|
394
|
-
(props: Props$
|
|
392
|
+
(props: Props$1x): react_jsx_runtime.JSX.Element;
|
|
395
393
|
Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
396
394
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
397
395
|
Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, argo, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
|
|
@@ -415,9 +413,9 @@ declare const Sheet: {
|
|
|
415
413
|
Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
416
414
|
};
|
|
417
415
|
|
|
418
|
-
type Props$
|
|
416
|
+
type Props$1w = ComponentProps<typeof Root$2>;
|
|
419
417
|
declare const Popover: {
|
|
420
|
-
(props: Props$
|
|
418
|
+
(props: Props$1w): react_jsx_runtime.JSX.Element;
|
|
421
419
|
/**
|
|
422
420
|
* Main Layout
|
|
423
421
|
*/
|
|
@@ -439,12 +437,12 @@ type PopconfirmContextType = {
|
|
|
439
437
|
isLoading: boolean;
|
|
440
438
|
};
|
|
441
439
|
|
|
442
|
-
type Props$
|
|
440
|
+
type Props$1v = {
|
|
443
441
|
children: ReactNode;
|
|
444
442
|
skipAsyncWait?: boolean;
|
|
445
443
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
446
444
|
declare const Popconfirm: {
|
|
447
|
-
({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
445
|
+
({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1v): react_jsx_runtime.JSX.Element;
|
|
448
446
|
Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
|
|
449
447
|
asChild: true;
|
|
450
448
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
|
|
@@ -799,9 +797,9 @@ declare const Popconfirm: {
|
|
|
799
797
|
Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
|
|
800
798
|
};
|
|
801
799
|
|
|
802
|
-
type Props$
|
|
800
|
+
type Props$1u = ComponentProps<typeof Root$3>;
|
|
803
801
|
declare const HoverCard: {
|
|
804
|
-
({ openDelay, closeDelay, ...rest }: Props$
|
|
802
|
+
({ openDelay, closeDelay, ...rest }: Props$1u): react_jsx_runtime.JSX.Element;
|
|
805
803
|
Content: ({ ref, className, align, sideOffset, argo, children, ...props }: (Omit<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
806
804
|
argo?: boolean;
|
|
807
805
|
}) & {
|
|
@@ -812,11 +810,11 @@ declare const HoverCard: {
|
|
|
812
810
|
|
|
813
811
|
type DropdownMenuVariant = 'default' | 'argo';
|
|
814
812
|
|
|
815
|
-
type Props$
|
|
813
|
+
type Props$1t = ComponentProps<typeof Root$4> & {
|
|
816
814
|
variant?: DropdownMenuVariant;
|
|
817
815
|
};
|
|
818
816
|
declare const DropdownMenu: {
|
|
819
|
-
({ modal, variant, ...props }: Props$
|
|
817
|
+
({ modal, variant, ...props }: Props$1t): react_jsx_runtime.JSX.Element;
|
|
820
818
|
/**
|
|
821
819
|
* Main Layout
|
|
822
820
|
*/
|
|
@@ -872,18 +870,18 @@ declare const DropdownMenu: {
|
|
|
872
870
|
}) => react_jsx_runtime.JSX.Element;
|
|
873
871
|
};
|
|
874
872
|
|
|
875
|
-
type Props$
|
|
873
|
+
type Props$1s = {
|
|
876
874
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
877
875
|
variant?: 'checkbox' | 'radio' | 'argo' | 'default';
|
|
878
876
|
};
|
|
879
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
877
|
+
declare const CheckIndicator: ({ variant }: Props$1s) => react_jsx_runtime.JSX.Element | null;
|
|
880
878
|
|
|
881
879
|
type Variant$8 = 'default' | 'argo';
|
|
882
|
-
type Props$
|
|
880
|
+
type Props$1r = ComponentProps<typeof Command$1> & {
|
|
883
881
|
variant?: Variant$8;
|
|
884
882
|
};
|
|
885
883
|
declare const Command: {
|
|
886
|
-
({ className, variant, ...rest }: Props$
|
|
884
|
+
({ className, variant, ...rest }: Props$1r): react_jsx_runtime.JSX.Element;
|
|
887
885
|
Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
888
886
|
Separator: ({ className, ...props }: Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
889
887
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -1279,25 +1277,25 @@ declare const Command: {
|
|
|
1279
1277
|
declare const addonVariants$1: (props?: ({
|
|
1280
1278
|
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
1281
1279
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1282
|
-
type Props$
|
|
1283
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
1280
|
+
type Props$1q = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
1281
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1q) => react_jsx_runtime.JSX.Element;
|
|
1284
1282
|
|
|
1285
1283
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
1286
|
-
type Props$
|
|
1287
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
1284
|
+
type Props$1p = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
1285
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1p & {
|
|
1288
1286
|
ref?: Ref<ElementRef<"button">>;
|
|
1289
1287
|
}) => react_jsx_runtime.JSX.Element;
|
|
1290
1288
|
|
|
1291
|
-
type Props$
|
|
1292
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
1289
|
+
type Props$1o = ComponentProps<'input'>;
|
|
1290
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1o & {
|
|
1293
1291
|
ref?: Ref<ElementRef<"input">>;
|
|
1294
1292
|
}) => react_jsx_runtime.JSX.Element;
|
|
1295
1293
|
|
|
1296
|
-
type Props$
|
|
1297
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
1294
|
+
type Props$1n = ComponentProps<'span'>;
|
|
1295
|
+
declare const InputGroupText: ({ className, ...props }: Props$1n) => react_jsx_runtime.JSX.Element;
|
|
1298
1296
|
|
|
1299
1297
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
1300
|
-
type Props$
|
|
1298
|
+
type Props$1m = TextareaNativeProps$1 & {
|
|
1301
1299
|
value?: string | null;
|
|
1302
1300
|
defaultValue?: string | null;
|
|
1303
1301
|
onValueChange?: (value: string) => void;
|
|
@@ -1305,7 +1303,7 @@ type Props$1p = TextareaNativeProps$1 & {
|
|
|
1305
1303
|
maxRows?: number | 'unlimited';
|
|
1306
1304
|
disableResize?: boolean;
|
|
1307
1305
|
};
|
|
1308
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
1306
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1m & {
|
|
1309
1307
|
ref?: Ref<ElementRef<"textarea">>;
|
|
1310
1308
|
}) => react_jsx_runtime.JSX.Element;
|
|
1311
1309
|
|
|
@@ -1315,8 +1313,8 @@ declare const inputGroupVariants: (props?: ({
|
|
|
1315
1313
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1316
1314
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1317
1315
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1318
|
-
type Props$
|
|
1319
|
-
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
1316
|
+
type Props$1l = ComponentProps<'div'> & VariantProps<typeof inputGroupVariants>;
|
|
1317
|
+
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1l & {
|
|
1320
1318
|
ref?: Ref<ElementRef<"div">>;
|
|
1321
1319
|
}) => react_jsx_runtime.JSX.Element;
|
|
1322
1320
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
@@ -1343,7 +1341,7 @@ type OwnProps$1 = {
|
|
|
1343
1341
|
* Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
|
|
1344
1342
|
* input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
|
|
1345
1343
|
*/
|
|
1346
|
-
type Props$
|
|
1344
|
+
type Props$1k = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
|
|
1347
1345
|
/**
|
|
1348
1346
|
* Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
|
|
1349
1347
|
*
|
|
@@ -1353,12 +1351,12 @@ type Props$1n = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, '
|
|
|
1353
1351
|
* `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
|
|
1354
1352
|
* **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
|
|
1355
1353
|
*/
|
|
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$
|
|
1354
|
+
declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$1k & {
|
|
1357
1355
|
ref?: Ref<ElementRef<"input">>;
|
|
1358
1356
|
}) => react_jsx_runtime.JSX.Element;
|
|
1359
1357
|
|
|
1360
1358
|
type InputProps$2 = ComponentProps<typeof Input$1>;
|
|
1361
|
-
type Props$
|
|
1359
|
+
type Props$1j = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
|
|
1362
1360
|
defaultValue?: Date | null;
|
|
1363
1361
|
disabledDays?: Matcher | Matcher[];
|
|
1364
1362
|
endMonth?: Date;
|
|
@@ -1367,12 +1365,12 @@ type Props$1m = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
|
|
|
1367
1365
|
startMonth?: Date;
|
|
1368
1366
|
value?: Date | null;
|
|
1369
1367
|
};
|
|
1370
|
-
declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$
|
|
1368
|
+
declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1j & {
|
|
1371
1369
|
ref?: Ref<ElementRef<"input">>;
|
|
1372
1370
|
}) => react_jsx_runtime.JSX.Element;
|
|
1373
1371
|
|
|
1374
1372
|
type InputProps$1 = ComponentProps<typeof Input$1>;
|
|
1375
|
-
type Props$
|
|
1373
|
+
type Props$1i = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
1376
1374
|
defaultValue?: DateRange$1 | null;
|
|
1377
1375
|
endMonth?: Date;
|
|
1378
1376
|
onValueBlur?: (value: DateRange$1 | null) => void;
|
|
@@ -1380,7 +1378,7 @@ type Props$1l = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
|
1380
1378
|
startMonth?: Date;
|
|
1381
1379
|
value?: DateRange$1 | null;
|
|
1382
1380
|
};
|
|
1383
|
-
declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$
|
|
1381
|
+
declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1i & {
|
|
1384
1382
|
ref?: Ref<ElementRef<"input">>;
|
|
1385
1383
|
}) => react_jsx_runtime.JSX.Element;
|
|
1386
1384
|
|
|
@@ -1398,7 +1396,7 @@ type OwnProps = {
|
|
|
1398
1396
|
* Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
|
|
1399
1397
|
* `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
|
|
1400
1398
|
*/
|
|
1401
|
-
type Props$
|
|
1399
|
+
type Props$1h = OwnProps & NativeProps;
|
|
1402
1400
|
/**
|
|
1403
1401
|
* Standard text input with a string-only API. The default choice for a bare text input.
|
|
1404
1402
|
*
|
|
@@ -1410,53 +1408,53 @@ type Props$1k = OwnProps & NativeProps;
|
|
|
1410
1408
|
* page layouts. Chrome resolves from the active brand automatically: a modern brand always renders argo
|
|
1411
1409
|
* (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
1412
1410
|
*/
|
|
1413
|
-
declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$
|
|
1411
|
+
declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1h & {
|
|
1414
1412
|
ref?: Ref<ElementRef<"input">>;
|
|
1415
1413
|
}) => react_jsx_runtime.JSX.Element;
|
|
1416
1414
|
|
|
1417
1415
|
type InputProps = ComponentProps<typeof Input$1>;
|
|
1418
|
-
type Props$
|
|
1416
|
+
type Props$1g = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
|
|
1419
1417
|
value?: string | null;
|
|
1420
1418
|
defaultValue?: string | null;
|
|
1421
1419
|
onValueChange?: (value: string | null) => void;
|
|
1422
1420
|
onValueBlur?: (value: string | null) => void;
|
|
1423
1421
|
};
|
|
1424
|
-
declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$
|
|
1422
|
+
declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1g & {
|
|
1425
1423
|
ref?: Ref<ElementRef<"input">>;
|
|
1426
1424
|
}) => react_jsx_runtime.JSX.Element;
|
|
1427
1425
|
|
|
1428
|
-
type Props$
|
|
1429
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
1426
|
+
type Props$1f = ComponentProps<typeof TextInput>;
|
|
1427
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$1f & {
|
|
1430
1428
|
ref?: Ref<ElementRef<"input">>;
|
|
1431
1429
|
}) => react_jsx_runtime.JSX.Element;
|
|
1432
1430
|
|
|
1433
|
-
type Props$
|
|
1431
|
+
type Props$1e = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1434
1432
|
viewPortClassName?: string;
|
|
1435
1433
|
scrollBarClassName?: string;
|
|
1436
1434
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1437
1435
|
};
|
|
1438
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1436
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1e & {
|
|
1439
1437
|
ref?: Ref<ElementRef<"div">>;
|
|
1440
1438
|
}) => react_jsx_runtime.JSX.Element;
|
|
1441
1439
|
|
|
1442
|
-
type Props$
|
|
1443
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1440
|
+
type Props$1d = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1441
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
|
|
1444
1442
|
|
|
1445
|
-
type Props$
|
|
1446
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1443
|
+
type Props$1c = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1444
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1c & {
|
|
1447
1445
|
ref?: Ref<ElementRef<"div">>;
|
|
1448
1446
|
}) => react_jsx_runtime.JSX.Element;
|
|
1449
1447
|
|
|
1450
|
-
type Props$
|
|
1451
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
1448
|
+
type Props$1b = ComponentProps<typeof Command$1.Group>;
|
|
1449
|
+
declare const CommandGroup: ({ className, ...props }: Props$1b) => react_jsx_runtime.JSX.Element;
|
|
1452
1450
|
|
|
1453
|
-
type Props$
|
|
1451
|
+
type Props$1a = ComponentProps<typeof Command$1.Item> & {
|
|
1454
1452
|
icon?: ReactNode;
|
|
1455
1453
|
checked?: boolean;
|
|
1456
1454
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
1457
1455
|
actions?: ReactNode;
|
|
1458
1456
|
};
|
|
1459
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
1457
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1a) => react_jsx_runtime.JSX.Element;
|
|
1460
1458
|
|
|
1461
1459
|
type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
|
|
1462
1460
|
declare const Calendar: {
|
|
@@ -1506,7 +1504,7 @@ declare const DateRangePicker: {
|
|
|
1506
1504
|
displayName: string;
|
|
1507
1505
|
};
|
|
1508
1506
|
|
|
1509
|
-
type Props$
|
|
1507
|
+
type Props$19 = {
|
|
1510
1508
|
children?: ReactNode;
|
|
1511
1509
|
defaultSelected?: string | null;
|
|
1512
1510
|
selected?: string | null;
|
|
@@ -1514,7 +1512,7 @@ type Props$1c = {
|
|
|
1514
1512
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
1515
1513
|
argo?: boolean;
|
|
1516
1514
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
1517
|
-
declare const TimePicker: ({ align, alignOffset, argo, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$
|
|
1515
|
+
declare const TimePicker: ({ align, alignOffset, argo, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$19) => react_jsx_runtime.JSX.Element;
|
|
1518
1516
|
|
|
1519
1517
|
type LabelProps = {
|
|
1520
1518
|
id?: string | number;
|
|
@@ -1536,7 +1534,7 @@ declare const switchVariants: (props?: ({
|
|
|
1536
1534
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
1537
1535
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1538
1536
|
|
|
1539
|
-
type Props$
|
|
1537
|
+
type Props$18 = {
|
|
1540
1538
|
id?: string | number;
|
|
1541
1539
|
children?: ReactNode;
|
|
1542
1540
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
@@ -1545,14 +1543,14 @@ type Props$1b = {
|
|
|
1545
1543
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
1546
1544
|
position?: 'start' | 'end';
|
|
1547
1545
|
} & Omit<ComponentProps<typeof Root$5>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
|
|
1548
|
-
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, argo, description, variant, position, ...props }: Props$
|
|
1546
|
+
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, argo, description, variant, position, ...props }: Props$18 & {
|
|
1549
1547
|
ref?: Ref<ElementRef<"button">>;
|
|
1550
1548
|
}) => react_jsx_runtime.JSX.Element;
|
|
1551
1549
|
|
|
1552
1550
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
1553
1551
|
type Orientation = 'vertical' | 'horizontal';
|
|
1554
1552
|
|
|
1555
|
-
type Props$
|
|
1553
|
+
type Props$17<Value> = {
|
|
1556
1554
|
variant?: Variant$7;
|
|
1557
1555
|
orientation?: Orientation;
|
|
1558
1556
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
@@ -1562,7 +1560,7 @@ type Props$1a<Value> = {
|
|
|
1562
1560
|
defaultValue?: Value | null;
|
|
1563
1561
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
1564
1562
|
declare const RadioGroup: {
|
|
1565
|
-
<Value extends string = string>({ variant, className, disabled, orientation, argo, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
1563
|
+
<Value extends string = string>({ variant, className, disabled, orientation, argo, onValueChange, children, value, defaultValue, ...props }: Props$17<Value>): react_jsx_runtime.JSX.Element;
|
|
1566
1564
|
Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, argo, ...props }: {
|
|
1567
1565
|
content?: string | undefined | undefined;
|
|
1568
1566
|
translate?: "yes" | "no" | undefined | undefined;
|
|
@@ -1860,34 +1858,34 @@ declare const RadioGroup: {
|
|
|
1860
1858
|
value: T;
|
|
1861
1859
|
argo?: boolean;
|
|
1862
1860
|
tooltip?: react.ReactNode;
|
|
1863
|
-
tooltipVariant?: Props$
|
|
1864
|
-
tooltipPlacement?: Props$
|
|
1861
|
+
tooltipVariant?: Props$1F["variant"];
|
|
1862
|
+
tooltipPlacement?: Props$1F["placement"];
|
|
1865
1863
|
description?: react.ReactNode;
|
|
1866
1864
|
}) => react_jsx_runtime.JSX.Element;
|
|
1867
1865
|
Separator: () => react_jsx_runtime.JSX.Element;
|
|
1868
1866
|
};
|
|
1869
1867
|
|
|
1870
|
-
type Props$
|
|
1868
|
+
type Props$16 = ComponentProps<typeof Thumb> & {
|
|
1871
1869
|
tooltip?: ReactNode;
|
|
1872
1870
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
1873
1871
|
};
|
|
1874
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
1872
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$16 & {
|
|
1875
1873
|
ref?: Ref<ElementRef<typeof Thumb>>;
|
|
1876
1874
|
}) => react_jsx_runtime.JSX.Element;
|
|
1877
1875
|
|
|
1878
1876
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
1879
|
-
type Props$
|
|
1877
|
+
type Props$15 = ComponentProps<typeof Root$6> & {
|
|
1880
1878
|
thumbTooltip?: ThumbTooltipFn;
|
|
1881
1879
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
1882
1880
|
rangeClassName?: string;
|
|
1883
1881
|
};
|
|
1884
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
1882
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$15 & {
|
|
1885
1883
|
ref?: Ref<ElementRef<typeof Root$6>>;
|
|
1886
1884
|
}) => react_jsx_runtime.JSX.Element;
|
|
1887
1885
|
|
|
1888
1886
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
|
|
1889
1887
|
type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
|
|
1890
|
-
type Props$
|
|
1888
|
+
type Props$14 = {
|
|
1891
1889
|
suffix?: ReactNode;
|
|
1892
1890
|
disableDebounce?: boolean;
|
|
1893
1891
|
debounceDelay?: number;
|
|
@@ -1902,14 +1900,14 @@ type Props$17 = {
|
|
|
1902
1900
|
/**
|
|
1903
1901
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
1904
1902
|
*/
|
|
1905
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
1903
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$14 & {
|
|
1906
1904
|
ref?: Ref<ElementRef<"input">>;
|
|
1907
1905
|
}) => react_jsx_runtime.JSX.Element;
|
|
1908
1906
|
|
|
1909
|
-
type Props$
|
|
1907
|
+
type Props$13 = {
|
|
1910
1908
|
onSubmit: (value: string) => void;
|
|
1911
1909
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
1912
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
1910
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$13 & {
|
|
1913
1911
|
ref?: Ref<ElementRef<"input">>;
|
|
1914
1912
|
}) => react_jsx_runtime.JSX.Element;
|
|
1915
1913
|
|
|
@@ -1934,8 +1932,8 @@ declare const variants$2: (props?: ({
|
|
|
1934
1932
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1935
1933
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1936
1934
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1937
|
-
type Props$
|
|
1938
|
-
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$
|
|
1935
|
+
type Props$12 = ComponentProps<typeof _radix_ui_react_select.Trigger> & VariantProps<typeof variants$2> & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
|
|
1936
|
+
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$12 & {
|
|
1939
1937
|
ref?: Ref<ElementRef<"button">>;
|
|
1940
1938
|
}) => react_jsx_runtime.JSX.Element;
|
|
1941
1939
|
|
|
@@ -1954,7 +1952,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
|
|
|
1954
1952
|
* Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
|
|
1955
1953
|
* convenience `items` shape (flat list, or grouped lists with optional labels).
|
|
1956
1954
|
*/
|
|
1957
|
-
type Props$
|
|
1955
|
+
type Props$11 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
|
|
1958
1956
|
items?: readonly (SelectItem | SelectItemGroup)[];
|
|
1959
1957
|
};
|
|
1960
1958
|
/**
|
|
@@ -1969,7 +1967,7 @@ type Props$14 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
|
|
|
1969
1967
|
* `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
|
|
1970
1968
|
*/
|
|
1971
1969
|
declare const Select: {
|
|
1972
|
-
({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$
|
|
1970
|
+
({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$11): react_jsx_runtime.JSX.Element;
|
|
1973
1971
|
Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1974
1972
|
Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
1975
1973
|
variant?: "primary" | "argo" | "secondary" | null | undefined;
|
|
@@ -1994,53 +1992,53 @@ declare const Select: {
|
|
|
1994
1992
|
Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
1995
1993
|
};
|
|
1996
1994
|
|
|
1997
|
-
type Props$
|
|
1995
|
+
type Props$10 = {
|
|
1998
1996
|
id?: string | number;
|
|
1999
1997
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
2000
1998
|
argo?: boolean;
|
|
2001
1999
|
description?: ReactNode;
|
|
2002
2000
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
2003
2001
|
position?: 'start' | 'end';
|
|
2004
|
-
tooltip?: Props$
|
|
2005
|
-
tooltipPlacement?: Props$
|
|
2002
|
+
tooltip?: Props$1F['tooltip'];
|
|
2003
|
+
tooltipPlacement?: Props$1F['placement'];
|
|
2006
2004
|
} & Omit<ComponentProps<typeof Root$7>, 'id'>;
|
|
2007
|
-
declare function Checkbox(prop: Omit<Props$
|
|
2005
|
+
declare function Checkbox(prop: Omit<Props$10, 'checked' | 'onCheckedChange'> & {
|
|
2008
2006
|
checked?: boolean;
|
|
2009
2007
|
onCheckedChange?: (checked: boolean) => void;
|
|
2010
2008
|
}): ReactNode;
|
|
2011
|
-
declare function Checkbox(prop: Omit<Props$
|
|
2009
|
+
declare function Checkbox(prop: Omit<Props$10, 'checked' | 'onCheckedChange'> & {
|
|
2012
2010
|
checked?: CheckedState;
|
|
2013
2011
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
2014
2012
|
}): ReactNode;
|
|
2015
2013
|
|
|
2016
2014
|
type Variant$6 = 'check' | 'checkbox';
|
|
2017
|
-
type Props
|
|
2015
|
+
type Props$$ = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
2018
2016
|
className?: string;
|
|
2019
2017
|
variant?: Variant$6;
|
|
2020
2018
|
};
|
|
2021
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props
|
|
2019
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$$ & {
|
|
2022
2020
|
ref?: Ref<ElementRef<"span">>;
|
|
2023
2021
|
}) => react_jsx_runtime.JSX.Element;
|
|
2024
2022
|
|
|
2025
|
-
type Props$
|
|
2026
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
2023
|
+
type Props$_ = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
|
|
2024
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$_ & {
|
|
2027
2025
|
ref?: Ref<ElementRef<"input">>;
|
|
2028
2026
|
}) => react_jsx_runtime.JSX.Element;
|
|
2029
2027
|
|
|
2030
2028
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
2031
|
-
type Props$
|
|
2029
|
+
type Props$Z = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
2032
2030
|
className?: string;
|
|
2033
2031
|
};
|
|
2034
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
2032
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$Z & {
|
|
2035
2033
|
ref?: Ref<ElementRef<"div">>;
|
|
2036
2034
|
}) => react_jsx_runtime.JSX.Element;
|
|
2037
2035
|
|
|
2038
|
-
type Props
|
|
2036
|
+
type Props$Y = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
2039
2037
|
className?: string;
|
|
2040
2038
|
icon?: ReactNode;
|
|
2041
2039
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
|
|
2042
2040
|
};
|
|
2043
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props
|
|
2041
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$Y & {
|
|
2044
2042
|
ref?: Ref<ElementRef<"div">>;
|
|
2045
2043
|
}) => react_jsx_runtime.JSX.Element;
|
|
2046
2044
|
|
|
@@ -2060,7 +2058,7 @@ type CreatableProps<Value> = {
|
|
|
2060
2058
|
queryToCreateLabel?: (query: string) => ReactNode;
|
|
2061
2059
|
queryToCreateValue?: (query: string) => Value;
|
|
2062
2060
|
};
|
|
2063
|
-
type Props$
|
|
2061
|
+
type Props$X<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
|
|
2064
2062
|
items?: readonly (Value | GroupShape)[];
|
|
2065
2063
|
allowClear?: boolean;
|
|
2066
2064
|
empty?: ReactNode;
|
|
@@ -2072,7 +2070,7 @@ type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
|
|
|
2072
2070
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
2073
2071
|
};
|
|
2074
2072
|
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$
|
|
2073
|
+
<Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$X<Value, GroupShape>): react_jsx_runtime.JSX.Element;
|
|
2076
2074
|
Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
|
|
2077
2075
|
InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
|
|
2078
2076
|
variant?: "primary" | "argo" | "secondary" | null | undefined;
|
|
@@ -2457,7 +2455,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
|
|
|
2457
2455
|
* Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
|
|
2458
2456
|
* the default substring matcher.
|
|
2459
2457
|
*/
|
|
2460
|
-
type Props$
|
|
2458
|
+
type Props$W<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
2459
|
items?: readonly (Value | GroupShape)[];
|
|
2462
2460
|
allowClear?: boolean;
|
|
2463
2461
|
allowSelectAll?: boolean;
|
|
@@ -2481,7 +2479,7 @@ type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
|
|
|
2481
2479
|
* @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
|
|
2482
2480
|
* @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
|
|
2483
2481
|
*/
|
|
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$
|
|
2482
|
+
declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$W<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
|
|
2485
2483
|
|
|
2486
2484
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
|
|
2487
2485
|
type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
@@ -2494,12 +2492,12 @@ type TextareaOwnProps = {
|
|
|
2494
2492
|
disableResize?: boolean;
|
|
2495
2493
|
containerClassName?: string;
|
|
2496
2494
|
};
|
|
2497
|
-
type Props$
|
|
2495
|
+
type Props$V = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
|
|
2498
2496
|
/**
|
|
2499
2497
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
2500
2498
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
2501
2499
|
*/
|
|
2502
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$
|
|
2500
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$V & {
|
|
2503
2501
|
ref?: Ref<ElementRef<"textarea">>;
|
|
2504
2502
|
}) => react_jsx_runtime.JSX.Element;
|
|
2505
2503
|
|
|
@@ -2514,20 +2512,20 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
|
|
|
2514
2512
|
|
|
2515
2513
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2516
2514
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
2517
|
-
type Props$
|
|
2515
|
+
type Props$U = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
2518
2516
|
value?: string | null;
|
|
2519
2517
|
defaultValue?: string | null;
|
|
2520
2518
|
onValueChange?: (value: string) => void;
|
|
2521
2519
|
onValueBlur?: (value: string) => void;
|
|
2522
2520
|
allowClear?: boolean;
|
|
2523
2521
|
};
|
|
2524
|
-
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
2522
|
+
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$U & {
|
|
2525
2523
|
ref?: Ref<ElementRef<"input">>;
|
|
2526
2524
|
}) => react_jsx_runtime.JSX.Element;
|
|
2527
2525
|
|
|
2528
2526
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2529
2527
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
2530
|
-
type Props$
|
|
2528
|
+
type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
2531
2529
|
value?: number | null;
|
|
2532
2530
|
defaultValue?: number | null;
|
|
2533
2531
|
onValueChange?: (value: number | null) => void;
|
|
@@ -2535,13 +2533,13 @@ type Props$W = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
|
2535
2533
|
prefix?: ReactNode;
|
|
2536
2534
|
suffix?: ReactNode;
|
|
2537
2535
|
};
|
|
2538
|
-
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
2536
|
+
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$T & {
|
|
2539
2537
|
ref?: Ref<ElementRef<"input">>;
|
|
2540
2538
|
}) => react_jsx_runtime.JSX.Element;
|
|
2541
2539
|
|
|
2542
2540
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2543
2541
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
2544
|
-
type Props$
|
|
2542
|
+
type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
2545
2543
|
value?: string | null;
|
|
2546
2544
|
defaultValue?: string | null;
|
|
2547
2545
|
onValueChange?: (value: string) => void;
|
|
@@ -2551,7 +2549,7 @@ type Props$V = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
2551
2549
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
2552
2550
|
defaultPasswordVisibility?: boolean;
|
|
2553
2551
|
};
|
|
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$
|
|
2552
|
+
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$S & {
|
|
2555
2553
|
ref?: Ref<ElementRef<"input">>;
|
|
2556
2554
|
}) => react_jsx_runtime.JSX.Element;
|
|
2557
2555
|
|
|
@@ -2607,7 +2605,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
2607
2605
|
* is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
|
|
2608
2606
|
* state initialized to empty). `value={""}` is controlled-empty.
|
|
2609
2607
|
*/
|
|
2610
|
-
type Props$
|
|
2608
|
+
type Props$R = InputGroupProps & InputGroupInputProps & {
|
|
2611
2609
|
value?: string | null;
|
|
2612
2610
|
defaultValue?: string | null;
|
|
2613
2611
|
/** 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 +2634,7 @@ type Props$U = InputGroupProps & InputGroupInputProps & {
|
|
|
2636
2634
|
*
|
|
2637
2635
|
* @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
|
|
2638
2636
|
*/
|
|
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$
|
|
2637
|
+
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$R & {
|
|
2640
2638
|
ref?: Ref<ElementRef<"input">>;
|
|
2641
2639
|
}) => react_jsx_runtime.JSX.Element;
|
|
2642
2640
|
|
|
@@ -2661,15 +2659,15 @@ declare const addonVariants: (props?: ({
|
|
|
2661
2659
|
align?: "inline-start" | "inline-end" | null | undefined;
|
|
2662
2660
|
variant?: "inline" | "floating" | null | undefined;
|
|
2663
2661
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2664
|
-
type Props$
|
|
2665
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
2662
|
+
type Props$Q = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
2663
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$Q & {
|
|
2666
2664
|
ref?: Ref<ElementRef<"div">>;
|
|
2667
2665
|
}) => react_jsx_runtime.JSX.Element;
|
|
2668
2666
|
|
|
2669
|
-
type Props$
|
|
2667
|
+
type Props$P = ComponentProps<'span'> & {
|
|
2670
2668
|
asChild?: boolean;
|
|
2671
2669
|
};
|
|
2672
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
2670
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$P & {
|
|
2673
2671
|
ref?: Ref<ElementRef<"span">>;
|
|
2674
2672
|
}) => react_jsx_runtime.JSX.Element;
|
|
2675
2673
|
|
|
@@ -2678,8 +2676,8 @@ declare const badgeRootVariants: (props?: ({
|
|
|
2678
2676
|
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
2677
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2680
2678
|
|
|
2681
|
-
type Props$
|
|
2682
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
2679
|
+
type Props$O = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
2680
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$O & {
|
|
2683
2681
|
ref?: Ref<ElementRef<"div">>;
|
|
2684
2682
|
}) => react_jsx_runtime.JSX.Element;
|
|
2685
2683
|
|
|
@@ -2687,18 +2685,18 @@ type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
|
|
|
2687
2685
|
type BadgeRootProps = ComponentProps<typeof BadgeRoot>;
|
|
2688
2686
|
type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
2689
2687
|
/**
|
|
2690
|
-
* Props for `Badge`. `color` is a categorical contract (`green` = success, `red` = error, `
|
|
2691
|
-
* `purple/cyan/teal/
|
|
2688
|
+
* Props for `Badge`. `color` is a categorical contract (`green` = success, `red` = error, `orange` = warning,
|
|
2689
|
+
* `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
|
|
2692
2690
|
* Pass `prefix` / `suffix` for icon-style addons.
|
|
2693
2691
|
*/
|
|
2694
|
-
type Props$
|
|
2692
|
+
type Props$N = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
2695
2693
|
prefix?: ReactNode;
|
|
2696
2694
|
prefixVariant?: AddonVariant;
|
|
2697
2695
|
suffix?: ReactNode;
|
|
2698
2696
|
suffixVariant?: AddonVariant;
|
|
2699
2697
|
labelClassName?: string;
|
|
2700
2698
|
};
|
|
2701
|
-
declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
2699
|
+
declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$N & {
|
|
2702
2700
|
ref?: Ref<ElementRef<"span">>;
|
|
2703
2701
|
}) => react_jsx_runtime.JSX.Element) & {
|
|
2704
2702
|
Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
|
|
@@ -2730,45 +2728,45 @@ type TagOption = {
|
|
|
2730
2728
|
disabled?: boolean;
|
|
2731
2729
|
};
|
|
2732
2730
|
|
|
2733
|
-
type Props$
|
|
2731
|
+
type Props$M = {
|
|
2734
2732
|
onCreate?: (search: string) => void;
|
|
2735
2733
|
} & Pick<ComponentProps<typeof Command.Item>, 'value'>;
|
|
2736
|
-
declare const TagSelectCreateItem: ({ onCreate, value }: Props$
|
|
2734
|
+
declare const TagSelectCreateItem: ({ onCreate, value }: Props$M) => react_jsx_runtime.JSX.Element;
|
|
2737
2735
|
|
|
2738
|
-
type Props$
|
|
2736
|
+
type Props$L = {
|
|
2739
2737
|
value: string[];
|
|
2740
2738
|
onAdd?: (selected: string[]) => void;
|
|
2741
2739
|
};
|
|
2742
|
-
declare const TagSelectValue: ({ value, onAdd }: Props$
|
|
2740
|
+
declare const TagSelectValue: ({ value, onAdd }: Props$L) => react_jsx_runtime.JSX.Element;
|
|
2743
2741
|
|
|
2744
|
-
type Props$
|
|
2742
|
+
type Props$K = {
|
|
2745
2743
|
options?: TagOption[];
|
|
2746
2744
|
} & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
|
|
2747
|
-
declare const TagSelectList: ({ options, onAdd, onCreate }: Props$
|
|
2745
|
+
declare const TagSelectList: ({ options, onAdd, onCreate }: Props$K) => react_jsx_runtime.JSX.Element;
|
|
2748
2746
|
|
|
2749
|
-
type Props$
|
|
2747
|
+
type Props$J = {
|
|
2750
2748
|
children: ReactNode;
|
|
2751
2749
|
} & ComponentProps<typeof TagSelectList>;
|
|
2752
|
-
declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$
|
|
2750
|
+
declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$J) => react_jsx_runtime.JSX.Element;
|
|
2753
2751
|
|
|
2754
2752
|
type OnValueChangeHandler = (value: {
|
|
2755
2753
|
action: 'add' | 'remove';
|
|
2756
2754
|
tags: TagOption[];
|
|
2757
2755
|
allTags: TagOption[];
|
|
2758
2756
|
}) => void;
|
|
2759
|
-
type Props$
|
|
2757
|
+
type Props$I = {
|
|
2760
2758
|
value?: TagOption[];
|
|
2761
2759
|
onValueChange: OnValueChangeHandler;
|
|
2762
2760
|
disabled?: boolean;
|
|
2763
2761
|
} & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
|
|
2764
|
-
declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$
|
|
2762
|
+
declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$I) => react_jsx_runtime.JSX.Element | null;
|
|
2765
2763
|
|
|
2766
2764
|
/**
|
|
2767
2765
|
* Props for `FileUpload`. The component is uncontrolled with respect to the file
|
|
2768
2766
|
* list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
|
|
2769
2767
|
* `FileUpload` only signals drop events; it does not store the file array.
|
|
2770
2768
|
*/
|
|
2771
|
-
type Props$
|
|
2769
|
+
type Props$H = {
|
|
2772
2770
|
/** MIME / extension filter passed straight to react-dropzone. */
|
|
2773
2771
|
accept?: Accept;
|
|
2774
2772
|
/** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
|
|
@@ -2787,7 +2785,7 @@ type Props$K = {
|
|
|
2787
2785
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
2788
2786
|
children: ReactNode;
|
|
2789
2787
|
} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onDrop'>;
|
|
2790
|
-
declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
2788
|
+
declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$H) => react_jsx_runtime.JSX.Element) & {
|
|
2791
2789
|
DropZone: ({ children, className, ...rest }: {
|
|
2792
2790
|
children?: ReactNode;
|
|
2793
2791
|
} & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
|
|
@@ -4111,47 +4109,47 @@ declare const FormGroup: {
|
|
|
4111
4109
|
declare const helpVariants: (props?: ({
|
|
4112
4110
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
4113
4111
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4114
|
-
type Props$
|
|
4112
|
+
type Props$G = {
|
|
4115
4113
|
className?: string;
|
|
4116
4114
|
children?: ReactNode;
|
|
4117
4115
|
testId?: string;
|
|
4118
4116
|
} & VariantProps<typeof helpVariants>;
|
|
4119
|
-
declare const HelpBlock: ({ children, className, state, testId }: Props$
|
|
4117
|
+
declare const HelpBlock: ({ children, className, state, testId }: Props$G) => react_jsx_runtime.JSX.Element | null;
|
|
4120
4118
|
|
|
4121
4119
|
type AnswerItem = {
|
|
4122
4120
|
question: string;
|
|
4123
4121
|
answer?: string;
|
|
4124
4122
|
};
|
|
4125
4123
|
type Variant$5 = 'success' | 'dismissed';
|
|
4126
|
-
type Props$
|
|
4124
|
+
type Props$F = {
|
|
4127
4125
|
items: readonly AnswerItem[];
|
|
4128
4126
|
variant?: Variant$5;
|
|
4129
4127
|
noAnswerLabel?: string;
|
|
4130
4128
|
};
|
|
4131
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$
|
|
4129
|
+
declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$F) => react_jsx_runtime.JSX.Element;
|
|
4132
4130
|
|
|
4133
4131
|
type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4134
|
-
type Props$
|
|
4132
|
+
type Props$E = {
|
|
4135
4133
|
isExpanded: boolean;
|
|
4136
4134
|
onToggle: () => void;
|
|
4137
4135
|
label: ReactNode;
|
|
4138
4136
|
variant?: Variant$4;
|
|
4139
4137
|
};
|
|
4140
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$
|
|
4138
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$E) => react_jsx_runtime.JSX.Element;
|
|
4141
4139
|
|
|
4142
|
-
type Props$
|
|
4140
|
+
type Props$D = {
|
|
4143
4141
|
children: ReactNode;
|
|
4144
4142
|
};
|
|
4145
|
-
declare const InlineStepDetail: ({ children }: Props$
|
|
4143
|
+
declare const InlineStepDetail: ({ children }: Props$D) => react_jsx_runtime.JSX.Element;
|
|
4146
4144
|
|
|
4147
4145
|
type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
|
|
4148
|
-
type Props$
|
|
4146
|
+
type Props$C = {
|
|
4149
4147
|
variant: Variant$3;
|
|
4150
4148
|
children: ReactNode;
|
|
4151
4149
|
};
|
|
4152
|
-
declare const InlineStepLabel: ({ variant, children }: Props$
|
|
4150
|
+
declare const InlineStepLabel: ({ variant, children }: Props$C) => react_jsx_runtime.JSX.Element;
|
|
4153
4151
|
|
|
4154
|
-
type Props$
|
|
4152
|
+
type Props$B = {
|
|
4155
4153
|
user?: {
|
|
4156
4154
|
name: string | undefined;
|
|
4157
4155
|
email: string | undefined;
|
|
@@ -4161,17 +4159,17 @@ type Props$E = {
|
|
|
4161
4159
|
size?: number;
|
|
4162
4160
|
variant?: 'circle' | 'rounded';
|
|
4163
4161
|
} & ComponentProps<'span'>;
|
|
4164
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
4162
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$B & {
|
|
4165
4163
|
ref?: Ref<ElementRef<"span">>;
|
|
4166
4164
|
}) => react_jsx_runtime.JSX.Element;
|
|
4167
4165
|
|
|
4168
|
-
type Props$
|
|
4166
|
+
type Props$A = {
|
|
4169
4167
|
variant: 'user' | 'assistant';
|
|
4170
4168
|
user?: ComponentProps<typeof Avatar>['user'];
|
|
4171
4169
|
actions?: ReactNode;
|
|
4172
4170
|
createdAt?: string;
|
|
4173
4171
|
} & PropsWithChildren;
|
|
4174
|
-
declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$
|
|
4172
|
+
declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$A) => react_jsx_runtime.JSX.Element;
|
|
4175
4173
|
|
|
4176
4174
|
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
|
|
4177
4175
|
type PlanApprovalProps = {
|
|
@@ -4219,17 +4217,17 @@ type PromptCommand = {
|
|
|
4219
4217
|
};
|
|
4220
4218
|
|
|
4221
4219
|
type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
|
|
4222
|
-
type Props$
|
|
4220
|
+
type Props$z = Pick<ComponentProps<typeof Button>, 'disabled'> & {
|
|
4223
4221
|
status?: SubmitStatus;
|
|
4224
4222
|
};
|
|
4225
|
-
declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$
|
|
4223
|
+
declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$z & {
|
|
4226
4224
|
ref?: Ref<ElementRef<"button">>;
|
|
4227
4225
|
}) => react_jsx_runtime.JSX.Element;
|
|
4228
4226
|
|
|
4229
4227
|
declare const promptInputVariants: (props?: ({
|
|
4230
4228
|
variant?: "inline" | "default" | null | undefined;
|
|
4231
4229
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4232
|
-
type Props$
|
|
4230
|
+
type Props$y = {
|
|
4233
4231
|
onSend?: (value: string) => void;
|
|
4234
4232
|
onAbort?: () => void;
|
|
4235
4233
|
onContinue?: () => void;
|
|
@@ -4243,7 +4241,7 @@ type Props$B = {
|
|
|
4243
4241
|
commands?: PromptCommand[];
|
|
4244
4242
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof react_textarea_autosize__default>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
4245
4243
|
declare const PromptInput: {
|
|
4246
|
-
({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$
|
|
4244
|
+
({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$y): react_jsx_runtime.JSX.Element;
|
|
4247
4245
|
Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
|
|
4248
4246
|
ref?: react.Ref<ElementRef<"button">>;
|
|
4249
4247
|
}) => react_jsx_runtime.JSX.Element;
|
|
@@ -4255,7 +4253,7 @@ type QuestionOption = {
|
|
|
4255
4253
|
description?: string;
|
|
4256
4254
|
preview?: string;
|
|
4257
4255
|
};
|
|
4258
|
-
type Props$
|
|
4256
|
+
type Props$x = {
|
|
4259
4257
|
question: string;
|
|
4260
4258
|
header?: string;
|
|
4261
4259
|
options: readonly QuestionOption[];
|
|
@@ -4278,7 +4276,7 @@ type Props$A = {
|
|
|
4278
4276
|
renderPreview?: (content: string) => ReactNode;
|
|
4279
4277
|
className?: string;
|
|
4280
4278
|
};
|
|
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$
|
|
4279
|
+
declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className, }: Props$x) => react_jsx_runtime.JSX.Element;
|
|
4282
4280
|
|
|
4283
4281
|
type QuestionStep = {
|
|
4284
4282
|
question: string;
|
|
@@ -4292,7 +4290,7 @@ type QuestionAnswers = {
|
|
|
4292
4290
|
selections: Record<number, readonly string[]>;
|
|
4293
4291
|
customAnswers: Record<number, string>;
|
|
4294
4292
|
};
|
|
4295
|
-
type Props$
|
|
4293
|
+
type Props$w = {
|
|
4296
4294
|
steps: readonly [QuestionStep, ...QuestionStep[]];
|
|
4297
4295
|
showSkip?: boolean;
|
|
4298
4296
|
onSubmit?: (answers: QuestionAnswers) => void;
|
|
@@ -4300,25 +4298,25 @@ type Props$z = {
|
|
|
4300
4298
|
renderPreview?: (content: string) => ReactNode;
|
|
4301
4299
|
className?: string;
|
|
4302
4300
|
};
|
|
4303
|
-
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$
|
|
4301
|
+
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$w) => react_jsx_runtime.JSX.Element;
|
|
4304
4302
|
|
|
4305
|
-
type Props$
|
|
4303
|
+
type Props$v = {
|
|
4306
4304
|
label: string;
|
|
4307
4305
|
disabled?: boolean;
|
|
4308
4306
|
onClick: () => void;
|
|
4309
4307
|
icon?: ReactNode;
|
|
4310
4308
|
className?: string;
|
|
4311
4309
|
};
|
|
4312
|
-
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$
|
|
4310
|
+
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$v) => react_jsx_runtime.JSX.Element;
|
|
4313
4311
|
|
|
4314
4312
|
type ThinkingIndicatorProps = {
|
|
4315
4313
|
label?: string;
|
|
4316
4314
|
};
|
|
4317
4315
|
declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => react_jsx_runtime.JSX.Element;
|
|
4318
4316
|
|
|
4319
|
-
type Props$
|
|
4317
|
+
type Props$u = ComponentProps<typeof Root$8>;
|
|
4320
4318
|
declare const Collapsible: {
|
|
4321
|
-
(props: Props$
|
|
4319
|
+
(props: Props$u): react_jsx_runtime.JSX.Element;
|
|
4322
4320
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
4323
4321
|
Content: ({ ref, className, children, ...props }: Omit<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4324
4322
|
ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>>>;
|
|
@@ -4326,12 +4324,12 @@ declare const Collapsible: {
|
|
|
4326
4324
|
};
|
|
4327
4325
|
|
|
4328
4326
|
type Variant$2 = 'info' | 'warning' | 'error' | 'success';
|
|
4329
|
-
type Props$
|
|
4327
|
+
type Props$t = {
|
|
4330
4328
|
variant?: Variant$2;
|
|
4331
4329
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
4332
4330
|
argo?: boolean;
|
|
4333
4331
|
} & ComponentProps<'div'>;
|
|
4334
|
-
declare const AlertRoot: ({ ref, children, className, variant, argo, ...rest }: Props$
|
|
4332
|
+
declare const AlertRoot: ({ ref, children, className, variant, argo, ...rest }: Props$t & {
|
|
4335
4333
|
ref?: Ref<ElementRef<"div">>;
|
|
4336
4334
|
}) => react_jsx_runtime.JSX.Element;
|
|
4337
4335
|
|
|
@@ -4356,7 +4354,7 @@ type DefaultProps = {
|
|
|
4356
4354
|
* `"collapsible"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.
|
|
4357
4355
|
* `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.
|
|
4358
4356
|
*/
|
|
4359
|
-
type Props$
|
|
4357
|
+
type Props$s = CommonProps & (CollapsibleProps | DefaultProps);
|
|
4360
4358
|
/**
|
|
4361
4359
|
* Persistent inline banner for contextual messages tied to the page layout.
|
|
4362
4360
|
*
|
|
@@ -4370,13 +4368,13 @@ type Props$v = CommonProps & (CollapsibleProps | DefaultProps);
|
|
|
4370
4368
|
*
|
|
4371
4369
|
* @see RECIPES.md#alert-with-action — for action-bearing alert composition
|
|
4372
4370
|
*/
|
|
4373
|
-
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$
|
|
4371
|
+
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
4372
|
|
|
4375
4373
|
declare const variants$1: (props?: ({
|
|
4376
4374
|
variant?: "default" | "error" | "warning" | "success" | "info" | null | undefined;
|
|
4377
4375
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4378
4376
|
type Variants = VariantProps<typeof variants$1>;
|
|
4379
|
-
type Props$
|
|
4377
|
+
type Props$r = {
|
|
4380
4378
|
id: string | number;
|
|
4381
4379
|
title: ReactNode;
|
|
4382
4380
|
icon?: ReactNode;
|
|
@@ -4387,7 +4385,7 @@ type Props$u = {
|
|
|
4387
4385
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
4388
4386
|
argo?: boolean;
|
|
4389
4387
|
} & Variants;
|
|
4390
|
-
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, argo, }: Props$
|
|
4388
|
+
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, argo, }: Props$r) => react_jsx_runtime.JSX.Element;
|
|
4391
4389
|
|
|
4392
4390
|
type ToastProps = ComponentProps<typeof ToastRoot>;
|
|
4393
4391
|
type Title = ToastProps['title'] | ((opts: {
|
|
@@ -4408,7 +4406,7 @@ declare const toast: {
|
|
|
4408
4406
|
dismissAll(): string | number;
|
|
4409
4407
|
};
|
|
4410
4408
|
|
|
4411
|
-
type Props$
|
|
4409
|
+
type Props$q = {
|
|
4412
4410
|
enabled?: boolean;
|
|
4413
4411
|
} & Parameters<typeof toast>[0];
|
|
4414
4412
|
/**
|
|
@@ -4421,22 +4419,22 @@ type Props$t = {
|
|
|
4421
4419
|
* Use `toast()` for transient feedback after a user action
|
|
4422
4420
|
* (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
|
|
4423
4421
|
*/
|
|
4424
|
-
declare const useNotification: ({ enabled, ...toastOptions }: Props$
|
|
4422
|
+
declare const useNotification: ({ enabled, ...toastOptions }: Props$q) => void;
|
|
4425
4423
|
|
|
4426
4424
|
type ToasterProps = ComponentProps<typeof Toaster$1>;
|
|
4427
4425
|
declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
4428
4426
|
|
|
4429
|
-
type Props$
|
|
4427
|
+
type Props$p = {
|
|
4430
4428
|
children?: ReactNode;
|
|
4431
4429
|
};
|
|
4432
|
-
declare const EmptySearchContent: ({ children }: Props$
|
|
4430
|
+
declare const EmptySearchContent: ({ children }: Props$p) => react_jsx_runtime.JSX.Element;
|
|
4433
4431
|
|
|
4434
|
-
type Props$
|
|
4432
|
+
type Props$o = {
|
|
4435
4433
|
title: string;
|
|
4436
4434
|
children: ReactNode;
|
|
4437
4435
|
className?: string;
|
|
4438
4436
|
};
|
|
4439
|
-
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$
|
|
4437
|
+
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$o) => react_jsx_runtime.JSX.Element;
|
|
4440
4438
|
|
|
4441
4439
|
declare const emptyStateClassnames: (props?: ({
|
|
4442
4440
|
variant?: "compact" | "default" | null | undefined;
|
|
@@ -4576,8 +4574,8 @@ declare const variants: (props?: ({
|
|
|
4576
4574
|
variant?: "default" | "success" | null | undefined;
|
|
4577
4575
|
size?: "sm" | "lg" | null | undefined;
|
|
4578
4576
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4579
|
-
type Props$
|
|
4580
|
-
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$
|
|
4577
|
+
type Props$n = ComponentProps<typeof Root$9> & VariantProps<typeof variants>;
|
|
4578
|
+
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$n & {
|
|
4581
4579
|
ref?: Ref<ElementRef<typeof Root$9>>;
|
|
4582
4580
|
}) => react_jsx_runtime.JSX.Element;
|
|
4583
4581
|
|
|
@@ -4595,7 +4593,7 @@ type CollapseProps = {
|
|
|
4595
4593
|
/** @deprecated Use `Collapsible` instead. */
|
|
4596
4594
|
declare const Collapse: ({ open, header, className, bodyClassName, children, onClick, animationClassName, hidden, ...rest }: CollapseProps & ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
|
|
4597
4595
|
|
|
4598
|
-
type Props$
|
|
4596
|
+
type Props$m = {
|
|
4599
4597
|
header: ReactNode;
|
|
4600
4598
|
isDisabled?: boolean;
|
|
4601
4599
|
defaultExpanded?: boolean;
|
|
@@ -4607,16 +4605,16 @@ type Props$p = {
|
|
|
4607
4605
|
variant?: 'default' | 'white';
|
|
4608
4606
|
children: ReactNode;
|
|
4609
4607
|
};
|
|
4610
|
-
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$
|
|
4608
|
+
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$m) => react_jsx_runtime.JSX.Element;
|
|
4611
4609
|
|
|
4612
|
-
type Props$
|
|
4610
|
+
type Props$l = PropsWithChildren<{
|
|
4613
4611
|
defaultExpanded?: boolean;
|
|
4614
4612
|
labelCollapse?: ReactNode;
|
|
4615
4613
|
labelOpen?: ReactNode;
|
|
4616
4614
|
placement?: 'top' | 'bottom';
|
|
4617
4615
|
className?: string;
|
|
4618
4616
|
}>;
|
|
4619
|
-
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$
|
|
4617
|
+
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$l) => react_jsx_runtime.JSX.Element;
|
|
4620
4618
|
|
|
4621
4619
|
type RootProps$1 = ComponentPropsWithoutRef<'div'>;
|
|
4622
4620
|
type SlotProps = ComponentPropsWithoutRef<'div'> & {
|
|
@@ -4749,13 +4747,14 @@ declare const PageHeader: {
|
|
|
4749
4747
|
ref?: react.Ref<react.ElementRef<"header">>;
|
|
4750
4748
|
}) => react_jsx_runtime.JSX.Element;
|
|
4751
4749
|
/** 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"> & {
|
|
4750
|
+
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
4751
|
breadcrumbs: react.ReactNode;
|
|
4754
4752
|
overflowActions?: react.ReactNode;
|
|
4755
4753
|
title: react.ReactNode;
|
|
4756
4754
|
titleIcon?: react.ReactNode;
|
|
4757
4755
|
badges?: react.ReactNode;
|
|
4758
4756
|
description?: react.ReactNode;
|
|
4757
|
+
compact?: boolean;
|
|
4759
4758
|
primaryAction?: react.ReactNode;
|
|
4760
4759
|
secondaryAction?: react.ReactNode;
|
|
4761
4760
|
headerNav?: react.ReactNode;
|
|
@@ -4865,7 +4864,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
|
|
|
4865
4864
|
type SidebarCollapsible = 'icon' | 'off-canvas';
|
|
4866
4865
|
type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
|
|
4867
4866
|
|
|
4868
|
-
type Props$
|
|
4867
|
+
type Props$k = {
|
|
4869
4868
|
children: ReactNode;
|
|
4870
4869
|
className?: string;
|
|
4871
4870
|
id?: string;
|
|
@@ -4876,7 +4875,7 @@ type Props$n = {
|
|
|
4876
4875
|
resizable?: boolean;
|
|
4877
4876
|
};
|
|
4878
4877
|
declare const Sidebar: {
|
|
4879
|
-
({ children, className, id, side, style, container, keepMounted, resizable, }: Props$
|
|
4878
|
+
({ children, className, id, side, style, container, keepMounted, resizable, }: Props$k): react_jsx_runtime.JSX.Element | null;
|
|
4880
4879
|
Header: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
4881
4880
|
Content: ({ ref, className, children, contentRef, }: {
|
|
4882
4881
|
className?: string;
|
|
@@ -5542,7 +5541,7 @@ declare const Sidebar: {
|
|
|
5542
5541
|
}) => react_jsx_runtime.JSX.Element;
|
|
5543
5542
|
};
|
|
5544
5543
|
|
|
5545
|
-
type Props$
|
|
5544
|
+
type Props$j = {
|
|
5546
5545
|
children?: ReactNode;
|
|
5547
5546
|
defaultLeftMode?: SidebarMode;
|
|
5548
5547
|
leftMode?: SidebarMode;
|
|
@@ -5560,7 +5559,7 @@ type Props$m = {
|
|
|
5560
5559
|
onRightWidthChange?: (width: number) => void;
|
|
5561
5560
|
defaultFilledSide?: SidebarSide | null;
|
|
5562
5561
|
};
|
|
5563
|
-
declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$
|
|
5562
|
+
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
5563
|
|
|
5565
5564
|
type Input = {
|
|
5566
5565
|
variant: SidebarVariant;
|
|
@@ -5576,12 +5575,12 @@ type EffectiveWidths = {
|
|
|
5576
5575
|
};
|
|
5577
5576
|
declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
|
|
5578
5577
|
|
|
5579
|
-
type Props$
|
|
5578
|
+
type Props$i = {
|
|
5580
5579
|
defaultMode?: SidebarMode;
|
|
5581
5580
|
mode?: SidebarMode;
|
|
5582
5581
|
onModeChange?: (state: SidebarMode) => void;
|
|
5583
5582
|
};
|
|
5584
|
-
declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$
|
|
5583
|
+
declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$i) => {
|
|
5585
5584
|
isHovered: boolean;
|
|
5586
5585
|
toggle: () => void;
|
|
5587
5586
|
setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
|
|
@@ -5611,7 +5610,7 @@ declare const separatorVariants: (props?: ({
|
|
|
5611
5610
|
size?: "full" | "1/2" | "3/4" | null | undefined;
|
|
5612
5611
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
5613
5612
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5614
|
-
type Props$
|
|
5613
|
+
type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
|
|
5615
5614
|
/**
|
|
5616
5615
|
* Optional label rendered centered between two line segments
|
|
5617
5616
|
* (typical "OR" divider). Implies `orientation="horizontal"`.
|
|
@@ -5619,12 +5618,12 @@ type Props$k = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
|
|
|
5619
5618
|
*/
|
|
5620
5619
|
label?: ReactNode;
|
|
5621
5620
|
};
|
|
5622
|
-
declare const Separator: ({ className, orientation, size, label, ...props }: Props$
|
|
5621
|
+
declare const Separator: ({ className, orientation, size, label, ...props }: Props$h) => react_jsx_runtime.JSX.Element;
|
|
5623
5622
|
|
|
5624
5623
|
declare const navbarClassnames: (props?: ({
|
|
5625
5624
|
bordered?: boolean | null | undefined;
|
|
5626
5625
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5627
|
-
type Props$
|
|
5626
|
+
type Props$g = ComponentProps<'header'> & VariantProps<typeof navbarClassnames> & {
|
|
5628
5627
|
accent?: 'blue' | 'purple' | 'green' | 'orange';
|
|
5629
5628
|
};
|
|
5630
5629
|
/**
|
|
@@ -5634,7 +5633,7 @@ type Props$j = ComponentProps<'header'> & VariantProps<typeof navbarClassnames>
|
|
|
5634
5633
|
* Design (WIP), missing a lot of actual cases: https://www.figma.com/design/HEBm5hXa4AIxcCh5PGKoF9/Main-Navigation?node-id=1568-1126&t=s3RREpciWrKQTL8p-0
|
|
5635
5634
|
*/
|
|
5636
5635
|
declare const Navbar: {
|
|
5637
|
-
({ className, accent, bordered, ...rest }: Props$
|
|
5636
|
+
({ className, accent, bordered, ...rest }: Props$g): react_jsx_runtime.JSX.Element;
|
|
5638
5637
|
Header: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5639
5638
|
Footer: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5640
5639
|
Content: ({ children, className }: {
|
|
@@ -5668,9 +5667,9 @@ declare const Navbar: {
|
|
|
5668
5667
|
}) => react_jsx_runtime.JSX.Element;
|
|
5669
5668
|
};
|
|
5670
5669
|
|
|
5671
|
-
type Props$
|
|
5670
|
+
type Props$f = ComponentProps<'nav'>;
|
|
5672
5671
|
declare const Breadcrumb: {
|
|
5673
|
-
({ className, ...props }: Props$
|
|
5672
|
+
({ className, ...props }: Props$f): react_jsx_runtime.JSX.Element;
|
|
5674
5673
|
List: ({ className, ...props }: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react_jsx_runtime.JSX.Element;
|
|
5675
5674
|
Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5676
5675
|
Link: ({ ref, asChild, className, ...props }: (react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
@@ -5692,7 +5691,7 @@ type Trigger<T extends string> = {
|
|
|
5692
5691
|
title: ReactNode;
|
|
5693
5692
|
onClose?: (value: T) => void;
|
|
5694
5693
|
} & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
|
|
5695
|
-
type Props$
|
|
5694
|
+
type Props$e<T extends string> = {
|
|
5696
5695
|
triggers: Trigger<T>[];
|
|
5697
5696
|
compact?: boolean;
|
|
5698
5697
|
children: ReactNode;
|
|
@@ -5703,7 +5702,7 @@ type Props$h<T extends string> = {
|
|
|
5703
5702
|
triggerClassName?: string;
|
|
5704
5703
|
triggerGroupClassName?: string;
|
|
5705
5704
|
} & Omit<RadixTabs.TabsProps, 'onValueChange'>;
|
|
5706
|
-
declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$
|
|
5705
|
+
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
5706
|
|
|
5708
5707
|
declare const TabsContent: (props: RadixTabs.TabsContentProps) => react_jsx_runtime.JSX.Element;
|
|
5709
5708
|
|
|
@@ -5720,7 +5719,7 @@ declare const stepperVariants: (props?: ({
|
|
|
5720
5719
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
5721
5720
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5722
5721
|
|
|
5723
|
-
type Props$
|
|
5722
|
+
type Props$d = {
|
|
5724
5723
|
/** Layout direction. Defaults to `horizontal`. */
|
|
5725
5724
|
orientation?: StepperOrientation;
|
|
5726
5725
|
/**
|
|
@@ -5742,7 +5741,7 @@ type Props$g = {
|
|
|
5742
5741
|
* otherwise the stepper is visual only. Each step's `status` prop drives the indicator + connector colour.
|
|
5743
5742
|
*/
|
|
5744
5743
|
declare const Stepper: {
|
|
5745
|
-
({ orientation, onStepClick, children, className, ...props }: Props$
|
|
5744
|
+
({ orientation, onStepClick, children, className, ...props }: Props$d): react_jsx_runtime.JSX.Element;
|
|
5746
5745
|
Step: ({ status, children, className, ...props }: {
|
|
5747
5746
|
status?: StepStatus;
|
|
5748
5747
|
children: ReactNode;
|
|
@@ -5760,12 +5759,12 @@ declare const cardClassnames: (props?: ({
|
|
|
5760
5759
|
padding?: "none" | "small" | "medium" | "large" | null | undefined;
|
|
5761
5760
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5762
5761
|
|
|
5763
|
-
type Props$
|
|
5762
|
+
type Props$c = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames> & {
|
|
5764
5763
|
/** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
|
|
5765
5764
|
argo?: boolean;
|
|
5766
5765
|
};
|
|
5767
5766
|
declare const Card: {
|
|
5768
|
-
({ children, className, bordered, padding, argo, ...rest }: Props$
|
|
5767
|
+
({ children, className, bordered, padding, argo, ...rest }: Props$c): react_jsx_runtime.JSX.Element;
|
|
5769
5768
|
Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5770
5769
|
Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5771
5770
|
Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -5775,7 +5774,7 @@ declare const Card: {
|
|
|
5775
5774
|
* Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
|
|
5776
5775
|
* `bordered` wraps the table in a rounded bordered container with overflow scrolling.
|
|
5777
5776
|
*/
|
|
5778
|
-
type Props$
|
|
5777
|
+
type Props$b = {
|
|
5779
5778
|
borderCollapsed?: boolean;
|
|
5780
5779
|
bordered?: boolean;
|
|
5781
5780
|
containerClassName?: string;
|
|
@@ -5794,7 +5793,7 @@ type Props$e = {
|
|
|
5794
5793
|
* @see RECIPES.md#list-detail — for a list-table + row-click-to-detail pattern
|
|
5795
5794
|
*/
|
|
5796
5795
|
declare const Table: {
|
|
5797
|
-
({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$
|
|
5796
|
+
({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
|
|
5798
5797
|
Header: ({ withShadow, className, ...props }: {
|
|
5799
5798
|
withShadow?: boolean;
|
|
5800
5799
|
} & ComponentProps<"thead">) => react_jsx_runtime.JSX.Element;
|
|
@@ -5809,11 +5808,11 @@ declare const Table: {
|
|
|
5809
5808
|
Footer: ({ className, ...props }: ComponentProps<"tfoot">) => react_jsx_runtime.JSX.Element;
|
|
5810
5809
|
};
|
|
5811
5810
|
|
|
5812
|
-
type Props$
|
|
5811
|
+
type Props$a = ComponentProps<'ul'> & {
|
|
5813
5812
|
variant?: 'solid' | 'dashed';
|
|
5814
5813
|
};
|
|
5815
5814
|
declare const Timeline: {
|
|
5816
|
-
({ className, variant, ...rest }: Props$
|
|
5815
|
+
({ className, variant, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
|
|
5817
5816
|
Item: ({ className, ...rest }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5818
5817
|
Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5819
5818
|
Connector: ({ className, children, asChild, variant, align, offset, style, ...rest }: {
|
|
@@ -5826,26 +5825,26 @@ declare const Timeline: {
|
|
|
5826
5825
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
|
|
5827
5826
|
};
|
|
5828
5827
|
|
|
5829
|
-
type Props$
|
|
5828
|
+
type Props$9 = {
|
|
5830
5829
|
text: ReactNode;
|
|
5831
5830
|
tooltip?: ReactNode;
|
|
5832
5831
|
twoLines?: boolean;
|
|
5833
5832
|
noTooltip?: boolean;
|
|
5834
5833
|
redact?: boolean;
|
|
5835
|
-
tooltipVariant?: Props$
|
|
5836
|
-
tooltipPlacement?: Props$
|
|
5834
|
+
tooltipVariant?: Props$1F['variant'];
|
|
5835
|
+
tooltipPlacement?: Props$1F['placement'];
|
|
5837
5836
|
} & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
|
|
5838
|
-
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, redact, tooltipVariant, tooltipPlacement, ...rest }: Props$
|
|
5837
|
+
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, redact, tooltipVariant, tooltipPlacement, ...rest }: Props$9 & {
|
|
5839
5838
|
ref?: Ref<ElementRef<"span">>;
|
|
5840
5839
|
}) => react_jsx_runtime.JSX.Element;
|
|
5841
5840
|
|
|
5842
|
-
type Props$
|
|
5841
|
+
type Props$8 = {
|
|
5843
5842
|
source: string;
|
|
5844
5843
|
className?: string;
|
|
5845
5844
|
mark?: string;
|
|
5846
5845
|
isCaseSensitive?: boolean;
|
|
5847
5846
|
} & ComponentProps<'span'>;
|
|
5848
|
-
declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$
|
|
5847
|
+
declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$8 & {
|
|
5849
5848
|
ref?: Ref<ElementRef<"span">>;
|
|
5850
5849
|
}) => react_jsx_runtime.JSX.Element;
|
|
5851
5850
|
|
|
@@ -5853,9 +5852,9 @@ declare const kbdVariants: (props?: ({
|
|
|
5853
5852
|
variant?: "primary" | "default" | null | undefined;
|
|
5854
5853
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5855
5854
|
|
|
5856
|
-
type Props$
|
|
5855
|
+
type Props$7 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
|
|
5857
5856
|
declare const Kbd: {
|
|
5858
|
-
({ children, className, variant, ...rest }: Props$
|
|
5857
|
+
({ children, className, variant, ...rest }: Props$7): react_jsx_runtime.JSX.Element;
|
|
5859
5858
|
Group: ({ ref, className, children, separator, ...props }: ({
|
|
5860
5859
|
separator?: string;
|
|
5861
5860
|
} & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) & {
|
|
@@ -5871,9 +5870,9 @@ type KeyRepresentation = {
|
|
|
5871
5870
|
};
|
|
5872
5871
|
declare const keys: Record<KeyName, KeyRepresentation>;
|
|
5873
5872
|
|
|
5874
|
-
type Props$
|
|
5873
|
+
type Props$6 = ComponentProps<'nav'>;
|
|
5875
5874
|
declare const Pagination: {
|
|
5876
|
-
({ className, ...props }: Props$
|
|
5875
|
+
({ className, ...props }: Props$6): react_jsx_runtime.JSX.Element;
|
|
5877
5876
|
Content: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react_jsx_runtime.JSX.Element;
|
|
5878
5877
|
Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5879
5878
|
Button: ({ ref, active: isActive, className, children, size, ...props }: ({
|
|
@@ -5924,7 +5923,7 @@ declare const Pagination: {
|
|
|
5924
5923
|
Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
|
|
5925
5924
|
};
|
|
5926
5925
|
|
|
5927
|
-
type Props$
|
|
5926
|
+
type Props$5 = {
|
|
5928
5927
|
oldValue: string;
|
|
5929
5928
|
newValue: string;
|
|
5930
5929
|
ignoreWhitespace?: boolean;
|
|
@@ -5934,7 +5933,7 @@ type Props$8 = {
|
|
|
5934
5933
|
rightTitle: ReactNode;
|
|
5935
5934
|
rightTitleGutter?: ReactNode;
|
|
5936
5935
|
};
|
|
5937
|
-
declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$
|
|
5936
|
+
declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$5) => react_jsx_runtime.JSX.Element;
|
|
5938
5937
|
|
|
5939
5938
|
declare const DiffType: {
|
|
5940
5939
|
readonly DEFAULT: "default";
|
|
@@ -5979,90 +5978,17 @@ type DiffRow = {
|
|
|
5979
5978
|
declare const computeLineInformation: (oldString: string, newString: string, ignoreWhitespace?: boolean) => ComputedLineInformation;
|
|
5980
5979
|
declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
|
|
5981
5980
|
|
|
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 = {
|
|
5981
|
+
type Props$4 = {
|
|
6056
5982
|
label: string;
|
|
6057
5983
|
sublabel?: string;
|
|
6058
5984
|
};
|
|
6059
|
-
declare const PaneHeader: ({ label, sublabel }: Props$
|
|
5985
|
+
declare const PaneHeader: ({ label, sublabel }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
6060
5986
|
|
|
6061
|
-
type Props$
|
|
5987
|
+
type Props$3 = {
|
|
6062
5988
|
remainingConflicts: number;
|
|
6063
5989
|
remainingSafeChanges: number;
|
|
6064
5990
|
};
|
|
6065
|
-
declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$
|
|
5991
|
+
declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
6066
5992
|
|
|
6067
5993
|
declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
|
|
6068
5994
|
mergeValue: string;
|
|
@@ -7404,21 +7330,35 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7404
7330
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
7405
7331
|
containerClassName?: string | undefined;
|
|
7406
7332
|
}, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
|
|
7407
|
-
readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
7333
|
+
readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
7408
7334
|
label?: react.ReactNode;
|
|
7409
7335
|
required?: boolean;
|
|
7410
7336
|
help?: react.ReactNode;
|
|
7411
7337
|
className?: string;
|
|
7412
|
-
options: readonly {
|
|
7413
|
-
value: string;
|
|
7414
|
-
label: react.ReactNode;
|
|
7415
|
-
}[];
|
|
7416
7338
|
placeholder?: string;
|
|
7417
7339
|
triggerClassName?: string;
|
|
7418
7340
|
variant?: "primary" | "argo" | "secondary" | null | undefined;
|
|
7419
7341
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
7420
7342
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
7421
|
-
} & Omit<SelectRootProps, "children" | "value" | "onValueChange">
|
|
7343
|
+
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
7344
|
+
items: readonly {
|
|
7345
|
+
value: string;
|
|
7346
|
+
label: react.ReactNode;
|
|
7347
|
+
}[];
|
|
7348
|
+
options?: readonly {
|
|
7349
|
+
value: string;
|
|
7350
|
+
label: react.ReactNode;
|
|
7351
|
+
}[];
|
|
7352
|
+
} | {
|
|
7353
|
+
items?: readonly {
|
|
7354
|
+
value: string;
|
|
7355
|
+
label: react.ReactNode;
|
|
7356
|
+
}[];
|
|
7357
|
+
options: readonly {
|
|
7358
|
+
value: string;
|
|
7359
|
+
label: react.ReactNode;
|
|
7360
|
+
}[];
|
|
7361
|
+
})) => react_jsx_runtime.JSX.Element;
|
|
7422
7362
|
readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
|
|
7423
7363
|
label?: react.ReactNode;
|
|
7424
7364
|
help?: react.ReactNode;
|
|
@@ -7429,8 +7369,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_form_core.FormV
|
|
|
7429
7369
|
description?: react.ReactNode;
|
|
7430
7370
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
7431
7371
|
position?: "start" | "end";
|
|
7432
|
-
tooltip?: Props$
|
|
7433
|
-
tooltipPlacement?: Props$
|
|
7372
|
+
tooltip?: Props$1F["tooltip"];
|
|
7373
|
+
tooltipPlacement?: Props$1F["placement"];
|
|
7434
7374
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
7435
7375
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
7436
7376
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -8773,21 +8713,35 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8773
8713
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
8774
8714
|
containerClassName?: string | undefined;
|
|
8775
8715
|
}, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
|
|
8776
|
-
readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
8716
|
+
readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
8777
8717
|
label?: react.ReactNode;
|
|
8778
8718
|
required?: boolean;
|
|
8779
8719
|
help?: react.ReactNode;
|
|
8780
8720
|
className?: string;
|
|
8781
|
-
options: readonly {
|
|
8782
|
-
value: string;
|
|
8783
|
-
label: react.ReactNode;
|
|
8784
|
-
}[];
|
|
8785
8721
|
placeholder?: string;
|
|
8786
8722
|
triggerClassName?: string;
|
|
8787
8723
|
variant?: "primary" | "argo" | "secondary" | null | undefined;
|
|
8788
8724
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
8789
8725
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
8790
|
-
} & Omit<SelectRootProps, "children" | "value" | "onValueChange">
|
|
8726
|
+
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
8727
|
+
items: readonly {
|
|
8728
|
+
value: string;
|
|
8729
|
+
label: react.ReactNode;
|
|
8730
|
+
}[];
|
|
8731
|
+
options?: readonly {
|
|
8732
|
+
value: string;
|
|
8733
|
+
label: react.ReactNode;
|
|
8734
|
+
}[];
|
|
8735
|
+
} | {
|
|
8736
|
+
items?: readonly {
|
|
8737
|
+
value: string;
|
|
8738
|
+
label: react.ReactNode;
|
|
8739
|
+
}[];
|
|
8740
|
+
options: readonly {
|
|
8741
|
+
value: string;
|
|
8742
|
+
label: react.ReactNode;
|
|
8743
|
+
}[];
|
|
8744
|
+
})) => react_jsx_runtime.JSX.Element;
|
|
8791
8745
|
readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
|
|
8792
8746
|
label?: react.ReactNode;
|
|
8793
8747
|
help?: react.ReactNode;
|
|
@@ -8798,8 +8752,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
8798
8752
|
description?: react.ReactNode;
|
|
8799
8753
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
8800
8754
|
position?: "start" | "end";
|
|
8801
|
-
tooltip?: Props$
|
|
8802
|
-
tooltipPlacement?: Props$
|
|
8755
|
+
tooltip?: Props$1F["tooltip"];
|
|
8756
|
+
tooltipPlacement?: Props$1F["placement"];
|
|
8803
8757
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
8804
8758
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
8805
8759
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -10142,21 +10096,35 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10142
10096
|
focusVariant?: "off" | "on" | "default" | null | undefined;
|
|
10143
10097
|
containerClassName?: string | undefined;
|
|
10144
10098
|
}, "id" | "name" | "onBlur" | "value" | "onValueChange">) => react_jsx_runtime.JSX.Element;
|
|
10145
|
-
readonly SelectField: ({ label, required, help, className, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
10099
|
+
readonly SelectField: ({ label, required, help, className, items, options, placeholder, triggerClassName, variant, state, sizing, ...rootProps }: {
|
|
10146
10100
|
label?: react.ReactNode;
|
|
10147
10101
|
required?: boolean;
|
|
10148
10102
|
help?: react.ReactNode;
|
|
10149
10103
|
className?: string;
|
|
10150
|
-
options: readonly {
|
|
10151
|
-
value: string;
|
|
10152
|
-
label: react.ReactNode;
|
|
10153
|
-
}[];
|
|
10154
10104
|
placeholder?: string;
|
|
10155
10105
|
triggerClassName?: string;
|
|
10156
10106
|
variant?: "primary" | "argo" | "secondary" | null | undefined;
|
|
10157
10107
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
10158
10108
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
10159
|
-
} & Omit<SelectRootProps, "children" | "value" | "onValueChange">
|
|
10109
|
+
} & Omit<SelectRootProps, "children" | "value" | "onValueChange"> & ({
|
|
10110
|
+
items: readonly {
|
|
10111
|
+
value: string;
|
|
10112
|
+
label: react.ReactNode;
|
|
10113
|
+
}[];
|
|
10114
|
+
options?: readonly {
|
|
10115
|
+
value: string;
|
|
10116
|
+
label: react.ReactNode;
|
|
10117
|
+
}[];
|
|
10118
|
+
} | {
|
|
10119
|
+
items?: readonly {
|
|
10120
|
+
value: string;
|
|
10121
|
+
label: react.ReactNode;
|
|
10122
|
+
}[];
|
|
10123
|
+
options: readonly {
|
|
10124
|
+
value: string;
|
|
10125
|
+
label: react.ReactNode;
|
|
10126
|
+
}[];
|
|
10127
|
+
})) => react_jsx_runtime.JSX.Element;
|
|
10160
10128
|
readonly CheckboxField: ({ label, help, className, children, ...checkboxProps }: {
|
|
10161
10129
|
label?: react.ReactNode;
|
|
10162
10130
|
help?: react.ReactNode;
|
|
@@ -10167,8 +10135,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_form_core.FormVal
|
|
|
10167
10135
|
description?: react.ReactNode;
|
|
10168
10136
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
10169
10137
|
position?: "start" | "end";
|
|
10170
|
-
tooltip?: Props$
|
|
10171
|
-
tooltipPlacement?: Props$
|
|
10138
|
+
tooltip?: Props$1F["tooltip"];
|
|
10139
|
+
tooltipPlacement?: Props$1F["placement"];
|
|
10172
10140
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
10173
10141
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
10174
10142
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -10260,83 +10228,14 @@ declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => void;
|
|
|
10260
10228
|
|
|
10261
10229
|
declare const isMac: boolean;
|
|
10262
10230
|
|
|
10263
|
-
type Props$
|
|
10231
|
+
type Props$2 = {
|
|
10264
10232
|
/** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is
|
|
10265
10233
|
* safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */
|
|
10266
10234
|
html: string;
|
|
10267
10235
|
copyText?: string;
|
|
10268
10236
|
className?: string;
|
|
10269
10237
|
};
|
|
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;
|
|
10238
|
+
declare const ZoomableSvg: ({ html, copyText, className }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
10340
10239
|
|
|
10341
10240
|
type ColorScheme = 'light' | 'dark' | 'system';
|
|
10342
10241
|
type ResolvedMode = 'light' | 'dark';
|
|
@@ -10455,6 +10354,8 @@ declare const themeToolbarBrands: {
|
|
|
10455
10354
|
primaryForeground: string;
|
|
10456
10355
|
destructive: string;
|
|
10457
10356
|
destructiveForeground: string;
|
|
10357
|
+
accent?: string | undefined;
|
|
10358
|
+
accentForeground?: string | undefined;
|
|
10458
10359
|
};
|
|
10459
10360
|
shell: "sidebar" | "topnav";
|
|
10460
10361
|
colorsDark?: {
|
|
@@ -10467,6 +10368,28 @@ declare const themeToolbarBrands: {
|
|
|
10467
10368
|
primaryForeground: string;
|
|
10468
10369
|
destructive: string;
|
|
10469
10370
|
destructiveForeground: string;
|
|
10371
|
+
accent?: string | undefined;
|
|
10372
|
+
accentForeground?: string | undefined;
|
|
10373
|
+
} | undefined;
|
|
10374
|
+
sidebarColors?: {
|
|
10375
|
+
sidebar?: string | undefined;
|
|
10376
|
+
sidebarForeground?: string | undefined;
|
|
10377
|
+
sidebarPrimary?: string | undefined;
|
|
10378
|
+
sidebarPrimaryForeground?: string | undefined;
|
|
10379
|
+
sidebarAccent?: string | undefined;
|
|
10380
|
+
sidebarAccentForeground?: string | undefined;
|
|
10381
|
+
sidebarBorder?: string | undefined;
|
|
10382
|
+
sidebarRing?: string | undefined;
|
|
10383
|
+
} | undefined;
|
|
10384
|
+
sidebarColorsDark?: {
|
|
10385
|
+
sidebar?: string | undefined;
|
|
10386
|
+
sidebarForeground?: string | undefined;
|
|
10387
|
+
sidebarPrimary?: string | undefined;
|
|
10388
|
+
sidebarPrimaryForeground?: string | undefined;
|
|
10389
|
+
sidebarAccent?: string | undefined;
|
|
10390
|
+
sidebarAccentForeground?: string | undefined;
|
|
10391
|
+
sidebarBorder?: string | undefined;
|
|
10392
|
+
sidebarRing?: string | undefined;
|
|
10470
10393
|
} | undefined;
|
|
10471
10394
|
typography?: {
|
|
10472
10395
|
fontFamily: string;
|
|
@@ -10485,4 +10408,4 @@ declare const themeToolbarBrands: {
|
|
|
10485
10408
|
*/
|
|
10486
10409
|
declare const resolveStorybookBrand: (id: unknown) => Brand;
|
|
10487
10410
|
|
|
10488
|
-
export { Alert, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$
|
|
10411
|
+
export { Alert, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$F 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$D as InlineStepDetailProps, InlineStepLabel, type Props$C 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$1h as Props, Question, type QuestionAnswers, QuestionBlock, type Props$w as QuestionBlockProps, type QuestionOption, type Props$x 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$1F as TooltipProps, TooltipProvider, type Trigger, Truncated, 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 };
|