@keboola/design 4.2.1 → 4.3.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 +1 -1
- package/dist/index.cjs +38 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +448 -421
- package/dist/index.d.ts +448 -421
- package/dist/index.js +38 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -36,6 +36,8 @@ import * as _base_ui_react_separator from '@base-ui/react/separator';
|
|
|
36
36
|
import * as _base_ui_react_combobox from '@base-ui/react/combobox';
|
|
37
37
|
import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
|
|
38
38
|
import * as _base_ui_react_types from '@base-ui/react/types';
|
|
39
|
+
import { Brand } from '@keboola/brand-registry';
|
|
40
|
+
export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
|
|
39
41
|
import { OTPInput, RenderProps } from 'input-otp';
|
|
40
42
|
export { SlotProps as InputOtpRenderSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
|
|
41
43
|
import { Accept, FileRejection } from 'react-dropzone';
|
|
@@ -53,8 +55,6 @@ import * as _tanstack_react_form from '@tanstack/react-form';
|
|
|
53
55
|
import { AnyFormApi } from '@tanstack/react-form';
|
|
54
56
|
import { ClassValue } from 'clsx';
|
|
55
57
|
export { Slot } from '@radix-ui/react-slot';
|
|
56
|
-
import { Brand } from '@keboola/brand-registry';
|
|
57
|
-
export { Brand, brandSchema, brands, exampleCustomer, getBrand, keboola, keboolaLegacy } from '@keboola/brand-registry';
|
|
58
58
|
|
|
59
59
|
declare const variants$3: (props?: ({
|
|
60
60
|
block?: boolean | null | undefined;
|
|
@@ -74,7 +74,7 @@ declare const argoVariants: (props?: ({
|
|
|
74
74
|
* for height (including `icon-*` sizes when rendering icon-only). Icons are
|
|
75
75
|
* composed as children — `<Button><Trash2 className="tw-size-4" /> Delete</Button>`.
|
|
76
76
|
*/
|
|
77
|
-
type Props$
|
|
77
|
+
type Props$1Q = {
|
|
78
78
|
/** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */
|
|
79
79
|
isLoading?: boolean;
|
|
80
80
|
/** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
|
|
@@ -93,7 +93,7 @@ type Props$1P = {
|
|
|
93
93
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
94
94
|
* @see RECIPES.md#confirm-dialog — for destructive-action confirmation
|
|
95
95
|
*/
|
|
96
|
-
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$
|
|
96
|
+
declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$1Q & {
|
|
97
97
|
ref?: Ref<ElementRef<"button">>;
|
|
98
98
|
}) => react_jsx_runtime.JSX.Element;
|
|
99
99
|
|
|
@@ -101,10 +101,10 @@ declare const buttonInlineVariants: (props?: ({
|
|
|
101
101
|
color?: "dark" | "muted" | "link" | "danger" | "custom" | null | undefined;
|
|
102
102
|
variant?: "link" | "custom" | "link-reverse" | null | undefined;
|
|
103
103
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
104
|
-
type Props$
|
|
104
|
+
type Props$1P = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
|
|
105
105
|
asChild?: boolean;
|
|
106
106
|
};
|
|
107
|
-
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$
|
|
107
|
+
declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$1P & {
|
|
108
108
|
ref?: Ref<ElementRef<"button">>;
|
|
109
109
|
}) => react_jsx_runtime.JSX.Element;
|
|
110
110
|
|
|
@@ -112,18 +112,18 @@ declare const buttonGroupVariant: (props?: ({
|
|
|
112
112
|
variant?: "inline" | "block" | null | undefined;
|
|
113
113
|
space?: "compact" | "small" | "medium" | "large" | "extra-small" | "little-small" | null | undefined;
|
|
114
114
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
115
|
-
type Props$
|
|
115
|
+
type Props$1O = {
|
|
116
116
|
children: ReactNode;
|
|
117
117
|
className?: string;
|
|
118
118
|
} & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
|
|
119
|
-
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$
|
|
119
|
+
declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$1O & {
|
|
120
120
|
ref?: Ref<ElementRef<"div">>;
|
|
121
121
|
}) => react_jsx_runtime.JSX.Element;
|
|
122
122
|
|
|
123
123
|
type Variant$8 = ComponentProps<typeof Button>['variant'];
|
|
124
124
|
type Size = NonNullable<ComponentProps<typeof Button>['size']>;
|
|
125
125
|
type SpitButtonSize = Exclude<Size, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
|
|
126
|
-
type Props$
|
|
126
|
+
type Props$1N = {
|
|
127
127
|
actions?: ReactNode;
|
|
128
128
|
isActionsOpen?: boolean;
|
|
129
129
|
onActionsOpenChange?: (open: boolean) => void;
|
|
@@ -132,7 +132,7 @@ type Props$1M = {
|
|
|
132
132
|
variant?: Exclude<Variant$8, 'inline' | 'invisible'>;
|
|
133
133
|
size?: SpitButtonSize;
|
|
134
134
|
} & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
|
|
135
|
-
declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$
|
|
135
|
+
declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, icon, children, ...rest }: Props$1N & {
|
|
136
136
|
ref?: Ref<ElementRef<"button">>;
|
|
137
137
|
}) => react_jsx_runtime.JSX.Element) & {
|
|
138
138
|
Action: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: (_radix_ui_react_dropdown_menu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement> & {
|
|
@@ -146,11 +146,11 @@ declare const SplitButton: (({ ref, disabled, actions, variant, size, isActionsO
|
|
|
146
146
|
Actions: react.ForwardRefExoticComponent<_radix_ui_react_dropdown_menu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
147
147
|
};
|
|
148
148
|
|
|
149
|
-
type Props$
|
|
149
|
+
type Props$1M = {
|
|
150
150
|
className?: string;
|
|
151
151
|
} & PropsWithChildren;
|
|
152
152
|
declare const MultiActionButtonGroup: {
|
|
153
|
-
({ children, className }: Props$
|
|
153
|
+
({ children, className }: Props$1M): react_jsx_runtime.JSX.Element;
|
|
154
154
|
Button: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, "data-testid": dataTestId, }: {
|
|
155
155
|
disabled?: boolean;
|
|
156
156
|
icon: react.ReactNode;
|
|
@@ -168,11 +168,11 @@ declare const toggleVariants: (props?: ({
|
|
|
168
168
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
169
169
|
iconOnly?: boolean | null | undefined;
|
|
170
170
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
171
|
-
type Props$
|
|
171
|
+
type Props$1L = {
|
|
172
172
|
icon?: ReactNode;
|
|
173
173
|
badge?: ReactNode;
|
|
174
174
|
} & ComponentProps<typeof Root> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly'>;
|
|
175
|
-
declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$
|
|
175
|
+
declare const Toggle: ({ ref, className, variant, size, children, icon, badge, disabled, ...props }: Props$1L & {
|
|
176
176
|
ref?: Ref<ElementRef<"button">>;
|
|
177
177
|
}) => react_jsx_runtime.JSX.Element;
|
|
178
178
|
|
|
@@ -193,11 +193,11 @@ declare const ToggleGroup: (({ ref, className, size, ...props }: RootProps$5 & {
|
|
|
193
193
|
declare const tooltipVariants: (props?: ({
|
|
194
194
|
variant?: "action" | "explanatory" | null | undefined;
|
|
195
195
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
196
|
-
type Props$
|
|
196
|
+
type Props$1K = {
|
|
197
197
|
keepOpenOnPointerDownOutside?: boolean;
|
|
198
198
|
placement?: ComponentProps<typeof Content>['side'];
|
|
199
199
|
} & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
|
|
200
|
-
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$
|
|
200
|
+
declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$1K) => react_jsx_runtime.JSX.Element;
|
|
201
201
|
|
|
202
202
|
type TriggerProps$1 = {
|
|
203
203
|
triggerAsChild?: boolean;
|
|
@@ -206,7 +206,7 @@ type TriggerProps$1 = {
|
|
|
206
206
|
* Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.
|
|
207
207
|
* `variant` auto-resolves to `"explanatory"` for strings >30 chars, else `"action"`.
|
|
208
208
|
*/
|
|
209
|
-
type Props$
|
|
209
|
+
type Props$1J = {
|
|
210
210
|
/** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */
|
|
211
211
|
keepOpenOnTriggerClick?: boolean;
|
|
212
212
|
/** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */
|
|
@@ -236,7 +236,7 @@ declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderP
|
|
|
236
236
|
* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
|
|
237
237
|
*/
|
|
238
238
|
declare const Tooltip: {
|
|
239
|
-
({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$
|
|
239
|
+
({ tooltip, children, className, keepOpenOnTriggerClick, variant, placement, forceHide, forceShow, triggerAsChild, }: Props$1J): react_jsx_runtime.JSX.Element;
|
|
240
240
|
Root: ({ children, delayDuration, ...rest }: _radix_ui_react_tooltip.TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
241
241
|
Content: ({ className, variant, keepOpenOnPointerDownOutside, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: {
|
|
242
242
|
keepOpenOnPointerDownOutside?: boolean;
|
|
@@ -251,33 +251,33 @@ declare const Tooltip: {
|
|
|
251
251
|
}) => react_jsx_runtime.JSX.Element;
|
|
252
252
|
};
|
|
253
253
|
|
|
254
|
-
type Props$
|
|
255
|
-
tooltip?: Props$
|
|
256
|
-
tooltipPlacement?: Props$
|
|
257
|
-
tooltipVariant?: Props$
|
|
258
|
-
asChild?: Props$
|
|
254
|
+
type Props$1I = {
|
|
255
|
+
tooltip?: Props$1J['tooltip'];
|
|
256
|
+
tooltipPlacement?: Props$1J['placement'];
|
|
257
|
+
tooltipVariant?: Props$1J['variant'];
|
|
258
|
+
asChild?: Props$1J['triggerAsChild'];
|
|
259
259
|
text?: string | (() => string);
|
|
260
260
|
} & ComponentProps<'button'>;
|
|
261
|
-
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$
|
|
261
|
+
declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$1I & {
|
|
262
262
|
ref?: Ref<ElementRef<"button">>;
|
|
263
263
|
}) => react_jsx_runtime.JSX.Element;
|
|
264
264
|
|
|
265
265
|
type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
266
266
|
type ButtonProps$2 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
|
|
267
|
-
type Props$
|
|
267
|
+
type Props$1H = ClipboardProps$1 & ButtonProps$2 & {
|
|
268
268
|
icon?: ReactNode;
|
|
269
269
|
};
|
|
270
|
-
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$
|
|
270
|
+
declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$1H) => react_jsx_runtime.JSX.Element;
|
|
271
271
|
|
|
272
272
|
type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
|
|
273
273
|
type ButtonProps$1 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
|
|
274
|
-
type Props$
|
|
274
|
+
type Props$1G = {
|
|
275
275
|
hideIcon?: boolean;
|
|
276
276
|
} & ClipboardProps & ButtonProps$1;
|
|
277
|
-
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$
|
|
277
|
+
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1G) => react_jsx_runtime.JSX.Element;
|
|
278
278
|
|
|
279
|
-
type Props$
|
|
280
|
-
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$
|
|
279
|
+
type Props$1F = ComponentProps<'a'>;
|
|
280
|
+
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1F & {
|
|
281
281
|
ref?: Ref<ElementRef<"a">>;
|
|
282
282
|
}) => react_jsx_runtime.JSX.Element;
|
|
283
283
|
|
|
@@ -289,13 +289,13 @@ type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
|
289
289
|
|
|
290
290
|
type ConfirmHandler = (event: MouseEvent$1<HTMLButtonElement>) => void | Promise<unknown>;
|
|
291
291
|
type CancelHandler = (event: MouseEvent$1<HTMLButtonElement>) => void;
|
|
292
|
-
type Props$
|
|
292
|
+
type Props$1E = {
|
|
293
293
|
onConfirm?: ConfirmHandler;
|
|
294
294
|
onCancel?: CancelHandler;
|
|
295
295
|
skipAsyncWait?: boolean;
|
|
296
296
|
} & ComponentProps<typeof Root$1>;
|
|
297
297
|
declare const AlertModal: {
|
|
298
|
-
({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$
|
|
298
|
+
({ children, onConfirm, onCancel, skipAsyncWait, open, defaultOpen, onOpenChange, ...rest }: Props$1E): react_jsx_runtime.JSX.Element;
|
|
299
299
|
Trigger: ({ ref, onClick, onKeyDown, ...props }: _radix_ui_react_alert_dialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
|
|
300
300
|
Content: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, container, className, children, onEscapeKeyDown, ...props }: {
|
|
301
301
|
variant?: AlertModalVariant;
|
|
@@ -311,7 +311,7 @@ declare const AlertModal: {
|
|
|
311
311
|
* Props for the `Modal` root — forwarded to Radix `Dialog.Root` (controls `open`, `onOpenChange`,
|
|
312
312
|
* `defaultOpen`, `modal`).
|
|
313
313
|
*/
|
|
314
|
-
type Props$
|
|
314
|
+
type Props$1D = ComponentProps<typeof Root$2>;
|
|
315
315
|
/**
|
|
316
316
|
* Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.
|
|
317
317
|
*
|
|
@@ -327,7 +327,7 @@ type Props$1C = ComponentProps<typeof Root$2>;
|
|
|
327
327
|
* @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs
|
|
328
328
|
*/
|
|
329
329
|
declare const Modal: {
|
|
330
|
-
(props: Props$
|
|
330
|
+
(props: Props$1D): react_jsx_runtime.JSX.Element;
|
|
331
331
|
/** Radix `Dialog.Close` re-export — closes the nearest `Modal` when clicked. Use `asChild` to wrap a `Button`. */
|
|
332
332
|
Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
333
333
|
/** Radix `Dialog.Trigger` re-export — opens the modal. Use `asChild` to wrap a `Button`. */
|
|
@@ -389,7 +389,7 @@ declare const FullScreenModal: (({ children, className, lockBodyScroll, onEscape
|
|
|
389
389
|
}) => react_jsx_runtime.JSX.Element;
|
|
390
390
|
};
|
|
391
391
|
|
|
392
|
-
type Props$
|
|
392
|
+
type Props$1C = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
|
|
393
393
|
title: ReactNode;
|
|
394
394
|
titleClassName?: string;
|
|
395
395
|
titleWrapperClassName?: string;
|
|
@@ -398,16 +398,16 @@ type Props$1B = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
|
|
|
398
398
|
onClose?: () => void;
|
|
399
399
|
showPreviousTitle?: boolean;
|
|
400
400
|
}>;
|
|
401
|
-
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$
|
|
401
|
+
declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$1C) => react_jsx_runtime.JSX.Element;
|
|
402
402
|
|
|
403
|
-
type Props$
|
|
404
|
-
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$
|
|
403
|
+
type Props$1B = HTMLAttributes<HTMLDivElement>;
|
|
404
|
+
declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$1B & {
|
|
405
405
|
ref?: Ref<HTMLDivElement>;
|
|
406
406
|
}) => react_jsx_runtime.JSX.Element;
|
|
407
407
|
|
|
408
|
-
type Props$
|
|
408
|
+
type Props$1A = ComponentProps<typeof Root$2>;
|
|
409
409
|
declare const Sheet: {
|
|
410
|
-
(props: Props$
|
|
410
|
+
(props: Props$1A): react_jsx_runtime.JSX.Element;
|
|
411
411
|
Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
412
412
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
413
413
|
Content: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: _radix_ui_react_dialog.DialogContentProps & react.RefAttributes<HTMLDivElement> & {
|
|
@@ -430,9 +430,9 @@ declare const Sheet: {
|
|
|
430
430
|
Body: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
431
431
|
};
|
|
432
432
|
|
|
433
|
-
type Props$
|
|
433
|
+
type Props$1z = ComponentProps<typeof Root$3>;
|
|
434
434
|
declare const Popover: {
|
|
435
|
-
(props: Props$
|
|
435
|
+
(props: Props$1z): react_jsx_runtime.JSX.Element;
|
|
436
436
|
/**
|
|
437
437
|
* Main Layout
|
|
438
438
|
*/
|
|
@@ -454,12 +454,12 @@ type PopconfirmContextType = {
|
|
|
454
454
|
isLoading: boolean;
|
|
455
455
|
};
|
|
456
456
|
|
|
457
|
-
type Props$
|
|
457
|
+
type Props$1y = {
|
|
458
458
|
children: ReactNode;
|
|
459
459
|
skipAsyncWait?: boolean;
|
|
460
460
|
} & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
|
|
461
461
|
declare const Popconfirm: {
|
|
462
|
-
({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$
|
|
462
|
+
({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$1y): react_jsx_runtime.JSX.Element;
|
|
463
463
|
Confirm: ({ ref, onClick, children, asChild, className, ...props }: (({
|
|
464
464
|
asChild: true;
|
|
465
465
|
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>) | ({
|
|
@@ -812,18 +812,18 @@ declare const Popconfirm: {
|
|
|
812
812
|
Trigger: ({ onClick, ...props }: _radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
|
|
813
813
|
};
|
|
814
814
|
|
|
815
|
-
type Props$
|
|
815
|
+
type Props$1x = ComponentProps<typeof Root$4>;
|
|
816
816
|
declare const HoverCard: {
|
|
817
|
-
({ openDelay, closeDelay, ...rest }: Props$
|
|
817
|
+
({ openDelay, closeDelay, ...rest }: Props$1x): react_jsx_runtime.JSX.Element;
|
|
818
818
|
Content: ({ ref, className, align, sideOffset, children, ...props }: Omit<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
819
819
|
ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardContentProps & react.RefAttributes<HTMLDivElement>>>>;
|
|
820
820
|
}) => react_jsx_runtime.JSX.Element;
|
|
821
821
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_hover_card.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
|
|
822
822
|
};
|
|
823
823
|
|
|
824
|
-
type Props$
|
|
824
|
+
type Props$1w = ComponentProps<typeof Root$5>;
|
|
825
825
|
declare const DropdownMenu: {
|
|
826
|
-
({ modal, ...props }: Props$
|
|
826
|
+
({ modal, ...props }: Props$1w): react_jsx_runtime.JSX.Element;
|
|
827
827
|
/**
|
|
828
828
|
* Main Layout
|
|
829
829
|
*/
|
|
@@ -879,14 +879,14 @@ declare const DropdownMenu: {
|
|
|
879
879
|
}) => react_jsx_runtime.JSX.Element;
|
|
880
880
|
};
|
|
881
881
|
|
|
882
|
-
type Props$
|
|
882
|
+
type Props$1v = {
|
|
883
883
|
variant?: 'checkbox' | 'radio' | 'default';
|
|
884
884
|
};
|
|
885
|
-
declare const CheckIndicator: ({ variant }: Props$
|
|
885
|
+
declare const CheckIndicator: ({ variant }: Props$1v) => react_jsx_runtime.JSX.Element | null;
|
|
886
886
|
|
|
887
|
-
type Props$
|
|
887
|
+
type Props$1u = ComponentProps<typeof Command$1>;
|
|
888
888
|
declare const Command: {
|
|
889
|
-
({ className, ...rest }: Props$
|
|
889
|
+
({ className, ...rest }: Props$1u): react_jsx_runtime.JSX.Element;
|
|
890
890
|
Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
891
891
|
Separator: ({ className, ...props }: Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
892
892
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -1282,25 +1282,25 @@ declare const Command: {
|
|
|
1282
1282
|
declare const addonVariants$1: (props?: ({
|
|
1283
1283
|
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
1284
1284
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1285
|
-
type Props$
|
|
1286
|
-
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$
|
|
1285
|
+
type Props$1t = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
|
|
1286
|
+
declare const InputGroupAddon: ({ children, align, className, ...props }: Props$1t) => react_jsx_runtime.JSX.Element;
|
|
1287
1287
|
|
|
1288
1288
|
type ButtonProps = ComponentProps<typeof Button>;
|
|
1289
|
-
type Props$
|
|
1290
|
-
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$
|
|
1289
|
+
type Props$1s = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
|
|
1290
|
+
declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$1s & {
|
|
1291
1291
|
ref?: Ref<ElementRef<"button">>;
|
|
1292
1292
|
}) => react_jsx_runtime.JSX.Element;
|
|
1293
1293
|
|
|
1294
|
-
type Props$
|
|
1295
|
-
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$
|
|
1294
|
+
type Props$1r = ComponentProps<'input'>;
|
|
1295
|
+
declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$1r & {
|
|
1296
1296
|
ref?: Ref<ElementRef<"input">>;
|
|
1297
1297
|
}) => react_jsx_runtime.JSX.Element;
|
|
1298
1298
|
|
|
1299
|
-
type Props$
|
|
1300
|
-
declare const InputGroupText: ({ className, ...props }: Props$
|
|
1299
|
+
type Props$1q = ComponentProps<'span'>;
|
|
1300
|
+
declare const InputGroupText: ({ className, ...props }: Props$1q) => react_jsx_runtime.JSX.Element;
|
|
1301
1301
|
|
|
1302
1302
|
type TextareaNativeProps$1 = Omit<ComponentProps<typeof react_textarea_autosize__default>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
1303
|
-
type Props$
|
|
1303
|
+
type Props$1p = TextareaNativeProps$1 & {
|
|
1304
1304
|
value?: string | null;
|
|
1305
1305
|
defaultValue?: string | null;
|
|
1306
1306
|
onValueChange?: (value: string) => void;
|
|
@@ -1308,7 +1308,7 @@ type Props$1o = TextareaNativeProps$1 & {
|
|
|
1308
1308
|
maxRows?: number | 'unlimited';
|
|
1309
1309
|
disableResize?: boolean;
|
|
1310
1310
|
};
|
|
1311
|
-
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$
|
|
1311
|
+
declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$1p & {
|
|
1312
1312
|
ref?: Ref<ElementRef<"textarea">>;
|
|
1313
1313
|
}) => react_jsx_runtime.JSX.Element;
|
|
1314
1314
|
|
|
@@ -1318,10 +1318,10 @@ declare const inputGroupVariants: (props?: ({
|
|
|
1318
1318
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1319
1319
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1320
1320
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1321
|
-
type Props$
|
|
1321
|
+
type Props$1o = ComponentProps<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
|
|
1322
1322
|
variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
|
|
1323
1323
|
};
|
|
1324
|
-
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
1324
|
+
declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$1o & {
|
|
1325
1325
|
ref?: Ref<ElementRef<"div">>;
|
|
1326
1326
|
}) => react_jsx_runtime.JSX.Element;
|
|
1327
1327
|
declare const InputGroup: typeof InputGroupRoot & {
|
|
@@ -1348,7 +1348,7 @@ type OwnProps$1 = {
|
|
|
1348
1348
|
* Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
|
|
1349
1349
|
* input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
|
|
1350
1350
|
*/
|
|
1351
|
-
type Props$
|
|
1351
|
+
type Props$1n = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
|
|
1352
1352
|
/**
|
|
1353
1353
|
* Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
|
|
1354
1354
|
*
|
|
@@ -1358,12 +1358,12 @@ type Props$1m = InputGroupProps$6 & OwnProps$1 & Omit<ComponentProps<'input'>, '
|
|
|
1358
1358
|
* `FormGroup.TextInput`; for search use `SearchInput`; for forms with validation use `useAppForm`.
|
|
1359
1359
|
* **Composition:** wrap in `FormGroup` for shared error state, or render directly as a controlled input.
|
|
1360
1360
|
*/
|
|
1361
|
-
declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$
|
|
1361
|
+
declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, value, defaultValue, ...inputProps }: Props$1n & {
|
|
1362
1362
|
ref?: Ref<ElementRef<"input">>;
|
|
1363
1363
|
}) => react_jsx_runtime.JSX.Element;
|
|
1364
1364
|
|
|
1365
1365
|
type InputProps$2 = ComponentProps<typeof Input$1>;
|
|
1366
|
-
type Props$
|
|
1366
|
+
type Props$1m = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
|
|
1367
1367
|
defaultValue?: Date | null;
|
|
1368
1368
|
disabledDays?: Matcher | Matcher[];
|
|
1369
1369
|
endMonth?: Date;
|
|
@@ -1372,12 +1372,12 @@ type Props$1l = Omit<InputProps$2, 'type' | 'value' | 'defaultValue'> & {
|
|
|
1372
1372
|
startMonth?: Date;
|
|
1373
1373
|
value?: Date | null;
|
|
1374
1374
|
};
|
|
1375
|
-
declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$
|
|
1375
|
+
declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, variant, ...props }: Props$1m & {
|
|
1376
1376
|
ref?: Ref<ElementRef<"input">>;
|
|
1377
1377
|
}) => react_jsx_runtime.JSX.Element;
|
|
1378
1378
|
|
|
1379
1379
|
type InputProps$1 = ComponentProps<typeof Input$1>;
|
|
1380
|
-
type Props$
|
|
1380
|
+
type Props$1l = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
1381
1381
|
defaultValue?: DateRange$1 | null;
|
|
1382
1382
|
endMonth?: Date;
|
|
1383
1383
|
onValueBlur?: (value: DateRange$1 | null) => void;
|
|
@@ -1385,7 +1385,7 @@ type Props$1k = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
|
1385
1385
|
startMonth?: Date;
|
|
1386
1386
|
value?: DateRange$1 | null;
|
|
1387
1387
|
};
|
|
1388
|
-
declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$
|
|
1388
|
+
declare const DateRangeInput: ({ ref, defaultValue, disabled, endMonth, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, startMonth, value, ...props }: Props$1l & {
|
|
1389
1389
|
ref?: Ref<ElementRef<"input">>;
|
|
1390
1390
|
}) => react_jsx_runtime.JSX.Element;
|
|
1391
1391
|
|
|
@@ -1403,7 +1403,7 @@ type OwnProps = {
|
|
|
1403
1403
|
* Props for `TextInput`. Extends `Input` with string-typed `value` / `defaultValue` and convenience
|
|
1404
1404
|
* `onValueChange` / `onValueBlur` callbacks. `null` / `undefined` are coerced to empty strings.
|
|
1405
1405
|
*/
|
|
1406
|
-
type Props$
|
|
1406
|
+
type Props$1k = OwnProps & NativeProps;
|
|
1407
1407
|
/**
|
|
1408
1408
|
* Standard text input with a string-only API. The default choice for a bare text input.
|
|
1409
1409
|
*
|
|
@@ -1415,53 +1415,53 @@ type Props$1j = OwnProps & NativeProps;
|
|
|
1415
1415
|
* page layouts. Chrome resolves from the active brand automatically: a modern brand always renders argo
|
|
1416
1416
|
* (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
1417
1417
|
*/
|
|
1418
|
-
declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$
|
|
1418
|
+
declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChange, onChange, onValueBlur, onBlur, ...props }: Props$1k & {
|
|
1419
1419
|
ref?: Ref<ElementRef<"input">>;
|
|
1420
1420
|
}) => react_jsx_runtime.JSX.Element;
|
|
1421
1421
|
|
|
1422
1422
|
type InputProps = ComponentProps<typeof Input$1>;
|
|
1423
|
-
type Props$
|
|
1423
|
+
type Props$1j = Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'rightSuffix' | 'rightSuffixVariant'> & {
|
|
1424
1424
|
value?: string | null;
|
|
1425
1425
|
defaultValue?: string | null;
|
|
1426
1426
|
onValueChange?: (value: string | null) => void;
|
|
1427
1427
|
onValueBlur?: (value: string | null) => void;
|
|
1428
1428
|
};
|
|
1429
|
-
declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$
|
|
1429
|
+
declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1j & {
|
|
1430
1430
|
ref?: Ref<ElementRef<"input">>;
|
|
1431
1431
|
}) => react_jsx_runtime.JSX.Element;
|
|
1432
1432
|
|
|
1433
|
-
type Props$
|
|
1434
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$
|
|
1433
|
+
type Props$1i = ComponentProps<typeof TextInput>;
|
|
1434
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$1i & {
|
|
1435
1435
|
ref?: Ref<ElementRef<"input">>;
|
|
1436
1436
|
}) => react_jsx_runtime.JSX.Element;
|
|
1437
1437
|
|
|
1438
|
-
type Props$
|
|
1438
|
+
type Props$1h = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1439
1439
|
viewPortClassName?: string;
|
|
1440
1440
|
scrollBarClassName?: string;
|
|
1441
1441
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1442
1442
|
};
|
|
1443
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1443
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1h & {
|
|
1444
1444
|
ref?: Ref<ElementRef<"div">>;
|
|
1445
1445
|
}) => react_jsx_runtime.JSX.Element;
|
|
1446
1446
|
|
|
1447
|
-
type Props$
|
|
1448
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1447
|
+
type Props$1g = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1448
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$1g) => react_jsx_runtime.JSX.Element;
|
|
1449
1449
|
|
|
1450
|
-
type Props$
|
|
1451
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1450
|
+
type Props$1f = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1451
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1f & {
|
|
1452
1452
|
ref?: Ref<ElementRef<"div">>;
|
|
1453
1453
|
}) => react_jsx_runtime.JSX.Element;
|
|
1454
1454
|
|
|
1455
|
-
type Props$
|
|
1456
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
1455
|
+
type Props$1e = ComponentProps<typeof Command$1.Group>;
|
|
1456
|
+
declare const CommandGroup: ({ className, ...props }: Props$1e) => react_jsx_runtime.JSX.Element;
|
|
1457
1457
|
|
|
1458
|
-
type Props$
|
|
1458
|
+
type Props$1d = ComponentProps<typeof Command$1.Item> & {
|
|
1459
1459
|
icon?: ReactNode;
|
|
1460
1460
|
checked?: boolean;
|
|
1461
1461
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
1462
1462
|
actions?: ReactNode;
|
|
1463
1463
|
};
|
|
1464
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
1464
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1d) => react_jsx_runtime.JSX.Element;
|
|
1465
1465
|
|
|
1466
1466
|
type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
|
|
1467
1467
|
declare const Calendar: {
|
|
@@ -1505,13 +1505,13 @@ declare const DateRangePicker: {
|
|
|
1505
1505
|
displayName: string;
|
|
1506
1506
|
};
|
|
1507
1507
|
|
|
1508
|
-
type Props$
|
|
1508
|
+
type Props$1c = {
|
|
1509
1509
|
children?: ReactNode;
|
|
1510
1510
|
defaultSelected?: string | null;
|
|
1511
1511
|
selected?: string | null;
|
|
1512
1512
|
onSelect?: (time: string) => void;
|
|
1513
1513
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
1514
|
-
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$
|
|
1514
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1c) => react_jsx_runtime.JSX.Element;
|
|
1515
1515
|
|
|
1516
1516
|
type LabelProps = {
|
|
1517
1517
|
id?: string | number;
|
|
@@ -1533,21 +1533,21 @@ declare const switchVariants: (props?: ({
|
|
|
1533
1533
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
1534
1534
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1535
1535
|
|
|
1536
|
-
type Props$
|
|
1536
|
+
type Props$1b = {
|
|
1537
1537
|
id?: string | number;
|
|
1538
1538
|
children?: ReactNode;
|
|
1539
1539
|
description?: ReactNode;
|
|
1540
1540
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
1541
1541
|
position?: 'start' | 'end';
|
|
1542
1542
|
} & Omit<ComponentProps<typeof Root$6>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
|
|
1543
|
-
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$
|
|
1543
|
+
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1b & {
|
|
1544
1544
|
ref?: Ref<ElementRef<"button">>;
|
|
1545
1545
|
}) => react_jsx_runtime.JSX.Element;
|
|
1546
1546
|
|
|
1547
1547
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
1548
1548
|
type Orientation = 'vertical' | 'horizontal';
|
|
1549
1549
|
|
|
1550
|
-
type Props$
|
|
1550
|
+
type Props$1a<Value> = {
|
|
1551
1551
|
variant?: Variant$7;
|
|
1552
1552
|
orientation?: Orientation;
|
|
1553
1553
|
onValueChange?: (value: Value) => void;
|
|
@@ -1555,7 +1555,7 @@ type Props$19<Value> = {
|
|
|
1555
1555
|
defaultValue?: Value | null;
|
|
1556
1556
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
1557
1557
|
declare const RadioGroup: {
|
|
1558
|
-
<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
1558
|
+
<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1a<Value>): react_jsx_runtime.JSX.Element;
|
|
1559
1559
|
Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
|
|
1560
1560
|
content?: string | undefined | undefined;
|
|
1561
1561
|
translate?: "yes" | "no" | undefined | undefined;
|
|
@@ -1852,34 +1852,34 @@ declare const RadioGroup: {
|
|
|
1852
1852
|
} & {
|
|
1853
1853
|
value: T;
|
|
1854
1854
|
tooltip?: react.ReactNode;
|
|
1855
|
-
tooltipVariant?: Props$
|
|
1856
|
-
tooltipPlacement?: Props$
|
|
1855
|
+
tooltipVariant?: Props$1J["variant"];
|
|
1856
|
+
tooltipPlacement?: Props$1J["placement"];
|
|
1857
1857
|
description?: react.ReactNode;
|
|
1858
1858
|
}) => react_jsx_runtime.JSX.Element;
|
|
1859
1859
|
Separator: () => react_jsx_runtime.JSX.Element;
|
|
1860
1860
|
};
|
|
1861
1861
|
|
|
1862
|
-
type Props$
|
|
1862
|
+
type Props$19 = ComponentProps<typeof Thumb> & {
|
|
1863
1863
|
tooltip?: ReactNode;
|
|
1864
1864
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
1865
1865
|
};
|
|
1866
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
1866
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$19 & {
|
|
1867
1867
|
ref?: Ref<ElementRef<typeof Thumb>>;
|
|
1868
1868
|
}) => react_jsx_runtime.JSX.Element;
|
|
1869
1869
|
|
|
1870
1870
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
1871
|
-
type Props$
|
|
1871
|
+
type Props$18 = ComponentProps<typeof Root$7> & {
|
|
1872
1872
|
thumbTooltip?: ThumbTooltipFn;
|
|
1873
1873
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
1874
1874
|
rangeClassName?: string;
|
|
1875
1875
|
};
|
|
1876
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
1876
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$18 & {
|
|
1877
1877
|
ref?: Ref<ElementRef<typeof Root$7>>;
|
|
1878
1878
|
}) => react_jsx_runtime.JSX.Element;
|
|
1879
1879
|
|
|
1880
1880
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
|
|
1881
1881
|
type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
|
|
1882
|
-
type Props$
|
|
1882
|
+
type Props$17 = {
|
|
1883
1883
|
suffix?: ReactNode;
|
|
1884
1884
|
disableDebounce?: boolean;
|
|
1885
1885
|
debounceDelay?: number;
|
|
@@ -1894,14 +1894,14 @@ type Props$16 = {
|
|
|
1894
1894
|
/**
|
|
1895
1895
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
1896
1896
|
*/
|
|
1897
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
1897
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$17 & {
|
|
1898
1898
|
ref?: Ref<ElementRef<"input">>;
|
|
1899
1899
|
}) => react_jsx_runtime.JSX.Element;
|
|
1900
1900
|
|
|
1901
|
-
type Props$
|
|
1901
|
+
type Props$16 = {
|
|
1902
1902
|
onSubmit: (value: string) => void;
|
|
1903
1903
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
1904
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
1904
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$16 & {
|
|
1905
1905
|
ref?: Ref<ElementRef<"input">>;
|
|
1906
1906
|
}) => react_jsx_runtime.JSX.Element;
|
|
1907
1907
|
|
|
@@ -1926,10 +1926,10 @@ declare const variants$2: (props?: ({
|
|
|
1926
1926
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1927
1927
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1928
1928
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1929
|
-
type Props$
|
|
1929
|
+
type Props$15 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
|
|
1930
1930
|
variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'>;
|
|
1931
1931
|
} & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
|
|
1932
|
-
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$
|
|
1932
|
+
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$15 & {
|
|
1933
1933
|
ref?: Ref<ElementRef<"button">>;
|
|
1934
1934
|
}) => react_jsx_runtime.JSX.Element;
|
|
1935
1935
|
|
|
@@ -1948,7 +1948,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
|
|
|
1948
1948
|
* Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
|
|
1949
1949
|
* convenience `items` shape (flat list, or grouped lists with optional labels).
|
|
1950
1950
|
*/
|
|
1951
|
-
type Props$
|
|
1951
|
+
type Props$14 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
|
|
1952
1952
|
items?: readonly (SelectItem | SelectItemGroup)[];
|
|
1953
1953
|
};
|
|
1954
1954
|
/**
|
|
@@ -1963,7 +1963,7 @@ type Props$13 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
|
|
|
1963
1963
|
* `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
|
|
1964
1964
|
*/
|
|
1965
1965
|
declare const Select: {
|
|
1966
|
-
({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$
|
|
1966
|
+
({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$14): react_jsx_runtime.JSX.Element;
|
|
1967
1967
|
Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1968
1968
|
Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
1969
1969
|
variant?: "primary" | "secondary" | "argo" | null | undefined;
|
|
@@ -1993,51 +1993,51 @@ declare const Select: {
|
|
|
1993
1993
|
Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
1994
1994
|
};
|
|
1995
1995
|
|
|
1996
|
-
type Props$
|
|
1996
|
+
type Props$13 = {
|
|
1997
1997
|
id?: string | number;
|
|
1998
1998
|
description?: ReactNode;
|
|
1999
1999
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
2000
2000
|
position?: 'start' | 'end';
|
|
2001
|
-
tooltip?: Props$
|
|
2002
|
-
tooltipPlacement?: Props$
|
|
2001
|
+
tooltip?: Props$1J['tooltip'];
|
|
2002
|
+
tooltipPlacement?: Props$1J['placement'];
|
|
2003
2003
|
} & Omit<ComponentProps<typeof Root$8>, 'id'>;
|
|
2004
|
-
declare function Checkbox(prop: Omit<Props$
|
|
2004
|
+
declare function Checkbox(prop: Omit<Props$13, 'checked' | 'onCheckedChange'> & {
|
|
2005
2005
|
checked?: boolean;
|
|
2006
2006
|
onCheckedChange?: (checked: boolean) => void;
|
|
2007
2007
|
}): ReactNode;
|
|
2008
|
-
declare function Checkbox(prop: Omit<Props$
|
|
2008
|
+
declare function Checkbox(prop: Omit<Props$13, 'checked' | 'onCheckedChange'> & {
|
|
2009
2009
|
checked?: CheckedState;
|
|
2010
2010
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
2011
2011
|
}): ReactNode;
|
|
2012
2012
|
|
|
2013
2013
|
type Variant$6 = 'check' | 'checkbox';
|
|
2014
|
-
type Props$
|
|
2014
|
+
type Props$12 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
2015
2015
|
className?: string;
|
|
2016
2016
|
variant?: Variant$6;
|
|
2017
2017
|
};
|
|
2018
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
2018
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$12 & {
|
|
2019
2019
|
ref?: Ref<ElementRef<"span">>;
|
|
2020
2020
|
}) => react_jsx_runtime.JSX.Element;
|
|
2021
2021
|
|
|
2022
|
-
type Props$
|
|
2023
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
2022
|
+
type Props$11 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
|
|
2023
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$11 & {
|
|
2024
2024
|
ref?: Ref<ElementRef<"input">>;
|
|
2025
2025
|
}) => react_jsx_runtime.JSX.Element;
|
|
2026
2026
|
|
|
2027
2027
|
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
2028
|
-
type Props
|
|
2028
|
+
type Props$10 = InputGroupProps$5 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
2029
2029
|
className?: string;
|
|
2030
2030
|
};
|
|
2031
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props
|
|
2031
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$10 & {
|
|
2032
2032
|
ref?: Ref<ElementRef<"div">>;
|
|
2033
2033
|
}) => react_jsx_runtime.JSX.Element;
|
|
2034
2034
|
|
|
2035
|
-
type Props
|
|
2035
|
+
type Props$$ = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
2036
2036
|
className?: string;
|
|
2037
2037
|
icon?: ReactNode;
|
|
2038
2038
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
|
|
2039
2039
|
};
|
|
2040
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props
|
|
2040
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$$ & {
|
|
2041
2041
|
ref?: Ref<ElementRef<"div">>;
|
|
2042
2042
|
}) => react_jsx_runtime.JSX.Element;
|
|
2043
2043
|
|
|
@@ -2057,7 +2057,7 @@ type CreatableProps<Value> = {
|
|
|
2057
2057
|
queryToCreateLabel?: (query: string) => ReactNode;
|
|
2058
2058
|
queryToCreateValue?: (query: string) => Value;
|
|
2059
2059
|
};
|
|
2060
|
-
type Props$
|
|
2060
|
+
type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
|
|
2061
2061
|
items?: readonly (Value | GroupShape)[];
|
|
2062
2062
|
allowClear?: boolean;
|
|
2063
2063
|
empty?: ReactNode;
|
|
@@ -2069,7 +2069,7 @@ type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
|
|
|
2069
2069
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
2070
2070
|
};
|
|
2071
2071
|
declare const Combobox: {
|
|
2072
|
-
<Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$
|
|
2072
|
+
<Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$_<Value, GroupShape>): react_jsx_runtime.JSX.Element;
|
|
2073
2073
|
Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
|
|
2074
2074
|
InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
|
|
2075
2075
|
variant?: "primary" | "secondary" | null | undefined;
|
|
@@ -2452,7 +2452,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
|
|
|
2452
2452
|
* Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
|
|
2453
2453
|
* the default substring matcher.
|
|
2454
2454
|
*/
|
|
2455
|
-
type Props$
|
|
2455
|
+
type Props$Z<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'> & {
|
|
2456
2456
|
items?: readonly (Value | GroupShape)[];
|
|
2457
2457
|
allowClear?: boolean;
|
|
2458
2458
|
allowSelectAll?: boolean;
|
|
@@ -2476,7 +2476,7 @@ type Props$Y<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
|
|
|
2476
2476
|
* @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
|
|
2477
2477
|
* @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
|
|
2478
2478
|
*/
|
|
2479
|
-
declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$
|
|
2479
|
+
declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$Z<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
|
|
2480
2480
|
|
|
2481
2481
|
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
|
|
2482
2482
|
type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
@@ -2489,12 +2489,12 @@ type TextareaOwnProps = {
|
|
|
2489
2489
|
disableResize?: boolean;
|
|
2490
2490
|
containerClassName?: string;
|
|
2491
2491
|
};
|
|
2492
|
-
type Props$
|
|
2492
|
+
type Props$Y = InputGroupProps$4 & TextareaNativeProps & TextareaOwnProps;
|
|
2493
2493
|
/**
|
|
2494
2494
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
2495
2495
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
2496
2496
|
*/
|
|
2497
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$
|
|
2497
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$Y & {
|
|
2498
2498
|
ref?: Ref<ElementRef<"textarea">>;
|
|
2499
2499
|
}) => react_jsx_runtime.JSX.Element;
|
|
2500
2500
|
|
|
@@ -2509,20 +2509,220 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
|
|
|
2509
2509
|
|
|
2510
2510
|
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2511
2511
|
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
2512
|
-
type Props$
|
|
2512
|
+
type Props$X = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
2513
2513
|
value?: string | null;
|
|
2514
2514
|
defaultValue?: string | null;
|
|
2515
2515
|
onValueChange?: (value: string) => void;
|
|
2516
2516
|
onValueBlur?: (value: string) => void;
|
|
2517
2517
|
allowClear?: boolean;
|
|
2518
2518
|
};
|
|
2519
|
-
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
2519
|
+
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$X & {
|
|
2520
2520
|
ref?: Ref<ElementRef<"input">>;
|
|
2521
2521
|
}) => react_jsx_runtime.JSX.Element;
|
|
2522
2522
|
|
|
2523
|
+
type ColorScheme = 'light' | 'dark' | 'system';
|
|
2524
|
+
type ResolvedMode = 'light' | 'dark';
|
|
2525
|
+
type ThemeContextValue = {
|
|
2526
|
+
brand: Brand;
|
|
2527
|
+
setBrand?: (brand: Brand) => void;
|
|
2528
|
+
/** The configured color scheme (may be `'system'`). */
|
|
2529
|
+
colorScheme: ColorScheme;
|
|
2530
|
+
/** The effective light/dark mode after resolving `'system'`. */
|
|
2531
|
+
resolvedMode: ResolvedMode;
|
|
2532
|
+
};
|
|
2533
|
+
|
|
2534
|
+
type Props$W = {
|
|
2535
|
+
/**
|
|
2536
|
+
* Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS
|
|
2537
|
+
* variables) inside this provider's subtree. Defaults to the canonical
|
|
2538
|
+
* `keboola` brand so existing apps that mount `<ThemeProvider>` without a
|
|
2539
|
+
* `brand` prop continue to render as today.
|
|
2540
|
+
*/
|
|
2541
|
+
brand?: Brand;
|
|
2542
|
+
/**
|
|
2543
|
+
* Optional setter exposed through `useTheme()` so consumers can flip
|
|
2544
|
+
* brands at runtime (Storybook toolbar, a customer-impersonation switch).
|
|
2545
|
+
*/
|
|
2546
|
+
setBrand?: (brand: Brand) => void;
|
|
2547
|
+
/**
|
|
2548
|
+
* Light/dark mode. `'system'` follows `prefers-color-scheme` and updates
|
|
2549
|
+
* reactively. Defaults to `'light'` so existing mounts don't drift. Only
|
|
2550
|
+
* the ROOT provider applies this (sets `data-theme`, owns the media
|
|
2551
|
+
* listener); a nested provider inherits the root's resolved mode.
|
|
2552
|
+
*/
|
|
2553
|
+
colorScheme?: ColorScheme;
|
|
2554
|
+
children: ReactNode;
|
|
2555
|
+
};
|
|
2556
|
+
/**
|
|
2557
|
+
* Responsibilities:
|
|
2558
|
+
* - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,
|
|
2559
|
+
* `aigradient-700`). The IDs are hardcoded, so a nested provider must not
|
|
2560
|
+
* re-emit them or the document gains duplicate (HTML-invalid) IDs.
|
|
2561
|
+
* - Set `data-brand="<brand.id>"` on `<html>` and inject the matching `--color-*` /
|
|
2562
|
+
* `--radius-*` CSS variables (for the resolved light/dark mode) so chrome
|
|
2563
|
+
* re-skins for the supplied brand.
|
|
2564
|
+
* - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the
|
|
2565
|
+
* `prefers-color-scheme` media listener when `colorScheme === 'system'`.
|
|
2566
|
+
* A nested provider inherits the resolved mode from the parent context and
|
|
2567
|
+
* touches neither `data-theme` nor a media listener.
|
|
2568
|
+
* - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.
|
|
2569
|
+
*
|
|
2570
|
+
* Brand × mode: the active mode's palette is injected inline on `<html>`. When
|
|
2571
|
+
* the resolved mode is `dark` and the brand has no `colorsDark`, the colour
|
|
2572
|
+
* vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies
|
|
2573
|
+
* them, so no `!important` override is ever needed.
|
|
2574
|
+
*
|
|
2575
|
+
* `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so
|
|
2576
|
+
* they compose without clobbering each other.
|
|
2577
|
+
*/
|
|
2578
|
+
declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$W) => react_jsx_runtime.JSX.Element;
|
|
2579
|
+
|
|
2580
|
+
/**
|
|
2581
|
+
* Read the active brand (and optional setter) from the nearest `<ThemeProvider>`.
|
|
2582
|
+
*
|
|
2583
|
+
* Throws if no provider is mounted — mirrors TanStack Query's `useQueryClient`
|
|
2584
|
+
* error UX so missing-provider bugs surface as a clear runtime message instead
|
|
2585
|
+
* of a confusing "undefined.brand" downstream.
|
|
2586
|
+
*/
|
|
2587
|
+
declare const useTheme: () => ThemeContextValue;
|
|
2588
|
+
|
|
2589
|
+
/**
|
|
2590
|
+
* Read the configured color scheme and the effective light/dark mode from the
|
|
2591
|
+
* nearest `<ThemeProvider>`. Read-only — there is no setter (yet).
|
|
2592
|
+
*
|
|
2593
|
+
* Throws if no provider is mounted (mirrors `useTheme()`).
|
|
2594
|
+
*/
|
|
2595
|
+
declare const useColorScheme: () => {
|
|
2596
|
+
colorScheme: ColorScheme;
|
|
2597
|
+
resolvedMode: ResolvedMode;
|
|
2598
|
+
};
|
|
2599
|
+
|
|
2600
|
+
declare const useIsLegacyBrand: () => boolean;
|
|
2601
|
+
|
|
2602
|
+
type Props$V = {
|
|
2603
|
+
brand: Brand;
|
|
2604
|
+
colorScheme?: ColorScheme;
|
|
2605
|
+
children: ReactNode;
|
|
2606
|
+
};
|
|
2607
|
+
/**
|
|
2608
|
+
* Storybook decorator that wraps every story in a `ThemeProvider`. Wire it
|
|
2609
|
+
* once in `.storybook/preview.tsx` (added to the global `decorators` array),
|
|
2610
|
+
* driven by the `brand` global the toolbar item sets. Pair with
|
|
2611
|
+
* `resolveStorybookBrand` + `themeToolbarBrands` from `./storybookBrands` to
|
|
2612
|
+
* build the toolbar. This is the empirical brand-swap harness UT-4047
|
|
2613
|
+
* promised for the layer-0 contract.
|
|
2614
|
+
*
|
|
2615
|
+
* `colorScheme` (driven by the **Mode** toolbar) is forwarded to the provider
|
|
2616
|
+
* so flipping it sets `data-theme` and emits the active mode's palette — the
|
|
2617
|
+
* empirical light/dark switch. The story is rendered on a `bg-background`
|
|
2618
|
+
* surface so the mode is actually visible (otherwise dark-mode text sits on
|
|
2619
|
+
* the unrelated canvas backdrop).
|
|
2620
|
+
*/
|
|
2621
|
+
declare const ThemeDecorator: ({ brand, colorScheme, children }: Props$V) => react_jsx_runtime.JSX.Element;
|
|
2622
|
+
|
|
2623
|
+
/**
|
|
2624
|
+
* Default toolbar items shipped with `ThemeDecorator` — the same brand IDs
|
|
2625
|
+
* the registry exports today. Re-exported so a downstream Storybook config
|
|
2626
|
+
* can extend the list with additional brands without re-implementing the
|
|
2627
|
+
* decorator wiring.
|
|
2628
|
+
*/
|
|
2629
|
+
declare const themeToolbarBrands: {
|
|
2630
|
+
id: string;
|
|
2631
|
+
name: string;
|
|
2632
|
+
colors: {
|
|
2633
|
+
foreground: string;
|
|
2634
|
+
background: string;
|
|
2635
|
+
muted: string;
|
|
2636
|
+
mutedForeground: string;
|
|
2637
|
+
border: string;
|
|
2638
|
+
primary: string;
|
|
2639
|
+
primaryForeground: string;
|
|
2640
|
+
destructive: string;
|
|
2641
|
+
destructiveForeground: string;
|
|
2642
|
+
accent?: string | undefined;
|
|
2643
|
+
accentForeground?: string | undefined;
|
|
2644
|
+
};
|
|
2645
|
+
shell: "sidebar" | "topnav";
|
|
2646
|
+
colorsDark?: {
|
|
2647
|
+
foreground: string;
|
|
2648
|
+
background: string;
|
|
2649
|
+
muted: string;
|
|
2650
|
+
mutedForeground: string;
|
|
2651
|
+
border: string;
|
|
2652
|
+
primary: string;
|
|
2653
|
+
primaryForeground: string;
|
|
2654
|
+
destructive: string;
|
|
2655
|
+
destructiveForeground: string;
|
|
2656
|
+
accent?: string | undefined;
|
|
2657
|
+
accentForeground?: string | undefined;
|
|
2658
|
+
} | undefined;
|
|
2659
|
+
sidebarColors?: {
|
|
2660
|
+
sidebar?: string | undefined;
|
|
2661
|
+
sidebarForeground?: string | undefined;
|
|
2662
|
+
sidebarPrimary?: string | undefined;
|
|
2663
|
+
sidebarPrimaryForeground?: string | undefined;
|
|
2664
|
+
sidebarAccent?: string | undefined;
|
|
2665
|
+
sidebarAccentForeground?: string | undefined;
|
|
2666
|
+
sidebarBorder?: string | undefined;
|
|
2667
|
+
sidebarRing?: string | undefined;
|
|
2668
|
+
} | undefined;
|
|
2669
|
+
sidebarColorsDark?: {
|
|
2670
|
+
sidebar?: string | undefined;
|
|
2671
|
+
sidebarForeground?: string | undefined;
|
|
2672
|
+
sidebarPrimary?: string | undefined;
|
|
2673
|
+
sidebarPrimaryForeground?: string | undefined;
|
|
2674
|
+
sidebarAccent?: string | undefined;
|
|
2675
|
+
sidebarAccentForeground?: string | undefined;
|
|
2676
|
+
sidebarBorder?: string | undefined;
|
|
2677
|
+
sidebarRing?: string | undefined;
|
|
2678
|
+
} | undefined;
|
|
2679
|
+
typography?: {
|
|
2680
|
+
fontFamily: string;
|
|
2681
|
+
} | undefined;
|
|
2682
|
+
radii?: {
|
|
2683
|
+
sm: string;
|
|
2684
|
+
md: string;
|
|
2685
|
+
lg: string;
|
|
2686
|
+
} | undefined;
|
|
2687
|
+
density?: "comfortable" | "compact" | undefined;
|
|
2688
|
+
}[];
|
|
2689
|
+
/**
|
|
2690
|
+
* Resolve a brand ID coming from the Storybook globals object. Falls back to
|
|
2691
|
+
* the canonical Keboola brand if the ID is unknown — keeps the decorator
|
|
2692
|
+
* defensive against stale URL state.
|
|
2693
|
+
*/
|
|
2694
|
+
declare const resolveStorybookBrand: (id: unknown) => Brand;
|
|
2695
|
+
|
|
2696
|
+
type Props$U = {
|
|
2697
|
+
/** The active color scheme. Controlled — pair with `onValueChange`. */
|
|
2698
|
+
value: ColorScheme;
|
|
2699
|
+
/** Called with the chosen scheme when the user picks a menu item. */
|
|
2700
|
+
onValueChange: (value: ColorScheme) => void;
|
|
2701
|
+
/** Trigger button size. Defaults to `small`. */
|
|
2702
|
+
size?: 'small' | 'medium';
|
|
2703
|
+
className?: string;
|
|
2704
|
+
};
|
|
2705
|
+
/**
|
|
2706
|
+
* Light / dark / system control — a single icon-only `Button` (showing the active
|
|
2707
|
+
* scheme) that opens a `DropdownMenu` of the three options. Composed, not a new
|
|
2708
|
+
* primitive. **Controlled:** it renders `value` and reports changes; it does not
|
|
2709
|
+
* own the state. `ThemeProvider.colorScheme` is a controlled prop, so wire this to
|
|
2710
|
+
* wherever that state lives:
|
|
2711
|
+
*
|
|
2712
|
+
* ```tsx
|
|
2713
|
+
* const [scheme, setScheme] = useState<ColorScheme>('system');
|
|
2714
|
+
* <ThemeProvider colorScheme={scheme}>…</ThemeProvider>
|
|
2715
|
+
* <ColorModeSwitch value={scheme} onValueChange={setScheme} />
|
|
2716
|
+
* ```
|
|
2717
|
+
*
|
|
2718
|
+
* The menu uses `DropdownMenu.RadioGroup` for single-select semantics; the active
|
|
2719
|
+
* item is marked as checked. The trigger's `aria-label` names the current scheme.
|
|
2720
|
+
*/
|
|
2721
|
+
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$U) => react_jsx_runtime.JSX.Element;
|
|
2722
|
+
|
|
2523
2723
|
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2524
2724
|
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
2525
|
-
type Props$
|
|
2725
|
+
type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
2526
2726
|
value?: number | null;
|
|
2527
2727
|
defaultValue?: number | null;
|
|
2528
2728
|
onValueChange?: (value: number | null) => void;
|
|
@@ -2530,13 +2730,13 @@ type Props$V = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
|
2530
2730
|
prefix?: ReactNode;
|
|
2531
2731
|
suffix?: ReactNode;
|
|
2532
2732
|
};
|
|
2533
|
-
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
2733
|
+
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$T & {
|
|
2534
2734
|
ref?: Ref<ElementRef<"input">>;
|
|
2535
2735
|
}) => react_jsx_runtime.JSX.Element;
|
|
2536
2736
|
|
|
2537
2737
|
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2538
2738
|
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
2539
|
-
type Props$
|
|
2739
|
+
type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
2540
2740
|
value?: string | null;
|
|
2541
2741
|
defaultValue?: string | null;
|
|
2542
2742
|
onValueChange?: (value: string) => void;
|
|
@@ -2546,7 +2746,7 @@ type Props$U = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
2546
2746
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
2547
2747
|
defaultPasswordVisibility?: boolean;
|
|
2548
2748
|
};
|
|
2549
|
-
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$
|
|
2749
|
+
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 & {
|
|
2550
2750
|
ref?: Ref<ElementRef<"input">>;
|
|
2551
2751
|
}) => react_jsx_runtime.JSX.Element;
|
|
2552
2752
|
|
|
@@ -2602,7 +2802,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
|
|
|
2602
2802
|
* is treated as "not provided" — the component falls back to `defaultValue` (or, if absent, internal
|
|
2603
2803
|
* state initialized to empty). `value={""}` is controlled-empty.
|
|
2604
2804
|
*/
|
|
2605
|
-
type Props$
|
|
2805
|
+
type Props$R = InputGroupProps & InputGroupInputProps & {
|
|
2606
2806
|
value?: string | null;
|
|
2607
2807
|
defaultValue?: string | null;
|
|
2608
2808
|
/** 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`. */
|
|
@@ -2631,7 +2831,7 @@ type Props$T = InputGroupProps & InputGroupInputProps & {
|
|
|
2631
2831
|
*
|
|
2632
2832
|
* @see RECIPES.md#filter-toolbar — for the search + filter chips toolbar pattern
|
|
2633
2833
|
*/
|
|
2634
|
-
declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$
|
|
2834
|
+
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 & {
|
|
2635
2835
|
ref?: Ref<ElementRef<"input">>;
|
|
2636
2836
|
}) => react_jsx_runtime.JSX.Element;
|
|
2637
2837
|
|
|
@@ -2656,15 +2856,15 @@ declare const addonVariants: (props?: ({
|
|
|
2656
2856
|
align?: "inline-start" | "inline-end" | null | undefined;
|
|
2657
2857
|
variant?: "inline" | "floating" | null | undefined;
|
|
2658
2858
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2659
|
-
type Props$
|
|
2660
|
-
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$
|
|
2859
|
+
type Props$Q = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
|
|
2860
|
+
declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$Q & {
|
|
2661
2861
|
ref?: Ref<ElementRef<"div">>;
|
|
2662
2862
|
}) => react_jsx_runtime.JSX.Element;
|
|
2663
2863
|
|
|
2664
|
-
type Props$
|
|
2864
|
+
type Props$P = ComponentProps<'span'> & {
|
|
2665
2865
|
asChild?: boolean;
|
|
2666
2866
|
};
|
|
2667
|
-
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$
|
|
2867
|
+
declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$P & {
|
|
2668
2868
|
ref?: Ref<ElementRef<"span">>;
|
|
2669
2869
|
}) => react_jsx_runtime.JSX.Element;
|
|
2670
2870
|
|
|
@@ -2673,8 +2873,8 @@ declare const badgeRootVariants: (props?: ({
|
|
|
2673
2873
|
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;
|
|
2674
2874
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2675
2875
|
|
|
2676
|
-
type Props$
|
|
2677
|
-
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$
|
|
2876
|
+
type Props$O = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
|
|
2877
|
+
declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$O & {
|
|
2678
2878
|
ref?: Ref<ElementRef<"div">>;
|
|
2679
2879
|
}) => react_jsx_runtime.JSX.Element;
|
|
2680
2880
|
|
|
@@ -2686,14 +2886,14 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
|
|
|
2686
2886
|
* `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.
|
|
2687
2887
|
* Pass `prefix` / `suffix` for icon-style addons.
|
|
2688
2888
|
*/
|
|
2689
|
-
type Props$
|
|
2889
|
+
type Props$N = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
|
|
2690
2890
|
prefix?: ReactNode;
|
|
2691
2891
|
prefixVariant?: AddonVariant;
|
|
2692
2892
|
suffix?: ReactNode;
|
|
2693
2893
|
suffixVariant?: AddonVariant;
|
|
2694
2894
|
labelClassName?: string;
|
|
2695
2895
|
};
|
|
2696
|
-
declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$
|
|
2896
|
+
declare const Badge: (({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$N & {
|
|
2697
2897
|
ref?: Ref<ElementRef<"span">>;
|
|
2698
2898
|
}) => react_jsx_runtime.JSX.Element) & {
|
|
2699
2899
|
Root: ({ ref, variant, color, className, children, ...rest }: (react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & class_variance_authority.VariantProps<(props?: ({
|
|
@@ -2725,45 +2925,45 @@ type TagOption = {
|
|
|
2725
2925
|
disabled?: boolean;
|
|
2726
2926
|
};
|
|
2727
2927
|
|
|
2728
|
-
type Props$
|
|
2928
|
+
type Props$M = {
|
|
2729
2929
|
onCreate?: (search: string) => void;
|
|
2730
2930
|
} & Pick<ComponentProps<typeof Command.Item>, 'value'>;
|
|
2731
|
-
declare const TagSelectCreateItem: ({ onCreate, value }: Props$
|
|
2931
|
+
declare const TagSelectCreateItem: ({ onCreate, value }: Props$M) => react_jsx_runtime.JSX.Element;
|
|
2732
2932
|
|
|
2733
|
-
type Props$
|
|
2933
|
+
type Props$L = {
|
|
2734
2934
|
value: string[];
|
|
2735
2935
|
onAdd?: (selected: string[]) => void;
|
|
2736
2936
|
};
|
|
2737
|
-
declare const TagSelectValue: ({ value, onAdd }: Props$
|
|
2937
|
+
declare const TagSelectValue: ({ value, onAdd }: Props$L) => react_jsx_runtime.JSX.Element;
|
|
2738
2938
|
|
|
2739
|
-
type Props$
|
|
2939
|
+
type Props$K = {
|
|
2740
2940
|
options?: TagOption[];
|
|
2741
2941
|
} & Pick<ComponentProps<typeof TagSelectValue>, 'onAdd'> & Pick<ComponentProps<typeof TagSelectCreateItem>, 'onCreate'>;
|
|
2742
|
-
declare const TagSelectList: ({ options, onAdd, onCreate }: Props$
|
|
2942
|
+
declare const TagSelectList: ({ options, onAdd, onCreate }: Props$K) => react_jsx_runtime.JSX.Element;
|
|
2743
2943
|
|
|
2744
|
-
type Props$
|
|
2944
|
+
type Props$J = {
|
|
2745
2945
|
children: ReactNode;
|
|
2746
2946
|
} & ComponentProps<typeof TagSelectList>;
|
|
2747
|
-
declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$
|
|
2947
|
+
declare const TagSelectPopover: ({ children, onAdd, options, onCreate }: Props$J) => react_jsx_runtime.JSX.Element;
|
|
2748
2948
|
|
|
2749
2949
|
type OnValueChangeHandler = (value: {
|
|
2750
2950
|
action: 'add' | 'remove';
|
|
2751
2951
|
tags: TagOption[];
|
|
2752
2952
|
allTags: TagOption[];
|
|
2753
2953
|
}) => void;
|
|
2754
|
-
type Props$
|
|
2954
|
+
type Props$I = {
|
|
2755
2955
|
value?: TagOption[];
|
|
2756
2956
|
onValueChange: OnValueChangeHandler;
|
|
2757
2957
|
disabled?: boolean;
|
|
2758
2958
|
} & Pick<ComponentProps<typeof TagSelectPopover>, 'options' | 'onCreate'>;
|
|
2759
|
-
declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$
|
|
2959
|
+
declare const Tagger: ({ options, value, onCreate, onValueChange, disabled, }: Props$I) => react_jsx_runtime.JSX.Element | null;
|
|
2760
2960
|
|
|
2761
2961
|
/**
|
|
2762
2962
|
* Props for `FileUpload`. The component is uncontrolled with respect to the file
|
|
2763
2963
|
* list — the caller owns the selected `File[]` and updates it from `onFilesChange`.
|
|
2764
2964
|
* `FileUpload` only signals drop events; it does not store the file array.
|
|
2765
2965
|
*/
|
|
2766
|
-
type Props$
|
|
2966
|
+
type Props$H = {
|
|
2767
2967
|
/** MIME / extension filter passed straight to react-dropzone. */
|
|
2768
2968
|
accept?: Accept;
|
|
2769
2969
|
/** Max size per file, in bytes. Oversized files are rejected and surface in `onFilesRejected`. */
|
|
@@ -2782,7 +2982,7 @@ type Props$J = {
|
|
|
2782
2982
|
forcedState?: 'idle' | 'dragging' | 'error';
|
|
2783
2983
|
children: ReactNode;
|
|
2784
2984
|
} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onDrop'>;
|
|
2785
|
-
declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$
|
|
2985
|
+
declare const FileUpload: (({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$H) => react_jsx_runtime.JSX.Element) & {
|
|
2786
2986
|
DropZone: ({ children, className, ...rest }: {
|
|
2787
2987
|
children?: ReactNode;
|
|
2788
2988
|
} & Omit<HTMLAttributes<HTMLDivElement>, "children">) => react_jsx_runtime.JSX.Element;
|
|
@@ -4106,47 +4306,47 @@ declare const FormGroup: {
|
|
|
4106
4306
|
declare const helpVariants: (props?: ({
|
|
4107
4307
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
4108
4308
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4109
|
-
type Props$
|
|
4309
|
+
type Props$G = {
|
|
4110
4310
|
className?: string;
|
|
4111
4311
|
children?: ReactNode;
|
|
4112
4312
|
testId?: string;
|
|
4113
4313
|
} & VariantProps<typeof helpVariants>;
|
|
4114
|
-
declare const HelpBlock: ({ children, className, state, testId }: Props$
|
|
4314
|
+
declare const HelpBlock: ({ children, className, state, testId }: Props$G) => react_jsx_runtime.JSX.Element | null;
|
|
4115
4315
|
|
|
4116
4316
|
type AnswerItem = {
|
|
4117
4317
|
question: string;
|
|
4118
4318
|
answer?: string;
|
|
4119
4319
|
};
|
|
4120
4320
|
type Variant$5 = 'success' | 'dismissed';
|
|
4121
|
-
type Props$
|
|
4321
|
+
type Props$F = {
|
|
4122
4322
|
items: readonly AnswerItem[];
|
|
4123
4323
|
variant?: Variant$5;
|
|
4124
4324
|
noAnswerLabel?: string;
|
|
4125
4325
|
};
|
|
4126
|
-
declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$
|
|
4326
|
+
declare const AnswerSummary: ({ items, variant, noAnswerLabel, }: Props$F) => react_jsx_runtime.JSX.Element;
|
|
4127
4327
|
|
|
4128
4328
|
type Variant$4 = 'success' | 'error' | 'processing' | 'dismissed';
|
|
4129
|
-
type Props$
|
|
4329
|
+
type Props$E = {
|
|
4130
4330
|
isExpanded: boolean;
|
|
4131
4331
|
onToggle: () => void;
|
|
4132
4332
|
label: ReactNode;
|
|
4133
4333
|
variant?: Variant$4;
|
|
4134
4334
|
};
|
|
4135
|
-
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$
|
|
4335
|
+
declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant, }: Props$E) => react_jsx_runtime.JSX.Element;
|
|
4136
4336
|
|
|
4137
|
-
type Props$
|
|
4337
|
+
type Props$D = {
|
|
4138
4338
|
children: ReactNode;
|
|
4139
4339
|
};
|
|
4140
|
-
declare const InlineStepDetail: ({ children }: Props$
|
|
4340
|
+
declare const InlineStepDetail: ({ children }: Props$D) => react_jsx_runtime.JSX.Element;
|
|
4141
4341
|
|
|
4142
4342
|
type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
|
|
4143
|
-
type Props$
|
|
4343
|
+
type Props$C = {
|
|
4144
4344
|
variant: Variant$3;
|
|
4145
4345
|
children: ReactNode;
|
|
4146
4346
|
};
|
|
4147
|
-
declare const InlineStepLabel: ({ variant, children }: Props$
|
|
4347
|
+
declare const InlineStepLabel: ({ variant, children }: Props$C) => react_jsx_runtime.JSX.Element;
|
|
4148
4348
|
|
|
4149
|
-
type Props$
|
|
4349
|
+
type Props$B = {
|
|
4150
4350
|
user?: {
|
|
4151
4351
|
name: string | undefined;
|
|
4152
4352
|
email: string | undefined;
|
|
@@ -4156,17 +4356,17 @@ type Props$D = {
|
|
|
4156
4356
|
size?: number;
|
|
4157
4357
|
variant?: 'circle' | 'rounded';
|
|
4158
4358
|
} & ComponentProps<'span'>;
|
|
4159
|
-
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$
|
|
4359
|
+
declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$B & {
|
|
4160
4360
|
ref?: Ref<ElementRef<"span">>;
|
|
4161
4361
|
}) => react_jsx_runtime.JSX.Element;
|
|
4162
4362
|
|
|
4163
|
-
type Props$
|
|
4363
|
+
type Props$A = {
|
|
4164
4364
|
variant: 'user' | 'assistant';
|
|
4165
4365
|
user?: ComponentProps<typeof Avatar>['user'];
|
|
4166
4366
|
actions?: ReactNode;
|
|
4167
4367
|
createdAt?: string;
|
|
4168
4368
|
} & PropsWithChildren;
|
|
4169
|
-
declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$
|
|
4369
|
+
declare const MessageBubble: ({ variant, children, user, actions, createdAt }: Props$A) => react_jsx_runtime.JSX.Element;
|
|
4170
4370
|
|
|
4171
4371
|
type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
|
|
4172
4372
|
type PlanApprovalProps = {
|
|
@@ -4214,17 +4414,17 @@ type PromptCommand = {
|
|
|
4214
4414
|
};
|
|
4215
4415
|
|
|
4216
4416
|
type SubmitStatus = 'submitted' | 'ready' | 'streaming' | 'interrupted';
|
|
4217
|
-
type Props$
|
|
4417
|
+
type Props$z = Pick<ComponentProps<typeof Button>, 'disabled'> & {
|
|
4218
4418
|
status?: SubmitStatus;
|
|
4219
4419
|
};
|
|
4220
|
-
declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$
|
|
4420
|
+
declare const PromptInputSubmit: ({ ref, disabled, status, }: Props$z & {
|
|
4221
4421
|
ref?: Ref<ElementRef<"button">>;
|
|
4222
4422
|
}) => react_jsx_runtime.JSX.Element;
|
|
4223
4423
|
|
|
4224
4424
|
declare const promptInputVariants: (props?: ({
|
|
4225
4425
|
variant?: "inline" | "default" | null | undefined;
|
|
4226
4426
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4227
|
-
type Props$
|
|
4427
|
+
type Props$y = {
|
|
4228
4428
|
onSend?: (value: string) => void;
|
|
4229
4429
|
onAbort?: () => void;
|
|
4230
4430
|
onContinue?: () => void;
|
|
@@ -4238,7 +4438,7 @@ type Props$A = {
|
|
|
4238
4438
|
commands?: PromptCommand[];
|
|
4239
4439
|
} & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof react_textarea_autosize__default>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
|
|
4240
4440
|
declare const PromptInput: {
|
|
4241
|
-
({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$
|
|
4441
|
+
({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, ...textareaProps }: Props$y): react_jsx_runtime.JSX.Element;
|
|
4242
4442
|
Action: ({ ref, onMouseDown, ...rest }: react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
|
|
4243
4443
|
ref?: react.Ref<ElementRef<"button">>;
|
|
4244
4444
|
}) => react_jsx_runtime.JSX.Element;
|
|
@@ -4250,7 +4450,7 @@ type QuestionOption = {
|
|
|
4250
4450
|
description?: string;
|
|
4251
4451
|
preview?: string;
|
|
4252
4452
|
};
|
|
4253
|
-
type Props$
|
|
4453
|
+
type Props$x = {
|
|
4254
4454
|
question: string;
|
|
4255
4455
|
header?: string;
|
|
4256
4456
|
options: readonly QuestionOption[];
|
|
@@ -4273,7 +4473,7 @@ type Props$z = {
|
|
|
4273
4473
|
renderPreview?: (content: string) => ReactNode;
|
|
4274
4474
|
className?: string;
|
|
4275
4475
|
};
|
|
4276
|
-
declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, className, }: Props$
|
|
4476
|
+
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;
|
|
4277
4477
|
|
|
4278
4478
|
type QuestionStep = {
|
|
4279
4479
|
question: string;
|
|
@@ -4287,7 +4487,7 @@ type QuestionAnswers = {
|
|
|
4287
4487
|
selections: Record<number, readonly string[]>;
|
|
4288
4488
|
customAnswers: Record<number, string>;
|
|
4289
4489
|
};
|
|
4290
|
-
type Props$
|
|
4490
|
+
type Props$w = {
|
|
4291
4491
|
steps: readonly [QuestionStep, ...QuestionStep[]];
|
|
4292
4492
|
showSkip?: boolean;
|
|
4293
4493
|
onSubmit?: (answers: QuestionAnswers) => void;
|
|
@@ -4295,23 +4495,23 @@ type Props$y = {
|
|
|
4295
4495
|
renderPreview?: (content: string) => ReactNode;
|
|
4296
4496
|
className?: string;
|
|
4297
4497
|
};
|
|
4298
|
-
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$
|
|
4498
|
+
declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className, }: Props$w) => react_jsx_runtime.JSX.Element;
|
|
4299
4499
|
|
|
4300
|
-
type Props$
|
|
4500
|
+
type Props$v = {
|
|
4301
4501
|
label: string;
|
|
4302
4502
|
disabled?: boolean;
|
|
4303
4503
|
onClick: () => void;
|
|
4304
4504
|
icon?: ReactNode;
|
|
4305
4505
|
className?: string;
|
|
4306
4506
|
};
|
|
4307
|
-
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$
|
|
4507
|
+
declare const SuggestedPrompt: ({ label, disabled, onClick, icon, className }: Props$v) => react_jsx_runtime.JSX.Element;
|
|
4308
4508
|
|
|
4309
4509
|
type ThinkingIndicatorProps = {
|
|
4310
4510
|
label?: string;
|
|
4311
4511
|
};
|
|
4312
4512
|
declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => react_jsx_runtime.JSX.Element;
|
|
4313
4513
|
|
|
4314
|
-
type Props$
|
|
4514
|
+
type Props$u = {
|
|
4315
4515
|
value: number;
|
|
4316
4516
|
alert?: boolean;
|
|
4317
4517
|
children: ReactNode;
|
|
@@ -4325,19 +4525,19 @@ type Props$w = {
|
|
|
4325
4525
|
side?: ComponentProps<typeof HoverCard.Content>['side'];
|
|
4326
4526
|
sideOffset?: ComponentProps<typeof HoverCard.Content>['sideOffset'];
|
|
4327
4527
|
};
|
|
4328
|
-
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$
|
|
4528
|
+
declare const UsageStats: ({ value, alert, children, className, ariaLabel, align, side, sideOffset, }: Props$u) => react_jsx_runtime.JSX.Element;
|
|
4329
4529
|
|
|
4330
|
-
type Props$
|
|
4530
|
+
type Props$t = {
|
|
4331
4531
|
value: number;
|
|
4332
4532
|
size?: number;
|
|
4333
4533
|
strokeWidth?: number;
|
|
4334
4534
|
className?: string;
|
|
4335
4535
|
};
|
|
4336
|
-
declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$
|
|
4536
|
+
declare const UsageStatsRing: ({ value, size, strokeWidth, className }: Props$t) => react_jsx_runtime.JSX.Element;
|
|
4337
4537
|
|
|
4338
|
-
type Props$
|
|
4538
|
+
type Props$s = ComponentProps<typeof Root$9>;
|
|
4339
4539
|
declare const Collapsible: {
|
|
4340
|
-
(props: Props$
|
|
4540
|
+
(props: Props$s): react_jsx_runtime.JSX.Element;
|
|
4341
4541
|
Trigger: react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
4342
4542
|
Content: ({ ref, className, children, ...props }: Omit<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4343
4543
|
ref?: react.Ref<react.ElementRef<react.ForwardRefExoticComponent<_radix_ui_react_collapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>>>;
|
|
@@ -4345,10 +4545,10 @@ declare const Collapsible: {
|
|
|
4345
4545
|
};
|
|
4346
4546
|
|
|
4347
4547
|
type Variant$2 = 'info' | 'warning' | 'error' | 'success';
|
|
4348
|
-
type Props$
|
|
4548
|
+
type Props$r = {
|
|
4349
4549
|
variant?: Variant$2;
|
|
4350
4550
|
} & ComponentProps<'div'>;
|
|
4351
|
-
declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$
|
|
4551
|
+
declare const AlertRoot: ({ ref, children, className, variant, ...rest }: Props$r & {
|
|
4352
4552
|
ref?: Ref<ElementRef<"div">>;
|
|
4353
4553
|
}) => react_jsx_runtime.JSX.Element;
|
|
4354
4554
|
|
|
@@ -4373,7 +4573,7 @@ type DefaultProps = {
|
|
|
4373
4573
|
* `"collapsible"` requires `title` + `children` (no `actions`) and renders a collapsible disclosure.
|
|
4374
4574
|
* `variant` (`info` | `success` | `warning` | `error`) is a categorical colour contract.
|
|
4375
4575
|
*/
|
|
4376
|
-
type Props$
|
|
4576
|
+
type Props$q = CommonProps & (CollapsibleProps | DefaultProps);
|
|
4377
4577
|
/**
|
|
4378
4578
|
* Persistent inline banner for contextual messages tied to the page layout.
|
|
4379
4579
|
*
|
|
@@ -4387,13 +4587,13 @@ type Props$s = CommonProps & (CollapsibleProps | DefaultProps);
|
|
|
4387
4587
|
*
|
|
4388
4588
|
* @see RECIPES.md#alert-with-action — for action-bearing alert composition
|
|
4389
4589
|
*/
|
|
4390
|
-
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$
|
|
4590
|
+
declare const Alert: ({ title, variant, children, hideIcon, icon, className, actions, mode, defaultOpen, open: openProp, onOpenChange: onOpenChangeProp, ...rest }: Props$q) => react_jsx_runtime.JSX.Element;
|
|
4391
4591
|
|
|
4392
4592
|
declare const variants$1: (props?: ({
|
|
4393
4593
|
variant?: "default" | "error" | "info" | "warning" | "success" | null | undefined;
|
|
4394
4594
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4395
4595
|
type Variants = VariantProps<typeof variants$1>;
|
|
4396
|
-
type Props$
|
|
4596
|
+
type Props$p = {
|
|
4397
4597
|
id: string | number;
|
|
4398
4598
|
title: ReactNode;
|
|
4399
4599
|
icon?: ReactNode;
|
|
@@ -4402,7 +4602,7 @@ type Props$r = {
|
|
|
4402
4602
|
loading?: boolean;
|
|
4403
4603
|
duration?: number;
|
|
4404
4604
|
} & Variants;
|
|
4405
|
-
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$
|
|
4605
|
+
declare const ToastRoot: ({ id, title, description, action, duration, variant, loading, icon: iconProp, }: Props$p) => react_jsx_runtime.JSX.Element;
|
|
4406
4606
|
|
|
4407
4607
|
type ToastProps = ComponentProps<typeof ToastRoot>;
|
|
4408
4608
|
type Title = ToastProps['title'] | ((opts: {
|
|
@@ -4423,7 +4623,7 @@ declare const toast: {
|
|
|
4423
4623
|
dismissAll(): string | number;
|
|
4424
4624
|
};
|
|
4425
4625
|
|
|
4426
|
-
type Props$
|
|
4626
|
+
type Props$o = {
|
|
4427
4627
|
enabled?: boolean;
|
|
4428
4628
|
} & Parameters<typeof toast>[0];
|
|
4429
4629
|
/**
|
|
@@ -4436,22 +4636,22 @@ type Props$q = {
|
|
|
4436
4636
|
* Use `toast()` for transient feedback after a user action
|
|
4437
4637
|
* (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
|
|
4438
4638
|
*/
|
|
4439
|
-
declare const useNotification: ({ enabled, ...toastOptions }: Props$
|
|
4639
|
+
declare const useNotification: ({ enabled, ...toastOptions }: Props$o) => void;
|
|
4440
4640
|
|
|
4441
4641
|
type ToasterProps = ComponentProps<typeof Toaster$1>;
|
|
4442
4642
|
declare const Toaster: ({ gap, visibleToasts, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
4443
4643
|
|
|
4444
|
-
type Props$
|
|
4644
|
+
type Props$n = {
|
|
4445
4645
|
children?: ReactNode;
|
|
4446
4646
|
};
|
|
4447
|
-
declare const EmptySearchContent: ({ children }: Props$
|
|
4647
|
+
declare const EmptySearchContent: ({ children }: Props$n) => react_jsx_runtime.JSX.Element;
|
|
4448
4648
|
|
|
4449
|
-
type Props$
|
|
4649
|
+
type Props$m = {
|
|
4450
4650
|
title: string;
|
|
4451
4651
|
children: ReactNode;
|
|
4452
4652
|
className?: string;
|
|
4453
4653
|
};
|
|
4454
|
-
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$
|
|
4654
|
+
declare const EmptyConfigurationActionCard: ({ title, children, className }: Props$m) => react_jsx_runtime.JSX.Element;
|
|
4455
4655
|
|
|
4456
4656
|
declare const emptyStateClassnames: (props?: ({
|
|
4457
4657
|
variant?: "compact" | "default" | null | undefined;
|
|
@@ -4591,8 +4791,8 @@ declare const variants: (props?: ({
|
|
|
4591
4791
|
variant?: "default" | "success" | null | undefined;
|
|
4592
4792
|
size?: "sm" | "lg" | null | undefined;
|
|
4593
4793
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4594
|
-
type Props$
|
|
4595
|
-
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$
|
|
4794
|
+
type Props$l = ComponentProps<typeof Root$a> & VariantProps<typeof variants>;
|
|
4795
|
+
declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$l & {
|
|
4596
4796
|
ref?: Ref<ElementRef<typeof Root$a>>;
|
|
4597
4797
|
}) => react_jsx_runtime.JSX.Element;
|
|
4598
4798
|
|
|
@@ -4610,7 +4810,7 @@ type CollapseProps = {
|
|
|
4610
4810
|
/** @deprecated Use `Collapsible` instead. */
|
|
4611
4811
|
declare const Collapse: ({ open, header, className, bodyClassName, children, onClick, animationClassName, hidden, ...rest }: CollapseProps & ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
|
|
4612
4812
|
|
|
4613
|
-
type Props$
|
|
4813
|
+
type Props$k = {
|
|
4614
4814
|
header: ReactNode;
|
|
4615
4815
|
isDisabled?: boolean;
|
|
4616
4816
|
defaultExpanded?: boolean;
|
|
@@ -4622,16 +4822,16 @@ type Props$m = {
|
|
|
4622
4822
|
variant?: 'default' | 'white';
|
|
4623
4823
|
children: ReactNode;
|
|
4624
4824
|
};
|
|
4625
|
-
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$
|
|
4825
|
+
declare const CollapsiblePanel: ({ header, className, bodyClassName, headerClassName, defaultExpanded, isDisabled, children, isOpen, onToggle, variant, }: Props$k) => react_jsx_runtime.JSX.Element;
|
|
4626
4826
|
|
|
4627
|
-
type Props$
|
|
4827
|
+
type Props$j = PropsWithChildren<{
|
|
4628
4828
|
defaultExpanded?: boolean;
|
|
4629
4829
|
labelCollapse?: ReactNode;
|
|
4630
4830
|
labelOpen?: ReactNode;
|
|
4631
4831
|
placement?: 'top' | 'bottom';
|
|
4632
4832
|
className?: string;
|
|
4633
4833
|
}>;
|
|
4634
|
-
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$
|
|
4834
|
+
declare const PanelWithDetails: ({ defaultExpanded, labelCollapse, labelOpen, placement, children, }: Props$j) => react_jsx_runtime.JSX.Element;
|
|
4635
4835
|
|
|
4636
4836
|
type RootProps$1 = ComponentPropsWithoutRef<'div'>;
|
|
4637
4837
|
type SlotProps = ComponentPropsWithoutRef<'div'> & {
|
|
@@ -4887,7 +5087,7 @@ type SidebarState$1 = 'expanded' | 'collapsed';
|
|
|
4887
5087
|
type SidebarCollapsible = 'icon' | 'off-canvas';
|
|
4888
5088
|
type SidebarVariant = 'sided-floating' | 'inset' | 'floating' | 'none';
|
|
4889
5089
|
|
|
4890
|
-
type Props$
|
|
5090
|
+
type Props$i = {
|
|
4891
5091
|
children: ReactNode;
|
|
4892
5092
|
className?: string;
|
|
4893
5093
|
id?: string;
|
|
@@ -4898,7 +5098,7 @@ type Props$k = {
|
|
|
4898
5098
|
resizable?: boolean;
|
|
4899
5099
|
};
|
|
4900
5100
|
declare const Sidebar: {
|
|
4901
|
-
({ children, className, id, side, style, container, keepMounted, resizable, }: Props$
|
|
5101
|
+
({ children, className, id, side, style, container, keepMounted, resizable, }: Props$i): react_jsx_runtime.JSX.Element | null;
|
|
4902
5102
|
Header: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
4903
5103
|
Content: ({ ref, className, children, contentRef, }: {
|
|
4904
5104
|
className?: string;
|
|
@@ -5568,7 +5768,7 @@ declare const Sidebar: {
|
|
|
5568
5768
|
}) => react_jsx_runtime.JSX.Element;
|
|
5569
5769
|
};
|
|
5570
5770
|
|
|
5571
|
-
type Props$
|
|
5771
|
+
type Props$h = {
|
|
5572
5772
|
children?: ReactNode;
|
|
5573
5773
|
defaultLeftMode?: SidebarMode;
|
|
5574
5774
|
leftMode?: SidebarMode;
|
|
@@ -5586,7 +5786,7 @@ type Props$j = {
|
|
|
5586
5786
|
onRightWidthChange?: (width: number) => void;
|
|
5587
5787
|
defaultFilledSide?: SidebarSide | null;
|
|
5588
5788
|
};
|
|
5589
|
-
declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$
|
|
5789
|
+
declare const SidebarProvider: ({ children, defaultLeftMode, leftMode, onLeftModeChange, defaultRightMode, rightMode, onRightModeChange, leftCollapsible, leftVariant, leftWidth, rightCollapsible, rightVariant, rightWidth, onLeftWidthChange, onRightWidthChange, defaultFilledSide, }: Props$h) => react_jsx_runtime.JSX.Element;
|
|
5590
5790
|
|
|
5591
5791
|
type Input = {
|
|
5592
5792
|
variant: SidebarVariant;
|
|
@@ -5602,12 +5802,12 @@ type EffectiveWidths = {
|
|
|
5602
5802
|
};
|
|
5603
5803
|
declare const calcEffectiveWidths: ({ variant, width: customWidth, collapsible, state, mode, }: Input) => EffectiveWidths;
|
|
5604
5804
|
|
|
5605
|
-
type Props$
|
|
5805
|
+
type Props$g = {
|
|
5606
5806
|
defaultMode?: SidebarMode;
|
|
5607
5807
|
mode?: SidebarMode;
|
|
5608
5808
|
onModeChange?: (state: SidebarMode) => void;
|
|
5609
5809
|
};
|
|
5610
|
-
declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$
|
|
5810
|
+
declare const useSidebarState: ({ defaultMode, mode: modeProp, onModeChange }: Props$g) => {
|
|
5611
5811
|
isHovered: boolean;
|
|
5612
5812
|
toggle: () => void;
|
|
5613
5813
|
setMode: (dispatch: Parameters<react.Dispatch<react.SetStateAction<"expanded" | "collapsed" | "expand-on-hover">>>[0]) => void;
|
|
@@ -5637,7 +5837,7 @@ declare const separatorVariants: (props?: ({
|
|
|
5637
5837
|
size?: "full" | "1/2" | "3/4" | null | undefined;
|
|
5638
5838
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
5639
5839
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5640
|
-
type Props$
|
|
5840
|
+
type Props$f = VariantProps<typeof separatorVariants> & Omit<ComponentProps<typeof RSeparator.Root>, 'decorative'> & {
|
|
5641
5841
|
/**
|
|
5642
5842
|
* Optional label rendered centered between two line segments
|
|
5643
5843
|
* (typical "OR" divider). Implies `orientation="horizontal"`.
|
|
@@ -5645,12 +5845,12 @@ type Props$h = VariantProps<typeof separatorVariants> & Omit<ComponentProps<type
|
|
|
5645
5845
|
*/
|
|
5646
5846
|
label?: ReactNode;
|
|
5647
5847
|
};
|
|
5648
|
-
declare const Separator: ({ className, orientation, size, label, ...props }: Props$
|
|
5848
|
+
declare const Separator: ({ className, orientation, size, label, ...props }: Props$f) => react_jsx_runtime.JSX.Element;
|
|
5649
5849
|
|
|
5650
5850
|
declare const navbarClassnames: (props?: ({
|
|
5651
5851
|
bordered?: boolean | null | undefined;
|
|
5652
5852
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5653
|
-
type Props$
|
|
5853
|
+
type Props$e = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
|
|
5654
5854
|
accent?: 'blue' | 'purple' | 'green' | 'orange';
|
|
5655
5855
|
};
|
|
5656
5856
|
/**
|
|
@@ -5668,7 +5868,7 @@ type Props$g = ComponentProps<'nav'> & VariantProps<typeof navbarClassnames> & {
|
|
|
5668
5868
|
* @see AppShell — pair with `AppShell.Header`; the sidebar rail uses `Sidebar` instead.
|
|
5669
5869
|
*/
|
|
5670
5870
|
declare const Navbar: {
|
|
5671
|
-
({ className, accent, bordered, ...rest }: Props$
|
|
5871
|
+
({ className, accent, bordered, ...rest }: Props$e): react_jsx_runtime.JSX.Element;
|
|
5672
5872
|
Header: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5673
5873
|
Footer: ({ children, className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5674
5874
|
Content: ({ children, className }: {
|
|
@@ -5702,9 +5902,9 @@ declare const Navbar: {
|
|
|
5702
5902
|
}) => react_jsx_runtime.JSX.Element;
|
|
5703
5903
|
};
|
|
5704
5904
|
|
|
5705
|
-
type Props$
|
|
5905
|
+
type Props$d = ComponentProps<'nav'>;
|
|
5706
5906
|
declare const Breadcrumb: {
|
|
5707
|
-
({ className, ...props }: Props$
|
|
5907
|
+
({ className, ...props }: Props$d): react_jsx_runtime.JSX.Element;
|
|
5708
5908
|
List: ({ className, ...props }: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react_jsx_runtime.JSX.Element;
|
|
5709
5909
|
Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5710
5910
|
Link: ({ ref, asChild, className, ...props }: (react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
@@ -5726,7 +5926,7 @@ type Trigger<T extends string> = {
|
|
|
5726
5926
|
title: ReactNode;
|
|
5727
5927
|
onClose?: (value: T) => void;
|
|
5728
5928
|
} & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
|
|
5729
|
-
type Props$
|
|
5929
|
+
type Props$c<T extends string> = {
|
|
5730
5930
|
triggers: Trigger<T>[];
|
|
5731
5931
|
compact?: boolean;
|
|
5732
5932
|
children: ReactNode;
|
|
@@ -5737,7 +5937,7 @@ type Props$e<T extends string> = {
|
|
|
5737
5937
|
triggerClassName?: string;
|
|
5738
5938
|
triggerGroupClassName?: string;
|
|
5739
5939
|
} & Omit<RadixTabs.TabsProps, 'onValueChange'>;
|
|
5740
|
-
declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$
|
|
5940
|
+
declare const Tabs: <T extends string>({ triggers, compact, children, defaultValue, onValueChange, rootClassName, listClassName, triggerClassName, triggerGroupClassName, ...rest }: Props$c<T>) => react_jsx_runtime.JSX.Element;
|
|
5741
5941
|
|
|
5742
5942
|
declare const TabsContent: (props: RadixTabs.TabsContentProps) => react_jsx_runtime.JSX.Element;
|
|
5743
5943
|
|
|
@@ -5754,7 +5954,7 @@ declare const stepperVariants: (props?: ({
|
|
|
5754
5954
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
5755
5955
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5756
5956
|
|
|
5757
|
-
type Props$
|
|
5957
|
+
type Props$b = {
|
|
5758
5958
|
/** Layout direction. Defaults to `horizontal`. */
|
|
5759
5959
|
orientation?: StepperOrientation;
|
|
5760
5960
|
/**
|
|
@@ -5776,7 +5976,7 @@ type Props$d = {
|
|
|
5776
5976
|
* otherwise the stepper is visual only. Each step's `status` prop drives the indicator + connector colour.
|
|
5777
5977
|
*/
|
|
5778
5978
|
declare const Stepper: {
|
|
5779
|
-
({ orientation, onStepClick, children, className, ...props }: Props$
|
|
5979
|
+
({ orientation, onStepClick, children, className, ...props }: Props$b): react_jsx_runtime.JSX.Element;
|
|
5780
5980
|
Step: ({ status, children, className, ...props }: {
|
|
5781
5981
|
status?: StepStatus;
|
|
5782
5982
|
children: ReactNode;
|
|
@@ -5794,9 +5994,9 @@ declare const cardClassnames: (props?: ({
|
|
|
5794
5994
|
padding?: "none" | "small" | "medium" | "large" | null | undefined;
|
|
5795
5995
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5796
5996
|
|
|
5797
|
-
type Props$
|
|
5997
|
+
type Props$a = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;
|
|
5798
5998
|
declare const Card: {
|
|
5799
|
-
({ children, className, bordered, padding, ...rest }: Props$
|
|
5999
|
+
({ children, className, bordered, padding, ...rest }: Props$a): react_jsx_runtime.JSX.Element;
|
|
5800
6000
|
Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5801
6001
|
Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5802
6002
|
Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -5806,7 +6006,7 @@ declare const Card: {
|
|
|
5806
6006
|
* Props for `Table`. `borderCollapsed` toggles standard collapsed borders vs separate row spacing;
|
|
5807
6007
|
* `bordered` wraps the table in a rounded bordered container with overflow scrolling.
|
|
5808
6008
|
*/
|
|
5809
|
-
type Props$
|
|
6009
|
+
type Props$9 = {
|
|
5810
6010
|
borderCollapsed?: boolean;
|
|
5811
6011
|
bordered?: boolean;
|
|
5812
6012
|
containerClassName?: string;
|
|
@@ -5825,7 +6025,7 @@ type Props$b = {
|
|
|
5825
6025
|
* @see RECIPES.md#list-detail — for a list-table + row-click-to-detail pattern
|
|
5826
6026
|
*/
|
|
5827
6027
|
declare const Table: {
|
|
5828
|
-
({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$
|
|
6028
|
+
({ borderCollapsed, bordered, containerClassName, className, ...props }: Props$9): react_jsx_runtime.JSX.Element;
|
|
5829
6029
|
Header: ({ withShadow, className, ...props }: {
|
|
5830
6030
|
withShadow?: boolean;
|
|
5831
6031
|
} & ComponentProps<"thead">) => react_jsx_runtime.JSX.Element;
|
|
@@ -5840,11 +6040,11 @@ declare const Table: {
|
|
|
5840
6040
|
Footer: ({ className, ...props }: ComponentProps<"tfoot">) => react_jsx_runtime.JSX.Element;
|
|
5841
6041
|
};
|
|
5842
6042
|
|
|
5843
|
-
type Props$
|
|
6043
|
+
type Props$8 = ComponentProps<'ul'> & {
|
|
5844
6044
|
variant?: 'solid' | 'dashed';
|
|
5845
6045
|
};
|
|
5846
6046
|
declare const Timeline: {
|
|
5847
|
-
({ className, variant, ...rest }: Props$
|
|
6047
|
+
({ className, variant, ...rest }: Props$8): react_jsx_runtime.JSX.Element;
|
|
5848
6048
|
Item: ({ className, ...rest }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5849
6049
|
Content: ({ className, ...rest }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
5850
6050
|
Connector: ({ className, children, asChild, variant, align, offset, style, ...rest }: {
|
|
@@ -5857,25 +6057,25 @@ declare const Timeline: {
|
|
|
5857
6057
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) => react_jsx_runtime.JSX.Element;
|
|
5858
6058
|
};
|
|
5859
6059
|
|
|
5860
|
-
type Props$
|
|
6060
|
+
type Props$7 = {
|
|
5861
6061
|
text: ReactNode;
|
|
5862
6062
|
tooltip?: ReactNode;
|
|
5863
6063
|
twoLines?: boolean;
|
|
5864
6064
|
noTooltip?: boolean;
|
|
5865
|
-
tooltipVariant?: Props$
|
|
5866
|
-
tooltipPlacement?: Props$
|
|
6065
|
+
tooltipVariant?: Props$1J['variant'];
|
|
6066
|
+
tooltipPlacement?: Props$1J['placement'];
|
|
5867
6067
|
} & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
|
|
5868
|
-
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$
|
|
6068
|
+
declare const Truncated: ({ ref, text, tooltip, className, twoLines, noTooltip, tooltipVariant, tooltipPlacement, ...rest }: Props$7 & {
|
|
5869
6069
|
ref?: Ref<ElementRef<"span">>;
|
|
5870
6070
|
}) => react_jsx_runtime.JSX.Element;
|
|
5871
6071
|
|
|
5872
|
-
type Props$
|
|
6072
|
+
type Props$6 = {
|
|
5873
6073
|
source: string;
|
|
5874
6074
|
className?: string;
|
|
5875
6075
|
mark?: string;
|
|
5876
6076
|
isCaseSensitive?: boolean;
|
|
5877
6077
|
} & ComponentProps<'span'>;
|
|
5878
|
-
declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$
|
|
6078
|
+
declare const MarkedText: ({ ref, source, mark, isCaseSensitive, ...spanProps }: Props$6 & {
|
|
5879
6079
|
ref?: Ref<ElementRef<"span">>;
|
|
5880
6080
|
}) => react_jsx_runtime.JSX.Element;
|
|
5881
6081
|
|
|
@@ -5883,9 +6083,9 @@ declare const kbdVariants: (props?: ({
|
|
|
5883
6083
|
variant?: "primary" | "default" | null | undefined;
|
|
5884
6084
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
5885
6085
|
|
|
5886
|
-
type Props$
|
|
6086
|
+
type Props$5 = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;
|
|
5887
6087
|
declare const Kbd: {
|
|
5888
|
-
({ children, className, variant, ...rest }: Props$
|
|
6088
|
+
({ children, className, variant, ...rest }: Props$5): react_jsx_runtime.JSX.Element;
|
|
5889
6089
|
Group: ({ ref, className, children, separator, ...props }: ({
|
|
5890
6090
|
separator?: string;
|
|
5891
6091
|
} & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement>) & {
|
|
@@ -5901,9 +6101,9 @@ type KeyRepresentation = {
|
|
|
5901
6101
|
};
|
|
5902
6102
|
declare const keys: Record<KeyName, KeyRepresentation>;
|
|
5903
6103
|
|
|
5904
|
-
type Props$
|
|
6104
|
+
type Props$4 = ComponentProps<'nav'>;
|
|
5905
6105
|
declare const Pagination: {
|
|
5906
|
-
({ className, ...props }: Props$
|
|
6106
|
+
({ className, ...props }: Props$4): react_jsx_runtime.JSX.Element;
|
|
5907
6107
|
Content: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react_jsx_runtime.JSX.Element;
|
|
5908
6108
|
Item: ({ className, ...props }: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react_jsx_runtime.JSX.Element;
|
|
5909
6109
|
Button: ({ ref, active: isActive, className, children, size, ...props }: ({
|
|
@@ -5951,7 +6151,7 @@ declare const Pagination: {
|
|
|
5951
6151
|
Ellipsis: ({ className, ...props }: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
|
|
5952
6152
|
};
|
|
5953
6153
|
|
|
5954
|
-
type Props$
|
|
6154
|
+
type Props$3 = {
|
|
5955
6155
|
oldValue: string;
|
|
5956
6156
|
newValue: string;
|
|
5957
6157
|
ignoreWhitespace?: boolean;
|
|
@@ -5961,7 +6161,7 @@ type Props$5 = {
|
|
|
5961
6161
|
rightTitle: ReactNode;
|
|
5962
6162
|
rightTitleGutter?: ReactNode;
|
|
5963
6163
|
};
|
|
5964
|
-
declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$
|
|
6164
|
+
declare const DiffView: ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className, }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
5965
6165
|
|
|
5966
6166
|
declare const DiffType: {
|
|
5967
6167
|
readonly DEFAULT: "default";
|
|
@@ -6006,17 +6206,17 @@ type DiffRow = {
|
|
|
6006
6206
|
declare const computeLineInformation: (oldString: string, newString: string, ignoreWhitespace?: boolean) => ComputedLineInformation;
|
|
6007
6207
|
declare const computeDiffRows: (lineInformation: LineInformation[], diffLines: number[], expandedBlocks: number[]) => DiffRow[];
|
|
6008
6208
|
|
|
6009
|
-
type Props$
|
|
6209
|
+
type Props$2 = {
|
|
6010
6210
|
label: string;
|
|
6011
6211
|
sublabel?: string;
|
|
6012
6212
|
};
|
|
6013
|
-
declare const PaneHeader: ({ label, sublabel }: Props$
|
|
6213
|
+
declare const PaneHeader: ({ label, sublabel }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
6014
6214
|
|
|
6015
|
-
type Props$
|
|
6215
|
+
type Props$1 = {
|
|
6016
6216
|
remainingConflicts: number;
|
|
6017
6217
|
remainingSafeChanges: number;
|
|
6018
6218
|
};
|
|
6019
|
-
declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$
|
|
6219
|
+
declare const ConflictStatusIndicator: ({ remainingConflicts, remainingSafeChanges }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
6020
6220
|
|
|
6021
6221
|
declare const useMergeDiff: (baseText: string, leftText: string, rightText: string) => {
|
|
6022
6222
|
mergeValue: string;
|
|
@@ -7396,8 +7596,8 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
|
|
|
7396
7596
|
description?: react.ReactNode;
|
|
7397
7597
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
7398
7598
|
position?: "start" | "end";
|
|
7399
|
-
tooltip?: Props$
|
|
7400
|
-
tooltipPlacement?: Props$
|
|
7599
|
+
tooltip?: Props$1J["tooltip"];
|
|
7600
|
+
tooltipPlacement?: Props$1J["placement"];
|
|
7401
7601
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
7402
7602
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
7403
7603
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -8776,8 +8976,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
|
|
|
8776
8976
|
description?: react.ReactNode;
|
|
8777
8977
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
8778
8978
|
position?: "start" | "end";
|
|
8779
|
-
tooltip?: Props$
|
|
8780
|
-
tooltipPlacement?: Props$
|
|
8979
|
+
tooltip?: Props$1J["tooltip"];
|
|
8980
|
+
tooltipPlacement?: Props$1J["placement"];
|
|
8781
8981
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
8782
8982
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
8783
8983
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -10156,8 +10356,8 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
|
|
|
10156
10356
|
description?: react.ReactNode;
|
|
10157
10357
|
variant?: class_variance_authority.VariantProps<typeof fieldBoxVariants>["variant"];
|
|
10158
10358
|
position?: "start" | "end";
|
|
10159
|
-
tooltip?: Props$
|
|
10160
|
-
tooltipPlacement?: Props$
|
|
10359
|
+
tooltip?: Props$1J["tooltip"];
|
|
10360
|
+
tooltipPlacement?: Props$1J["placement"];
|
|
10161
10361
|
} & Omit<_radix_ui_react_checkbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "id">, "checked" | "onCheckedChange"> & {
|
|
10162
10362
|
checked?: _radix_ui_react_checkbox.CheckedState;
|
|
10163
10363
|
onCheckedChange?: (checked: _radix_ui_react_checkbox.CheckedState) => void;
|
|
@@ -10245,186 +10445,13 @@ declare const mergeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => void;
|
|
|
10245
10445
|
|
|
10246
10446
|
declare const isMac: boolean;
|
|
10247
10447
|
|
|
10248
|
-
type Props
|
|
10448
|
+
type Props = {
|
|
10249
10449
|
/** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is
|
|
10250
10450
|
* safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */
|
|
10251
10451
|
html: string;
|
|
10252
10452
|
copyText?: string;
|
|
10253
10453
|
className?: string;
|
|
10254
10454
|
};
|
|
10255
|
-
declare const ZoomableSvg: ({ html, copyText, className }: Props
|
|
10256
|
-
|
|
10257
|
-
type ColorScheme = 'light' | 'dark' | 'system';
|
|
10258
|
-
type ResolvedMode = 'light' | 'dark';
|
|
10259
|
-
type ThemeContextValue = {
|
|
10260
|
-
brand: Brand;
|
|
10261
|
-
setBrand?: (brand: Brand) => void;
|
|
10262
|
-
/** The configured color scheme (may be `'system'`). */
|
|
10263
|
-
colorScheme: ColorScheme;
|
|
10264
|
-
/** The effective light/dark mode after resolving `'system'`. */
|
|
10265
|
-
resolvedMode: ResolvedMode;
|
|
10266
|
-
};
|
|
10267
|
-
|
|
10268
|
-
type Props$1 = {
|
|
10269
|
-
/**
|
|
10270
|
-
* Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS
|
|
10271
|
-
* variables) inside this provider's subtree. Defaults to the canonical
|
|
10272
|
-
* `keboola` brand so existing apps that mount `<ThemeProvider>` without a
|
|
10273
|
-
* `brand` prop continue to render as today.
|
|
10274
|
-
*/
|
|
10275
|
-
brand?: Brand;
|
|
10276
|
-
/**
|
|
10277
|
-
* Optional setter exposed through `useTheme()` so consumers can flip
|
|
10278
|
-
* brands at runtime (Storybook toolbar, a customer-impersonation switch).
|
|
10279
|
-
*/
|
|
10280
|
-
setBrand?: (brand: Brand) => void;
|
|
10281
|
-
/**
|
|
10282
|
-
* Light/dark mode. `'system'` follows `prefers-color-scheme` and updates
|
|
10283
|
-
* reactively. Defaults to `'light'` so existing mounts don't drift. Only
|
|
10284
|
-
* the ROOT provider applies this (sets `data-theme`, owns the media
|
|
10285
|
-
* listener); a nested provider inherits the root's resolved mode.
|
|
10286
|
-
*/
|
|
10287
|
-
colorScheme?: ColorScheme;
|
|
10288
|
-
children: ReactNode;
|
|
10289
|
-
};
|
|
10290
|
-
/**
|
|
10291
|
-
* Responsibilities:
|
|
10292
|
-
* - ROOT only: render hidden SVG gradient definitions (`aigradient-600`,
|
|
10293
|
-
* `aigradient-700`). The IDs are hardcoded, so a nested provider must not
|
|
10294
|
-
* re-emit them or the document gains duplicate (HTML-invalid) IDs.
|
|
10295
|
-
* - Set `data-brand="<brand.id>"` on `<html>` and inject the matching `--color-*` /
|
|
10296
|
-
* `--radius-*` CSS variables (for the resolved light/dark mode) so chrome
|
|
10297
|
-
* re-skins for the supplied brand.
|
|
10298
|
-
* - ROOT only: set `data-theme` (`light` | `dark`) on `<html>` and own the
|
|
10299
|
-
* `prefers-color-scheme` media listener when `colorScheme === 'system'`.
|
|
10300
|
-
* A nested provider inherits the resolved mode from the parent context and
|
|
10301
|
-
* touches neither `data-theme` nor a media listener.
|
|
10302
|
-
* - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.
|
|
10303
|
-
*
|
|
10304
|
-
* Brand × mode: the active mode's palette is injected inline on `<html>`. When
|
|
10305
|
-
* the resolved mode is `dark` and the brand has no `colorsDark`, the colour
|
|
10306
|
-
* vars are NOT emitted — the stylesheet `[data-theme='dark']` block supplies
|
|
10307
|
-
* them, so no `!important` override is ever needed.
|
|
10308
|
-
*
|
|
10309
|
-
* `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so
|
|
10310
|
-
* they compose without clobbering each other.
|
|
10311
|
-
*/
|
|
10312
|
-
declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
10313
|
-
|
|
10314
|
-
/**
|
|
10315
|
-
* Read the active brand (and optional setter) from the nearest `<ThemeProvider>`.
|
|
10316
|
-
*
|
|
10317
|
-
* Throws if no provider is mounted — mirrors TanStack Query's `useQueryClient`
|
|
10318
|
-
* error UX so missing-provider bugs surface as a clear runtime message instead
|
|
10319
|
-
* of a confusing "undefined.brand" downstream.
|
|
10320
|
-
*/
|
|
10321
|
-
declare const useTheme: () => ThemeContextValue;
|
|
10322
|
-
|
|
10323
|
-
/**
|
|
10324
|
-
* Read the configured color scheme and the effective light/dark mode from the
|
|
10325
|
-
* nearest `<ThemeProvider>`. Read-only — there is no setter (yet).
|
|
10326
|
-
*
|
|
10327
|
-
* Throws if no provider is mounted (mirrors `useTheme()`).
|
|
10328
|
-
*/
|
|
10329
|
-
declare const useColorScheme: () => {
|
|
10330
|
-
colorScheme: ColorScheme;
|
|
10331
|
-
resolvedMode: ResolvedMode;
|
|
10332
|
-
};
|
|
10333
|
-
|
|
10334
|
-
declare const useIsLegacyBrand: () => boolean;
|
|
10335
|
-
|
|
10336
|
-
type Props = {
|
|
10337
|
-
brand: Brand;
|
|
10338
|
-
colorScheme?: ColorScheme;
|
|
10339
|
-
children: ReactNode;
|
|
10340
|
-
};
|
|
10341
|
-
/**
|
|
10342
|
-
* Storybook decorator that wraps every story in a `ThemeProvider`. Wire it
|
|
10343
|
-
* once in `.storybook/preview.tsx` (added to the global `decorators` array),
|
|
10344
|
-
* driven by the `brand` global the toolbar item sets. Pair with
|
|
10345
|
-
* `resolveStorybookBrand` + `themeToolbarBrands` from `./storybookBrands` to
|
|
10346
|
-
* build the toolbar. This is the empirical brand-swap harness UT-4047
|
|
10347
|
-
* promised for the layer-0 contract.
|
|
10348
|
-
*
|
|
10349
|
-
* `colorScheme` (driven by the **Mode** toolbar) is forwarded to the provider
|
|
10350
|
-
* so flipping it sets `data-theme` and emits the active mode's palette — the
|
|
10351
|
-
* empirical light/dark switch. The story is rendered on a `bg-background`
|
|
10352
|
-
* surface so the mode is actually visible (otherwise dark-mode text sits on
|
|
10353
|
-
* the unrelated canvas backdrop).
|
|
10354
|
-
*/
|
|
10355
|
-
declare const ThemeDecorator: ({ brand, colorScheme, children }: Props) => react_jsx_runtime.JSX.Element;
|
|
10356
|
-
|
|
10357
|
-
/**
|
|
10358
|
-
* Default toolbar items shipped with `ThemeDecorator` — the same brand IDs
|
|
10359
|
-
* the registry exports today. Re-exported so a downstream Storybook config
|
|
10360
|
-
* can extend the list with additional brands without re-implementing the
|
|
10361
|
-
* decorator wiring.
|
|
10362
|
-
*/
|
|
10363
|
-
declare const themeToolbarBrands: {
|
|
10364
|
-
id: string;
|
|
10365
|
-
name: string;
|
|
10366
|
-
colors: {
|
|
10367
|
-
foreground: string;
|
|
10368
|
-
background: string;
|
|
10369
|
-
muted: string;
|
|
10370
|
-
mutedForeground: string;
|
|
10371
|
-
border: string;
|
|
10372
|
-
primary: string;
|
|
10373
|
-
primaryForeground: string;
|
|
10374
|
-
destructive: string;
|
|
10375
|
-
destructiveForeground: string;
|
|
10376
|
-
accent?: string | undefined;
|
|
10377
|
-
accentForeground?: string | undefined;
|
|
10378
|
-
};
|
|
10379
|
-
shell: "sidebar" | "topnav";
|
|
10380
|
-
colorsDark?: {
|
|
10381
|
-
foreground: string;
|
|
10382
|
-
background: string;
|
|
10383
|
-
muted: string;
|
|
10384
|
-
mutedForeground: string;
|
|
10385
|
-
border: string;
|
|
10386
|
-
primary: string;
|
|
10387
|
-
primaryForeground: string;
|
|
10388
|
-
destructive: string;
|
|
10389
|
-
destructiveForeground: string;
|
|
10390
|
-
accent?: string | undefined;
|
|
10391
|
-
accentForeground?: string | undefined;
|
|
10392
|
-
} | undefined;
|
|
10393
|
-
sidebarColors?: {
|
|
10394
|
-
sidebar?: string | undefined;
|
|
10395
|
-
sidebarForeground?: string | undefined;
|
|
10396
|
-
sidebarPrimary?: string | undefined;
|
|
10397
|
-
sidebarPrimaryForeground?: string | undefined;
|
|
10398
|
-
sidebarAccent?: string | undefined;
|
|
10399
|
-
sidebarAccentForeground?: string | undefined;
|
|
10400
|
-
sidebarBorder?: string | undefined;
|
|
10401
|
-
sidebarRing?: string | undefined;
|
|
10402
|
-
} | undefined;
|
|
10403
|
-
sidebarColorsDark?: {
|
|
10404
|
-
sidebar?: string | undefined;
|
|
10405
|
-
sidebarForeground?: string | undefined;
|
|
10406
|
-
sidebarPrimary?: string | undefined;
|
|
10407
|
-
sidebarPrimaryForeground?: string | undefined;
|
|
10408
|
-
sidebarAccent?: string | undefined;
|
|
10409
|
-
sidebarAccentForeground?: string | undefined;
|
|
10410
|
-
sidebarBorder?: string | undefined;
|
|
10411
|
-
sidebarRing?: string | undefined;
|
|
10412
|
-
} | undefined;
|
|
10413
|
-
typography?: {
|
|
10414
|
-
fontFamily: string;
|
|
10415
|
-
} | undefined;
|
|
10416
|
-
radii?: {
|
|
10417
|
-
sm: string;
|
|
10418
|
-
md: string;
|
|
10419
|
-
lg: string;
|
|
10420
|
-
} | undefined;
|
|
10421
|
-
density?: "comfortable" | "compact" | undefined;
|
|
10422
|
-
}[];
|
|
10423
|
-
/**
|
|
10424
|
-
* Resolve a brand ID coming from the Storybook globals object. Falls back to
|
|
10425
|
-
* the canonical Keboola brand if the ID is unknown — keeps the decorator
|
|
10426
|
-
* defensive against stale URL state.
|
|
10427
|
-
*/
|
|
10428
|
-
declare const resolveStorybookBrand: (id: unknown) => Brand;
|
|
10455
|
+
declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
|
|
10429
10456
|
|
|
10430
|
-
export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$
|
|
10457
|
+
export { Alert, AlertModal, 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, ColorModeSwitch, 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$1k 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$1J as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, resolveStorybookBrand, setServerFieldErrors, themeToolbarBrands, toast, useAppForm, useAutosizeInput, useColorScheme, useInputOtpContext, useIsLegacyBrand, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTheme, withForm };
|