prime-ui-kit 0.2.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.
@@ -0,0 +1,2679 @@
1
+ import { ColorPickerProps, ColorField, ColorAreaProps, ColorThumbProps, ColorSliderProps, SliderTrackProps, SliderOutputProps, ColorSwatchPickerProps, ColorSwatchPickerItemProps, ColorSwatchProps } from 'react-aria-components';
2
+ export { Color as ColorPickerColorValue, ColorPickerRenderProps, parseColor } from 'react-aria-components';
3
+ import { DayPickerProps, DateRange } from 'react-day-picker';
4
+ export { DateRange } from 'react-day-picker';
5
+ import * as react_jsx_runtime from 'react/jsx-runtime';
6
+ import * as React from 'react';
7
+ import * as react_router from 'react-router';
8
+ import { NavLink } from 'react-router-dom';
9
+ import { LucideProps } from 'lucide-react';
10
+
11
+ declare const interactionStates: readonly ["default", "hover", "active", "focus", "focus-visible", "disabled"];
12
+ declare const selectionStates: readonly ["selected", "checked", "indeterminate"];
13
+ declare const validationStates: readonly ["valid", "invalid", "readonly", "required"];
14
+ declare const asyncStates: readonly ["idle", "loading", "success", "error"];
15
+ declare const disclosureStates: readonly ["open", "closed"];
16
+ declare const componentVariants: {
17
+ readonly button: readonly ["primary", "neutral", "error"];
18
+ readonly input: readonly ["default", "error"];
19
+ readonly textarea: readonly ["default", "error"];
20
+ readonly checkbox: readonly ["default", "error"];
21
+ readonly radio: readonly ["default", "error"];
22
+ readonly switch: readonly ["default", "error"];
23
+ readonly select: readonly ["default", "error"];
24
+ readonly modal: readonly ["default"];
25
+ };
26
+ declare const componentSizes: {
27
+ readonly buttonGroup: readonly ["s", "m", "l", "xl"];
28
+ readonly button: readonly ["s", "m", "l", "xl"];
29
+ readonly input: readonly ["s", "m", "l", "xl"];
30
+ readonly textarea: readonly ["s", "m", "l", "xl"];
31
+ readonly checkbox: readonly ["s", "m", "l", "xl"];
32
+ readonly radio: readonly ["s", "m", "l", "xl"];
33
+ readonly switch: readonly ["s", "m", "l", "xl"];
34
+ readonly select: readonly ["s", "m", "l", "xl"];
35
+ readonly fileUpload: readonly ["s", "m", "l", "xl"];
36
+ readonly linkButton: readonly ["s", "m", "l", "xl"];
37
+ readonly breadcrumb: readonly ["s", "m", "l", "xl"];
38
+ readonly divider: readonly ["s", "m", "l", "xl"];
39
+ readonly label: readonly ["s", "m", "l", "xl"];
40
+ readonly modal: readonly ["s", "m", "l", "xl"];
41
+ readonly hint: readonly ["s", "m", "l", "xl"];
42
+ readonly alert: readonly ["s", "m", "l", "xl"];
43
+ readonly banner: readonly ["s", "m", "l", "xl"];
44
+ readonly digitInput: readonly ["s", "m", "l", "xl"];
45
+ readonly kbd: readonly ["s", "m", "l", "xl"];
46
+ readonly slider: readonly ["s", "m", "l", "xl"];
47
+ readonly tabs: readonly ["s", "m", "l", "xl"];
48
+ readonly pagination: readonly ["s", "m", "l", "xl"];
49
+ readonly stepper: readonly ["s", "m", "l", "xl"];
50
+ readonly accordion: readonly ["s", "m", "l", "xl"];
51
+ readonly dropdown: readonly ["s", "m", "l", "xl"];
52
+ readonly progressBar: readonly ["s", "m", "l", "xl"];
53
+ readonly sidebar: readonly ["s", "m", "l", "xl"];
54
+ readonly drawer: readonly ["s", "m", "l", "xl"];
55
+ readonly dataTable: readonly ["s", "m", "l", "xl"];
56
+ };
57
+ declare const buttonModes: readonly ["filled", "stroke", "lighter", "ghost", "fancy"];
58
+ type InteractionState = (typeof interactionStates)[number];
59
+ type SelectionState = (typeof selectionStates)[number];
60
+ type ValidationState = (typeof validationStates)[number];
61
+ type AsyncState = (typeof asyncStates)[number];
62
+ type DisclosureState = (typeof disclosureStates)[number];
63
+ type ButtonVariant = (typeof componentVariants.button)[number];
64
+ type InputVariant = (typeof componentVariants.input)[number];
65
+ type TextareaVariant = (typeof componentVariants.textarea)[number];
66
+ type CheckboxVariant = (typeof componentVariants.checkbox)[number];
67
+ type RadioVariant = (typeof componentVariants.radio)[number];
68
+ type SwitchVariant = (typeof componentVariants.switch)[number];
69
+ type SelectVariant = (typeof componentVariants.select)[number];
70
+ type ModalVariant = (typeof componentVariants.modal)[number];
71
+ type ButtonGroupSize = (typeof componentSizes.buttonGroup)[number];
72
+ type ButtonSize = (typeof componentSizes.button)[number];
73
+ type InputSize = (typeof componentSizes.input)[number];
74
+ type TextareaSize = (typeof componentSizes.textarea)[number];
75
+ type CheckboxSize = (typeof componentSizes.checkbox)[number];
76
+ type RadioSize = (typeof componentSizes.radio)[number];
77
+ type SwitchSize = (typeof componentSizes.switch)[number];
78
+ type SelectSize = (typeof componentSizes.select)[number];
79
+ type FileUploadSize = (typeof componentSizes.fileUpload)[number];
80
+ type LinkButtonSize = (typeof componentSizes.linkButton)[number];
81
+ type BreadcrumbSize = (typeof componentSizes.breadcrumb)[number];
82
+ type DividerSize = (typeof componentSizes.divider)[number];
83
+ type LabelSize = (typeof componentSizes.label)[number];
84
+ type ModalSize = (typeof componentSizes.modal)[number];
85
+ type HintSize = (typeof componentSizes.hint)[number];
86
+ type AlertSize = (typeof componentSizes.alert)[number];
87
+ type BannerSize = (typeof componentSizes.banner)[number];
88
+ type DigitInputSize = (typeof componentSizes.digitInput)[number];
89
+ type KbdSize = (typeof componentSizes.kbd)[number];
90
+ type SliderSize = (typeof componentSizes.slider)[number];
91
+ type TabsSize = (typeof componentSizes.tabs)[number];
92
+ type PaginationSize = (typeof componentSizes.pagination)[number];
93
+ type StepperSize = (typeof componentSizes.stepper)[number];
94
+ type AccordionSize = (typeof componentSizes.accordion)[number];
95
+ type DropdownSize = (typeof componentSizes.dropdown)[number];
96
+ type ProgressBarSize = (typeof componentSizes.progressBar)[number];
97
+ type SidebarSize = (typeof componentSizes.sidebar)[number];
98
+ type DrawerSize = (typeof componentSizes.drawer)[number];
99
+ type DataTableSize = (typeof componentSizes.dataTable)[number];
100
+ type ButtonMode = (typeof buttonModes)[number];
101
+
102
+ /** Размер «контрольной поверхности» (поля, кнопки, селект и т.д.) для каскада в дочерние `Icon`. */
103
+ type ControlSurfaceSize = "xs" | InputSize;
104
+ type ControlSizeProviderProps = {
105
+ value: ControlSurfaceSize;
106
+ children: React.ReactNode;
107
+ };
108
+ declare function ControlSizeProvider({ value, children }: ControlSizeProviderProps): react_jsx_runtime.JSX.Element;
109
+ declare namespace ControlSizeProvider {
110
+ var displayName: string;
111
+ }
112
+ /** Для `Icon`: если `size` не передан явно, берётся из ближайшего контрола. */
113
+ declare function useOptionalControlSize(): ControlSurfaceSize | undefined;
114
+
115
+ type AccordionType = "single" | "multiple";
116
+
117
+ type AccordionRootProps = React.HTMLAttributes<HTMLDivElement> & {
118
+ type?: AccordionType;
119
+ value?: string | string[];
120
+ defaultValue?: string | string[];
121
+ onValueChange?: (value: string | string[]) => void;
122
+ /** Только для `type="single"`. Если `false`, в одиночном режиме нельзя закрыть открытый пункт. По умолчанию `true`. */
123
+ collapsible?: boolean;
124
+ /** Размер триггера, иконок и отступов контента. По умолчанию `m`. */
125
+ size?: AccordionSize;
126
+ /** Групповой список без зазоров (`grouped`) или отдельные карточки (`separate`). */
127
+ layout?: "grouped" | "separate";
128
+ };
129
+ type AccordionItemProps = React.HTMLAttributes<HTMLDivElement> & {
130
+ value: string;
131
+ disabled?: boolean;
132
+ };
133
+ type AccordionHeaderProps = React.HTMLAttributes<HTMLHeadingElement>;
134
+ type AccordionTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
135
+ type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;
136
+ type AccordionIconProps<T extends React.ElementType = "div"> = {
137
+ as?: T;
138
+ className?: string;
139
+ children?: React.ReactNode;
140
+ } & Omit<React.ComponentPropsWithoutRef<T>, "as" | "className">;
141
+ type AccordionArrowProps = React.HTMLAttributes<HTMLSpanElement> & {
142
+ openIcon?: React.ElementType<{
143
+ className?: string;
144
+ strokeWidth?: number | string;
145
+ }>;
146
+ closeIcon?: React.ElementType<{
147
+ className?: string;
148
+ strokeWidth?: number | string;
149
+ }>;
150
+ };
151
+ declare function AccordionIcon<T extends React.ElementType = "div">({ as, className, children, ...rest }: AccordionIconProps<T>): react_jsx_runtime.JSX.Element;
152
+ declare namespace AccordionIcon {
153
+ var displayName: string;
154
+ }
155
+ declare function AccordionArrow({ className, openIcon: OpenIcon, closeIcon: CloseIcon, ...rest }: AccordionArrowProps): react_jsx_runtime.JSX.Element;
156
+ declare namespace AccordionArrow {
157
+ var displayName: string;
158
+ }
159
+ declare const Accordion: {
160
+ Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
161
+ type?: AccordionType;
162
+ value?: string | string[];
163
+ defaultValue?: string | string[];
164
+ onValueChange?: (value: string | string[]) => void;
165
+ /** Только для `type="single"`. Если `false`, в одиночном режиме нельзя закрыть открытый пункт. По умолчанию `true`. */
166
+ collapsible?: boolean;
167
+ /** Размер триггера, иконок и отступов контента. По умолчанию `m`. */
168
+ size?: AccordionSize;
169
+ /** Групповой список без зазоров (`grouped`) или отдельные карточки (`separate`). */
170
+ layout?: "grouped" | "separate";
171
+ } & React.RefAttributes<HTMLDivElement>>;
172
+ Header: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLHeadingElement>>;
173
+ Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
174
+ value: string;
175
+ disabled?: boolean;
176
+ } & React.RefAttributes<HTMLDivElement>>;
177
+ Trigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
178
+ Icon: typeof AccordionIcon;
179
+ Arrow: typeof AccordionArrow;
180
+ Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
181
+ };
182
+
183
+ type AvatarSize = "s" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
184
+ type AvatarImageStatus = "idle" | "loading" | "loaded" | "error";
185
+ type AvatarRootProps = {
186
+ size?: AvatarSize;
187
+ className?: string;
188
+ children?: React.ReactNode;
189
+ } & React.HTMLAttributes<HTMLDivElement>;
190
+ type AvatarImageProps = {
191
+ src: string;
192
+ alt?: string;
193
+ className?: string;
194
+ } & Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt">;
195
+ type AvatarFallbackProps = {
196
+ children?: React.ReactNode;
197
+ className?: string;
198
+ } & React.HTMLAttributes<HTMLSpanElement>;
199
+ declare function AvatarFallback({ children, className, ...rest }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
200
+ declare namespace AvatarFallback {
201
+ var displayName: string;
202
+ }
203
+ type AvatarGroupOverflowProps = {
204
+ size?: AvatarSize;
205
+ className?: string;
206
+ children?: React.ReactNode;
207
+ } & React.HTMLAttributes<HTMLDivElement>;
208
+ type AvatarGroupRootProps = {
209
+ size?: AvatarSize;
210
+ className?: string;
211
+ children?: React.ReactNode;
212
+ } & React.HTMLAttributes<HTMLDivElement>;
213
+ declare const Avatar: {
214
+ Root: React.ForwardRefExoticComponent<{
215
+ size?: AvatarSize;
216
+ className?: string;
217
+ children?: React.ReactNode;
218
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
219
+ Image: React.ForwardRefExoticComponent<{
220
+ src: string;
221
+ alt?: string;
222
+ className?: string;
223
+ } & Omit<React.ImgHTMLAttributes<HTMLImageElement>, "alt" | "src"> & React.RefAttributes<HTMLImageElement>>;
224
+ Fallback: typeof AvatarFallback;
225
+ Group: {
226
+ Root: React.ForwardRefExoticComponent<{
227
+ size?: AvatarSize;
228
+ className?: string;
229
+ children?: React.ReactNode;
230
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
231
+ Overflow: React.ForwardRefExoticComponent<{
232
+ size?: AvatarSize;
233
+ className?: string;
234
+ children?: React.ReactNode;
235
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
236
+ };
237
+ };
238
+
239
+ type BadgeColor = "gray" | "red" | "blue" | "green" | "orange" | "yellow" | "purple" | "sky" | "pink" | "teal";
240
+ /** Состояние индикатора при `variant="status"`. */
241
+ type BadgeStatus = "online" | "offline" | "away" | "busy";
242
+ type BadgeVariant = "filled" | "light" | "lighter" | "stroke" | "status";
243
+ type BadgeSize = "s" | "m" | "l" | "xl";
244
+ type BadgeRootProps = {
245
+ color?: BadgeColor;
246
+ variant?: BadgeVariant;
247
+ size?: BadgeSize;
248
+ disabled?: boolean;
249
+ /** При `variant="status"` — цвет точки (online / offline / away / busy). */
250
+ status?: BadgeStatus;
251
+ /** При `variant="status"` — `aria-label` на корне (`role="status"`). */
252
+ label?: string;
253
+ children?: React.ReactNode;
254
+ className?: string;
255
+ } & React.HTMLAttributes<HTMLDivElement>;
256
+ type BadgeIconProps = {
257
+ children: React.ReactNode;
258
+ className?: string;
259
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
260
+ type BadgeDotProps = {
261
+ className?: string;
262
+ } & React.HTMLAttributes<HTMLSpanElement>;
263
+ declare function BadgeIcon({ children, className, ...rest }: BadgeIconProps): react_jsx_runtime.JSX.Element;
264
+ declare namespace BadgeIcon {
265
+ var displayName: string;
266
+ }
267
+ declare function BadgeDot({ className, ...rest }: BadgeDotProps): react_jsx_runtime.JSX.Element;
268
+ declare namespace BadgeDot {
269
+ var displayName: string;
270
+ }
271
+ declare const Badge: {
272
+ Root: React.ForwardRefExoticComponent<{
273
+ color?: BadgeColor;
274
+ variant?: BadgeVariant;
275
+ size?: BadgeSize;
276
+ disabled?: boolean;
277
+ /** При `variant="status"` — цвет точки (online / offline / away / busy). */
278
+ status?: BadgeStatus;
279
+ /** При `variant="status"` — `aria-label` на корне (`role="status"`). */
280
+ label?: string;
281
+ children?: React.ReactNode;
282
+ className?: string;
283
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
284
+ Icon: typeof BadgeIcon;
285
+ Dot: typeof BadgeDot;
286
+ };
287
+
288
+ type BannerVariant = "filled" | "light" | "lighter" | "stroke";
289
+ type BannerStatus = "information" | "warning" | "error" | "success" | "feature";
290
+
291
+ type BannerRootProps = {
292
+ variant?: BannerVariant;
293
+ status?: BannerStatus;
294
+ size?: BannerSize;
295
+ onDismiss?: () => void;
296
+ className?: string;
297
+ children?: React.ReactNode;
298
+ } & React.HTMLAttributes<HTMLDivElement>;
299
+ type BannerContentProps = {
300
+ className?: string;
301
+ children?: React.ReactNode;
302
+ } & React.HTMLAttributes<HTMLDivElement>;
303
+ declare function BannerContent({ className, children, ...rest }: BannerContentProps): react_jsx_runtime.JSX.Element;
304
+ declare namespace BannerContent {
305
+ var displayName: string;
306
+ }
307
+ type BannerIconProps<T extends React.ElementType = "div"> = {
308
+ as?: T;
309
+ className?: string;
310
+ children?: React.ReactNode;
311
+ } & Omit<React.ComponentPropsWithoutRef<T>, "as" | "className">;
312
+ declare function BannerIcon<T extends React.ElementType = "div">({ as, className, children, ...rest }: BannerIconProps<T>): react_jsx_runtime.JSX.Element;
313
+ declare namespace BannerIcon {
314
+ var displayName: string;
315
+ }
316
+ type BannerTitleProps = {
317
+ className?: string;
318
+ children?: React.ReactNode;
319
+ } & React.HTMLAttributes<HTMLSpanElement>;
320
+ declare function BannerTitle({ className, children, ...rest }: BannerTitleProps): react_jsx_runtime.JSX.Element;
321
+ declare namespace BannerTitle {
322
+ var displayName: string;
323
+ }
324
+ type BannerDescriptionProps = {
325
+ className?: string;
326
+ children?: React.ReactNode;
327
+ } & React.HTMLAttributes<HTMLSpanElement>;
328
+ declare function BannerDescription({ className, children, ...rest }: BannerDescriptionProps): react_jsx_runtime.JSX.Element;
329
+ declare namespace BannerDescription {
330
+ var displayName: string;
331
+ }
332
+ type BannerActionsProps = {
333
+ className?: string;
334
+ children?: React.ReactNode;
335
+ } & React.HTMLAttributes<HTMLDivElement>;
336
+ declare function BannerActions({ className, children, ...rest }: BannerActionsProps): react_jsx_runtime.JSX.Element;
337
+ declare namespace BannerActions {
338
+ var displayName: string;
339
+ }
340
+ type BannerCloseButtonProps = {
341
+ className?: string;
342
+ children?: React.ReactNode;
343
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size">;
344
+ declare const Banner: {
345
+ Root: React.ForwardRefExoticComponent<{
346
+ variant?: BannerVariant;
347
+ status?: BannerStatus;
348
+ size?: BannerSize;
349
+ onDismiss?: () => void;
350
+ className?: string;
351
+ children?: React.ReactNode;
352
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
353
+ Content: typeof BannerContent;
354
+ Icon: typeof BannerIcon;
355
+ Title: typeof BannerTitle;
356
+ Description: typeof BannerDescription;
357
+ Actions: typeof BannerActions;
358
+ CloseButton: React.ForwardRefExoticComponent<{
359
+ className?: string;
360
+ children?: React.ReactNode;
361
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & React.RefAttributes<HTMLButtonElement>>;
362
+ };
363
+
364
+ type BreadcrumbRootProps = {
365
+ children: React.ReactNode;
366
+ className?: string;
367
+ /** Кегль ссылок (LinkButton), текущей страницы, многоточия; иконка-разделитель и иконка «дом» — тот же ярус. */
368
+ size?: BreadcrumbSize;
369
+ } & React.HTMLAttributes<HTMLElement>;
370
+ declare function BreadcrumbRoot({ children, className, size, ...rest }: BreadcrumbRootProps): react_jsx_runtime.JSX.Element;
371
+ declare namespace BreadcrumbRoot {
372
+ var displayName: string;
373
+ }
374
+ type BreadcrumbItemProps = {
375
+ href?: string;
376
+ current?: boolean;
377
+ children?: React.ReactNode;
378
+ className?: string;
379
+ /** Для ссылки без видимого текста (например, только иконка «дом»). */
380
+ "aria-label"?: string;
381
+ };
382
+ declare function BreadcrumbItem({ href, current, children, className, "aria-label": ariaLabel, }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
383
+ declare namespace BreadcrumbItem {
384
+ var displayName: string;
385
+ }
386
+ type BreadcrumbSeparatorProps = {
387
+ children?: React.ReactNode;
388
+ className?: string;
389
+ };
390
+ declare function BreadcrumbSeparator({ children, className }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
391
+ declare namespace BreadcrumbSeparator {
392
+ var displayName: string;
393
+ }
394
+ type BreadcrumbEllipsisProps = {
395
+ className?: string;
396
+ };
397
+ declare function BreadcrumbEllipsis({ className }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
398
+ declare namespace BreadcrumbEllipsis {
399
+ var displayName: string;
400
+ }
401
+ declare const Breadcrumb: {
402
+ Root: typeof BreadcrumbRoot;
403
+ Item: typeof BreadcrumbItem;
404
+ Separator: typeof BreadcrumbSeparator;
405
+ Ellipsis: typeof BreadcrumbEllipsis;
406
+ };
407
+
408
+ type ButtonRootProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
409
+ variant?: ButtonVariant;
410
+ mode?: ButtonMode;
411
+ size?: ButtonSize;
412
+ fullWidth?: boolean;
413
+ loading?: boolean;
414
+ /**
415
+ * Merges Button props onto its single child element instead of rendering `<button>`.
416
+ * Use when the trigger must be a different element (e.g. `<a>`, React Router `<Link>`).
417
+ *
418
+ * - `disabled` / `loading` → `aria-disabled="true"` + `pointer-events: none` (CSS);
419
+ * native `disabled` attribute is NOT set (invalid on non-button elements).
420
+ * - `type` is not forwarded (irrelevant for non-button elements).
421
+ * - The child must accept `className`, `aria-*`, `data-*`, and event handler props.
422
+ */
423
+ asChild?: boolean;
424
+ };
425
+ type ButtonIconProps = {
426
+ children: React.ReactNode;
427
+ className?: string;
428
+ } & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
429
+ declare function ButtonIcon({ children, className, ...rest }: ButtonIconProps): react_jsx_runtime.JSX.Element;
430
+ declare namespace ButtonIcon {
431
+ var displayName: string;
432
+ }
433
+ type ButtonSpinnerProps = {
434
+ className?: string;
435
+ } & React.HTMLAttributes<HTMLSpanElement>;
436
+ declare function ButtonSpinner({ className, ...rest }: ButtonSpinnerProps): react_jsx_runtime.JSX.Element | null;
437
+ declare namespace ButtonSpinner {
438
+ var displayName: string;
439
+ }
440
+ declare const Button: {
441
+ Root: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
442
+ variant?: ButtonVariant;
443
+ mode?: ButtonMode;
444
+ size?: ButtonSize;
445
+ fullWidth?: boolean;
446
+ loading?: boolean;
447
+ /**
448
+ * Merges Button props onto its single child element instead of rendering `<button>`.
449
+ * Use when the trigger must be a different element (e.g. `<a>`, React Router `<Link>`).
450
+ *
451
+ * - `disabled` / `loading` → `aria-disabled="true"` + `pointer-events: none` (CSS);
452
+ * native `disabled` attribute is NOT set (invalid on non-button elements).
453
+ * - `type` is not forwarded (irrelevant for non-button elements).
454
+ * - The child must accept `className`, `aria-*`, `data-*`, and event handler props.
455
+ */
456
+ asChild?: boolean;
457
+ } & React.RefAttributes<HTMLButtonElement>>;
458
+ Icon: typeof ButtonIcon;
459
+ Spinner: typeof ButtonSpinner;
460
+ };
461
+
462
+ type ButtonGroupOrientation = "horizontal" | "vertical";
463
+ type ButtonGroupRootProps = React.HTMLAttributes<HTMLDivElement> & {
464
+ orientation?: ButtonGroupOrientation;
465
+ size?: ButtonGroupSize;
466
+ children: React.ReactNode;
467
+ };
468
+ type ButtonGroupItemProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
469
+ /** Включённое состояние сегмента: `data-state="on"` и синхронный `aria-pressed`. */
470
+ pressed?: boolean;
471
+ };
472
+ type ButtonGroupIconProps = {
473
+ children: React.ReactNode;
474
+ className?: string;
475
+ } & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
476
+ declare function ButtonGroupIcon({ children, className, ...rest }: ButtonGroupIconProps): react_jsx_runtime.JSX.Element;
477
+ declare namespace ButtonGroupIcon {
478
+ var displayName: string;
479
+ }
480
+
481
+ declare const ButtonGroup: {
482
+ Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
483
+ orientation?: ButtonGroupOrientation;
484
+ size?: ButtonGroupSize;
485
+ children: React.ReactNode;
486
+ } & React.RefAttributes<HTMLDivElement>>;
487
+ Item: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
488
+ /** Включённое состояние сегмента: `data-state="on"` и синхронный `aria-pressed`. */
489
+ pressed?: boolean;
490
+ } & React.RefAttributes<HTMLButtonElement>>;
491
+ Icon: typeof ButtonGroupIcon;
492
+ };
493
+
494
+ type CheckboxRootProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
495
+ variant?: CheckboxVariant;
496
+ size?: CheckboxSize;
497
+ indeterminate?: boolean;
498
+ };
499
+ type CheckboxLabelProps = {
500
+ children?: React.ReactNode;
501
+ className?: string;
502
+ } & Omit<React.HTMLAttributes<HTMLLabelElement>, "htmlFor" | "size">;
503
+ type CheckboxHintProps = {
504
+ children: React.ReactNode;
505
+ className?: string;
506
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
507
+ declare function CheckboxHint({ children, className, ...rest }: CheckboxHintProps): react_jsx_runtime.JSX.Element;
508
+ declare namespace CheckboxHint {
509
+ var displayName: string;
510
+ }
511
+ type CheckboxErrorProps = {
512
+ children: React.ReactNode;
513
+ className?: string;
514
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
515
+ declare function CheckboxError({ children, className, ...rest }: CheckboxErrorProps): react_jsx_runtime.JSX.Element;
516
+ declare namespace CheckboxError {
517
+ var displayName: string;
518
+ }
519
+ declare const Checkbox: {
520
+ Root: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
521
+ variant?: CheckboxVariant;
522
+ size?: CheckboxSize;
523
+ indeterminate?: boolean;
524
+ } & React.RefAttributes<HTMLInputElement>>;
525
+ Label: React.ForwardRefExoticComponent<{
526
+ children?: React.ReactNode;
527
+ className?: string;
528
+ } & Omit<React.HTMLAttributes<HTMLLabelElement>, "size" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
529
+ Hint: typeof CheckboxHint;
530
+ Error: typeof CheckboxError;
531
+ };
532
+
533
+ type CodeBlockColorScheme = "light" | "dark";
534
+ type CodeBlockRootProps = {
535
+ /** Исходник TS/TSX; подсветка через `highlightTsxHtml`. */
536
+ code: string;
537
+ colorScheme?: CodeBlockColorScheme;
538
+ className?: string;
539
+ } & Omit<React.HTMLAttributes<HTMLPreElement>, "children" | "dangerouslySetInnerHTML">;
540
+ declare const CodeBlock: {
541
+ Root: React.ForwardRefExoticComponent<{
542
+ /** Исходник TS/TSX; подсветка через `highlightTsxHtml`. */
543
+ code: string;
544
+ colorScheme?: CodeBlockColorScheme;
545
+ className?: string;
546
+ } & Omit<React.HTMLAttributes<HTMLPreElement>, "children" | "dangerouslySetInnerHTML"> & React.RefAttributes<HTMLPreElement>>;
547
+ };
548
+
549
+ type ColorPickerRootProps = ColorPickerProps;
550
+ type ColorValueFormat = "hsl" | "rgb" | "hex";
551
+ type ColorPickerHexInputProps = {
552
+ size?: InputSize;
553
+ label?: React.ReactNode;
554
+ className?: string;
555
+ };
556
+ type ColorPickerFormatProviderProps = {
557
+ children: React.ReactNode;
558
+ defaultFormat?: ColorValueFormat;
559
+ };
560
+
561
+ declare function FormatProvider({ children, defaultFormat }: ColorPickerFormatProviderProps): react_jsx_runtime.JSX.Element;
562
+ declare function FormatSelect({ className }: {
563
+ className?: string;
564
+ }): react_jsx_runtime.JSX.Element | null;
565
+ /** Полоса каналов: слева пипетка из {@link EyeDropperButton}, справа — ячейки; иконку пипетки передайте `pipetteIcon`. */
566
+ declare function ChannelStripWithIcon({ className, pipetteIcon, }: {
567
+ className?: string;
568
+ pipetteIcon: React.ReactNode;
569
+ }): react_jsx_runtime.JSX.Element;
570
+ declare function ColorPickerRoot(props: ColorPickerProps): react_jsx_runtime.JSX.Element;
571
+ declare function Field({ className, ...props }: React.ComponentProps<typeof ColorField>): react_jsx_runtime.JSX.Element;
572
+ declare function Slider$1({ className, ...props }: ColorSliderProps): react_jsx_runtime.JSX.Element;
573
+ declare function Area({ className, ...props }: ColorAreaProps): react_jsx_runtime.JSX.Element;
574
+ declare function SliderTrack({ className, style, ...props }: SliderTrackProps): react_jsx_runtime.JSX.Element;
575
+ declare function Thumb({ className, ...props }: ColorThumbProps): react_jsx_runtime.JSX.Element;
576
+ declare function AreaThumb({ className, ...props }: ColorThumbProps): react_jsx_runtime.JSX.Element;
577
+ declare function SwatchPicker({ className, ...props }: ColorSwatchPickerProps): react_jsx_runtime.JSX.Element;
578
+ declare function SwatchPickerItem({ className, ...props }: ColorSwatchPickerItemProps): react_jsx_runtime.JSX.Element;
579
+ declare function Swatch({ className, style, ...props }: ColorSwatchProps): react_jsx_runtime.JSX.Element;
580
+ declare function Output(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
581
+ declare function SliderMeta({ label }: {
582
+ label: React.ReactNode;
583
+ }): react_jsx_runtime.JSX.Element;
584
+ declare function HexInput({ size, label, className }: ColorPickerHexInputProps): react_jsx_runtime.JSX.Element | null;
585
+ type ColorPickerTriggerSwatchProps = {
586
+ className?: string;
587
+ };
588
+ /** Квадратик текущего цвета из {@link ColorPickerStateContext}; для кнопки-триггера поповера и т.п. */
589
+ declare function TriggerSwatch({ className }: ColorPickerTriggerSwatchProps): react_jsx_runtime.JSX.Element;
590
+ declare namespace TriggerSwatch {
591
+ var displayName: string;
592
+ }
593
+ declare const ColorPicker: {
594
+ Root: typeof ColorPickerRoot;
595
+ TriggerSwatch: typeof TriggerSwatch;
596
+ FormatProvider: typeof FormatProvider;
597
+ FormatSelect: typeof FormatSelect;
598
+ ChannelStrip: typeof ChannelStripWithIcon;
599
+ Field: typeof Field;
600
+ HexInput: typeof HexInput;
601
+ Area: typeof Area;
602
+ AreaThumb: typeof AreaThumb;
603
+ Slider: typeof Slider$1;
604
+ SliderMeta: typeof SliderMeta;
605
+ SliderTrack: typeof SliderTrack;
606
+ Thumb: typeof Thumb;
607
+ Output: typeof Output;
608
+ SwatchPicker: typeof SwatchPicker;
609
+ SwatchPickerItem: typeof SwatchPickerItem;
610
+ Swatch: typeof Swatch;
611
+ EyeDropperButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
612
+ variant?: ButtonVariant;
613
+ mode?: ButtonMode;
614
+ size?: ButtonSize;
615
+ fullWidth?: boolean;
616
+ loading?: boolean;
617
+ asChild?: boolean;
618
+ } & React.RefAttributes<HTMLButtonElement>, "ref">, "size" | "mode" | "variant"> & React.RefAttributes<HTMLButtonElement>>;
619
+ };
620
+
621
+ type ModalRootProps = {
622
+ open?: boolean;
623
+ defaultOpen?: boolean;
624
+ onOpenChange?: (open: boolean) => void;
625
+ closeOnEscape?: boolean;
626
+ closeOnOverlayClick?: boolean;
627
+ /** Масштаб оболочки (панель, отступы, типографика шапки) и ярус для каскада `ControlSizeProvider`. По умолчанию `m`. */
628
+ size?: ModalSize;
629
+ children?: React.ReactNode;
630
+ };
631
+ declare function ModalRoot({ open, defaultOpen, onOpenChange, closeOnEscape, closeOnOverlayClick, size, children, }: ModalRootProps): react_jsx_runtime.JSX.Element;
632
+ type ModalTriggerProps = {
633
+ children: React.ReactElement<{
634
+ onClick?: React.MouseEventHandler;
635
+ }>;
636
+ };
637
+ declare function ModalTrigger({ children }: ModalTriggerProps): React.ReactElement<{
638
+ onClick?: React.MouseEventHandler;
639
+ }, string | React.JSXElementConstructor<any>>;
640
+ type ModalCloseProps = {
641
+ children: React.ReactElement<{
642
+ onClick?: React.MouseEventHandler;
643
+ className?: string;
644
+ size?: ButtonSize;
645
+ }>;
646
+ };
647
+ declare function ModalClose({ children }: ModalCloseProps): React.ReactElement<{
648
+ onClick?: React.MouseEventHandler;
649
+ className?: string;
650
+ size?: ButtonSize;
651
+ }, string | React.JSXElementConstructor<any>>;
652
+ type ModalPortalProps = {
653
+ children: React.ReactNode;
654
+ container?: HTMLElement | null;
655
+ };
656
+ declare function ModalPortal({ children, container }: ModalPortalProps): react_jsx_runtime.JSX.Element | null;
657
+ type ModalOverlayProps = React.HTMLAttributes<HTMLDivElement>;
658
+ declare function ModalOverlay({ className, onClick, ...rest }: ModalOverlayProps): react_jsx_runtime.JSX.Element;
659
+ type ModalContentProps = React.HTMLAttributes<HTMLDivElement> & {
660
+ "aria-label"?: string;
661
+ "aria-labelledby"?: string;
662
+ "aria-describedby"?: string;
663
+ };
664
+ declare function ModalContent({ children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...rest }: ModalContentProps): react_jsx_runtime.JSX.Element;
665
+ type ModalHeaderProps = React.HTMLAttributes<HTMLElement> & {
666
+ icon?: React.ReactNode;
667
+ };
668
+ declare function ModalHeader({ children, className, icon, ...rest }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
669
+ type ModalTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
670
+ declare function ModalTitle({ children, className, ...rest }: ModalTitleProps): react_jsx_runtime.JSX.Element;
671
+ type ModalDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
672
+ declare function ModalDescription({ children, className, ...rest }: ModalDescriptionProps): react_jsx_runtime.JSX.Element;
673
+ type ModalBodyProps = React.HTMLAttributes<HTMLDivElement>;
674
+ declare function ModalBody({ children, className, ...rest }: ModalBodyProps): react_jsx_runtime.JSX.Element;
675
+ type ModalFooterProps = React.HTMLAttributes<HTMLElement>;
676
+ declare function ModalFooter({ children, className, ...rest }: ModalFooterProps): react_jsx_runtime.JSX.Element;
677
+ declare const Modal: {
678
+ Root: typeof ModalRoot;
679
+ Trigger: typeof ModalTrigger;
680
+ Close: typeof ModalClose;
681
+ Portal: typeof ModalPortal;
682
+ Overlay: typeof ModalOverlay;
683
+ Content: typeof ModalContent;
684
+ Header: typeof ModalHeader;
685
+ Title: typeof ModalTitle;
686
+ Description: typeof ModalDescription;
687
+ Body: typeof ModalBody;
688
+ Footer: typeof ModalFooter;
689
+ };
690
+
691
+ type CommandMenuDialogProps = Omit<ModalRootProps, "children"> & {
692
+ children?: React.ReactNode;
693
+ overlayClassName?: string;
694
+ /** Дополнительный класс для панели контента (совмещается с внутренними стилями диалога). */
695
+ className?: string;
696
+ contentClassName?: string;
697
+ "aria-labelledby"?: string;
698
+ "aria-describedby"?: string;
699
+ };
700
+ declare function CommandMenuDialog({ children, overlayClassName, className, contentClassName, size, open, defaultOpen, onOpenChange, closeOnEscape, closeOnOverlayClick, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: CommandMenuDialogProps): react_jsx_runtime.JSX.Element;
701
+ type CommandMenuInputRowProps = React.HTMLAttributes<HTMLDivElement> & {
702
+ leading?: React.ReactNode;
703
+ trailing?: React.ReactNode;
704
+ /** `compact` — ниже строка поиска, `comfortable` — выше. */
705
+ density?: "compact" | "comfortable";
706
+ };
707
+ declare function CommandMenuInputRow({ leading, trailing, children, className, density, ...rest }: CommandMenuInputRowProps): react_jsx_runtime.JSX.Element;
708
+ type CommandMenuInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type">;
709
+ type CommandMenuListProps = React.HTMLAttributes<HTMLDivElement>;
710
+ type CommandMenuGroupProps = React.HTMLAttributes<HTMLDivElement> & {
711
+ heading?: React.ReactNode;
712
+ };
713
+ declare function CommandMenuGroup({ heading, className, children, ...rest }: CommandMenuGroupProps): react_jsx_runtime.JSX.Element;
714
+ type CommandMenuItemSize = "s" | "m";
715
+ type CommandMenuItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onSelect"> & {
716
+ /** Текст для фильтрации; пустая строка — пункт всегда виден при любом запросе. */
717
+ value: string;
718
+ keywords?: string;
719
+ size?: CommandMenuItemSize;
720
+ onSelect?: () => void;
721
+ };
722
+ type CommandMenuItemIconProps<T extends React.ElementType = "span"> = {
723
+ as?: T;
724
+ className?: string;
725
+ } & Omit<React.ComponentPropsWithoutRef<T>, "as" | "className">;
726
+ declare function CommandMenuItemIcon<T extends React.ElementType = "span">({ as, className, ...rest }: CommandMenuItemIconProps<T>): react_jsx_runtime.JSX.Element;
727
+ type CommandMenuTagSectionProps = React.HTMLAttributes<HTMLDivElement>;
728
+ declare function CommandMenuTagSection({ className, ...rest }: CommandMenuTagSectionProps): react_jsx_runtime.JSX.Element;
729
+ type CommandMenuTagSectionLabelProps = React.HTMLAttributes<HTMLDivElement>;
730
+ declare function CommandMenuTagSectionLabel({ className, ...rest }: CommandMenuTagSectionLabelProps): react_jsx_runtime.JSX.Element;
731
+ type CommandMenuTagRowProps = React.HTMLAttributes<HTMLDivElement>;
732
+ declare function CommandMenuTagRow({ className, ...rest }: CommandMenuTagRowProps): react_jsx_runtime.JSX.Element;
733
+ type CommandMenuFooterProps = React.HTMLAttributes<HTMLDivElement>;
734
+ declare function CommandMenuFooter({ className, ...rest }: CommandMenuFooterProps): react_jsx_runtime.JSX.Element;
735
+ type CommandMenuFooterKeyBoxProps = Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
736
+ /** На футере с `footerMuted` — бейдж `lighter`, иначе `stroke` (контур). */
737
+ tone?: "default" | "muted";
738
+ };
739
+ declare const CommandMenu: {
740
+ Dialog: typeof CommandMenuDialog;
741
+ DialogTitle: ({ children, className, ...rest }: ModalTitleProps) => react_jsx_runtime.JSX.Element;
742
+ DialogDescription: ({ children, className, ...rest }: ModalDescriptionProps) => react_jsx_runtime.JSX.Element;
743
+ InputRow: typeof CommandMenuInputRow;
744
+ Input: React.ForwardRefExoticComponent<CommandMenuInputProps & React.RefAttributes<HTMLInputElement>>;
745
+ List: React.ForwardRefExoticComponent<CommandMenuListProps & React.RefAttributes<HTMLDivElement>>;
746
+ Group: typeof CommandMenuGroup;
747
+ Item: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect" | "type"> & {
748
+ /** Текст для фильтрации; пустая строка — пункт всегда виден при любом запросе. */
749
+ value: string;
750
+ keywords?: string;
751
+ size?: CommandMenuItemSize;
752
+ onSelect?: () => void;
753
+ } & React.RefAttributes<HTMLButtonElement>>;
754
+ ItemIcon: typeof CommandMenuItemIcon;
755
+ TagSection: typeof CommandMenuTagSection;
756
+ TagSectionLabel: typeof CommandMenuTagSectionLabel;
757
+ TagRow: typeof CommandMenuTagRow;
758
+ Footer: typeof CommandMenuFooter;
759
+ FooterKeyBox: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
760
+ /** На футере с `footerMuted` — бейдж `lighter`, иначе `stroke` (контур). */
761
+ tone?: "default" | "muted";
762
+ } & React.RefAttributes<HTMLDivElement>>;
763
+ };
764
+
765
+ type DataTableOrder = "asc" | "desc";
766
+ type DataTableSortState = {
767
+ columnId: string;
768
+ order: DataTableOrder;
769
+ } | null;
770
+ type DataTableCellAlign = "start" | "center" | "end";
771
+ type DataTableDividerStyle = "standard" | "dashed" | "dotted" | "none";
772
+ type DataTableColumn<Row> = {
773
+ id: string;
774
+ header: React.ReactNode;
775
+ accessor?: keyof Row | ((row: Row) => unknown);
776
+ cell?: (row: Row) => React.ReactNode;
777
+ sortable?: boolean;
778
+ sortAccessor?: (row: Row) => unknown;
779
+ sortComparator?: (a: Row, b: Row, order: DataTableOrder) => number;
780
+ align?: DataTableCellAlign;
781
+ width?: string;
782
+ minWidth?: string;
783
+ onHeaderClick?: (event: React.MouseEvent<HTMLTableCellElement>) => void;
784
+ onCellClick?: (row: Row, event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>) => void;
785
+ };
786
+ type DataTableRootProps<Row> = {
787
+ columns: DataTableColumn<Row>[];
788
+ rows: Row[];
789
+ size?: DataTableSize;
790
+ className?: string;
791
+ showHeader?: boolean;
792
+ stickyHeader?: boolean;
793
+ stickyFirstColumn?: boolean;
794
+ getRowKey?: (row: Row, index: number) => React.Key;
795
+ onRowClick?: (row: Row, index: number, event: React.MouseEvent<HTMLTableRowElement>) => void;
796
+ loading?: boolean;
797
+ loadingText?: React.ReactNode;
798
+ emptyText?: React.ReactNode;
799
+ dividerStyle?: DataTableDividerStyle;
800
+ sort?: DataTableSortState;
801
+ defaultSort?: DataTableSortState;
802
+ onSortChange?: (sort: DataTableSortState) => void;
803
+ page?: number;
804
+ defaultPage?: number;
805
+ onPageChange?: (page: number) => void;
806
+ pageSize?: number;
807
+ showPagination?: boolean;
808
+ siblingCount?: number;
809
+ paginationSize?: DataTableSize;
810
+ infiniteScroll?: boolean;
811
+ initialVisibleRows?: number;
812
+ infiniteBatchSize?: number;
813
+ hasMore?: boolean;
814
+ loadingMore?: boolean;
815
+ onLoadMore?: () => void | Promise<void>;
816
+ scrollHeight?: number | string;
817
+ /** Подсветка строки при наведении (полупрозрачная смесь с фоном строки). */
818
+ highlightRowOnHover?: boolean;
819
+ /** Подсветка колонки под курсором (шапка + ячейки). */
820
+ highlightColumnOnHover?: boolean;
821
+ /** Чередование фона строк (зебра). */
822
+ striped?: boolean;
823
+ };
824
+ declare function DataTableRoot<Row>({ columns, rows, size, className, showHeader, stickyHeader, stickyFirstColumn, getRowKey, onRowClick, loading, loadingText, emptyText, dividerStyle, sort, defaultSort, onSortChange, page, defaultPage, onPageChange, pageSize, showPagination, siblingCount, paginationSize, infiniteScroll, initialVisibleRows, infiniteBatchSize, hasMore, loadingMore, onLoadMore, scrollHeight, highlightRowOnHover, highlightColumnOnHover, striped, }: DataTableRootProps<Row>): react_jsx_runtime.JSX.Element;
825
+ declare namespace DataTableRoot {
826
+ var displayName: string;
827
+ }
828
+ declare const DataTable: {
829
+ Root: typeof DataTableRoot;
830
+ };
831
+
832
+ type TypographySize = "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
833
+ type TypographyWeight = "regular" | "medium" | "semibold";
834
+ type TypographyTracking = "normal" | "tight" | "tighter" | "wide";
835
+ type TypographyTone = "default" | "muted";
836
+ type TypographyAs = "p" | "span" | "div";
837
+ type TypographyRootProps = {
838
+ as?: TypographyAs;
839
+ size: TypographySize;
840
+ weight?: TypographyWeight;
841
+ tracking?: TypographyTracking;
842
+ italic?: boolean;
843
+ tone?: TypographyTone;
844
+ children?: React.ReactNode;
845
+ className?: string;
846
+ } & React.HTMLAttributes<HTMLElement>;
847
+ declare const Typography: {
848
+ Root: React.ForwardRefExoticComponent<{
849
+ as?: TypographyAs;
850
+ size: TypographySize;
851
+ weight?: TypographyWeight;
852
+ tracking?: TypographyTracking;
853
+ italic?: boolean;
854
+ tone?: TypographyTone;
855
+ children?: React.ReactNode;
856
+ className?: string;
857
+ } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
858
+ };
859
+
860
+ type ResponsiveMonthsBreakpoints = {
861
+ /** Минимальная ширина для двух колонок месяцев */
862
+ twoColumns: number;
863
+ };
864
+
865
+ type DatepickerSize = InputSize;
866
+ /** Значение для `<input type="time" />` в локальном времени */
867
+ declare function formatTimeInputValue(date: Date | undefined): string;
868
+ /** Подставляет часы и минуты из строки `HH:mm` в дату */
869
+ declare function mergeTimeIntoDate(date: Date, timeHHmm: string): Date;
870
+ type DatepickerCalendarProps = DayPickerProps & {
871
+ /**
872
+ * Подстраивать `numberOfMonths` под ширину контейнера (1 / 2 колонки).
873
+ * Если `true`, проп `numberOfMonths` игнорируется.
874
+ */
875
+ responsiveMonths?: boolean;
876
+ /** Порог ширины для 2 колонок */
877
+ responsiveBreakpoints?: ResponsiveMonthsBreakpoints;
878
+ /** Размер календаря: влияет на кегль, ячейки и кнопки навигации */
879
+ size?: DatepickerSize;
880
+ };
881
+ declare function Calendar({ responsiveMonths, responsiveBreakpoints, numberOfMonths: numberOfMonthsProp, classNames: userClassNames, components: userComponents, style, weekStartsOn, navLayout, month: monthProp, onMonthChange, size: sizeProp, ...rest }: DatepickerCalendarProps): react_jsx_runtime.JSX.Element;
882
+ declare namespace Calendar {
883
+ var displayName: string;
884
+ }
885
+ type DatepickerShellProps = {
886
+ children: React.ReactNode;
887
+ className?: string;
888
+ presets?: React.ReactNode;
889
+ /** Размер всей оболочки датпикера */
890
+ size?: DatepickerSize;
891
+ };
892
+ declare function Shell({ children, className, presets, size }: DatepickerShellProps): react_jsx_runtime.JSX.Element;
893
+ declare namespace Shell {
894
+ var displayName: string;
895
+ }
896
+ type DatepickerPresetSingle = {
897
+ label: string;
898
+ date: Date | undefined;
899
+ };
900
+ type DatepickerPresetRange = {
901
+ label: string;
902
+ range: DateRange | undefined;
903
+ };
904
+ type DatepickerPresetsProps = {
905
+ className?: string;
906
+ title?: string;
907
+ size?: DatepickerSize;
908
+ } & ({
909
+ mode: "single";
910
+ presets: DatepickerPresetSingle[];
911
+ onSelect: (date: Date | undefined) => void;
912
+ } | {
913
+ mode: "range";
914
+ presets: DatepickerPresetRange[];
915
+ onSelect: (range: DateRange | undefined) => void;
916
+ });
917
+ declare function Presets(props: DatepickerPresetsProps): react_jsx_runtime.JSX.Element;
918
+ declare namespace Presets {
919
+ var displayName: string;
920
+ }
921
+ type DatepickerTimeSingleProps = {
922
+ mode?: "single";
923
+ size?: DatepickerSize;
924
+ value: Date | undefined;
925
+ onChange: (next: Date) => void;
926
+ labels?: {
927
+ time?: string;
928
+ };
929
+ };
930
+ type DatepickerTimeRangeProps = {
931
+ mode: "range";
932
+ size?: DatepickerSize;
933
+ from: Date | undefined;
934
+ to: Date | undefined;
935
+ onFromChange: (next: Date) => void;
936
+ onToChange: (next: Date) => void;
937
+ labels?: {
938
+ from?: string;
939
+ to?: string;
940
+ };
941
+ };
942
+ type DatepickerTimeProps = DatepickerTimeSingleProps | DatepickerTimeRangeProps;
943
+ declare function Time(props: DatepickerTimeProps): react_jsx_runtime.JSX.Element;
944
+ declare namespace Time {
945
+ var displayName: string;
946
+ }
947
+ type DatepickerValueProps = Omit<TypographyRootProps, "size"> & {
948
+ size?: DatepickerSize;
949
+ };
950
+ declare function Value({ className, size: sizeProp, tone, ...rest }: DatepickerValueProps): react_jsx_runtime.JSX.Element;
951
+ declare namespace Value {
952
+ var displayName: string;
953
+ }
954
+ declare const Datepicker: {
955
+ Calendar: typeof Calendar;
956
+ Shell: typeof Shell;
957
+ Presets: typeof Presets;
958
+ Time: typeof Time;
959
+ Value: typeof Value;
960
+ };
961
+
962
+ type DigitInputRootProps = {
963
+ length?: number;
964
+ size?: DigitInputSize;
965
+ value?: string;
966
+ defaultValue?: string;
967
+ onChange?: (value: string) => void;
968
+ disabled?: boolean;
969
+ hasError?: boolean;
970
+ onComplete?: (value: string) => void;
971
+ className?: string;
972
+ };
973
+ declare function DigitInputRoot({ length: lengthProp, size, value: valueProp, defaultValue, onChange, disabled, hasError, onComplete, className, }: DigitInputRootProps): react_jsx_runtime.JSX.Element;
974
+ declare namespace DigitInputRoot {
975
+ var displayName: string;
976
+ }
977
+ declare const DigitInput: {
978
+ Root: typeof DigitInputRoot;
979
+ };
980
+
981
+ type DividerOrientation = "horizontal" | "vertical";
982
+ type DividerAlign = "start" | "center" | "end";
983
+ /** `line-spacing` — маркер для линии между секциями (ритм соседей — через `gap` у flex-родителя); `text` — подпись секции. */
984
+ type DividerVariant = "default" | "line-spacing" | "text";
985
+ type DividerRootProps = {
986
+ orientation?: DividerOrientation;
987
+ align?: DividerAlign;
988
+ variant?: DividerVariant;
989
+ size?: DividerSize;
990
+ children?: React.ReactNode;
991
+ className?: string;
992
+ } & React.HTMLAttributes<HTMLDivElement>;
993
+ declare const Divider: {
994
+ Root: React.ForwardRefExoticComponent<{
995
+ orientation?: DividerOrientation;
996
+ align?: DividerAlign;
997
+ variant?: DividerVariant;
998
+ size?: DividerSize;
999
+ children?: React.ReactNode;
1000
+ className?: string;
1001
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1002
+ };
1003
+
1004
+ type DrawerSide = "left" | "right" | "bottom" | "top";
1005
+ type DrawerRootProps = {
1006
+ open?: boolean;
1007
+ defaultOpen?: boolean;
1008
+ onOpenChange?: (open: boolean) => void;
1009
+ closeOnEscape?: boolean;
1010
+ closeOnOverlayClick?: boolean;
1011
+ children: React.ReactNode;
1012
+ };
1013
+ declare function DrawerRoot({ open, defaultOpen, onOpenChange, closeOnEscape, closeOnOverlayClick, children, }: DrawerRootProps): react_jsx_runtime.JSX.Element;
1014
+ type DrawerTriggerProps = {
1015
+ children: React.ReactElement<{
1016
+ onClick?: React.MouseEventHandler;
1017
+ }>;
1018
+ };
1019
+ declare function DrawerTrigger({ children }: DrawerTriggerProps): React.ReactElement<{
1020
+ onClick?: React.MouseEventHandler;
1021
+ }, string | React.JSXElementConstructor<any>>;
1022
+ type DrawerCloseProps = {
1023
+ children: React.ReactElement<{
1024
+ onClick?: React.MouseEventHandler;
1025
+ className?: string;
1026
+ }>;
1027
+ };
1028
+ declare function DrawerClose({ children }: DrawerCloseProps): React.ReactElement<{
1029
+ onClick?: React.MouseEventHandler;
1030
+ className?: string;
1031
+ }, string | React.JSXElementConstructor<any>>;
1032
+ type DrawerPortalProps = {
1033
+ children: React.ReactNode;
1034
+ container?: HTMLElement | null;
1035
+ };
1036
+ declare function DrawerPortal({ children, container }: DrawerPortalProps): react_jsx_runtime.JSX.Element | null;
1037
+ type DrawerOverlayProps = React.HTMLAttributes<HTMLDivElement>;
1038
+ declare function DrawerOverlay({ className, onClick, ...rest }: DrawerOverlayProps): react_jsx_runtime.JSX.Element;
1039
+ type DrawerContentProps = React.HTMLAttributes<HTMLDivElement> & {
1040
+ side?: DrawerSide;
1041
+ size?: DrawerSize;
1042
+ "aria-label"?: string;
1043
+ "aria-labelledby"?: string;
1044
+ "aria-describedby"?: string;
1045
+ };
1046
+ declare function DrawerContent({ children, className, side, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...rest }: DrawerContentProps): react_jsx_runtime.JSX.Element;
1047
+ type DrawerHeaderProps = React.HTMLAttributes<HTMLElement> & {
1048
+ showCloseButton?: boolean;
1049
+ };
1050
+ declare function DrawerHeader({ children, className, showCloseButton, ...rest }: DrawerHeaderProps): react_jsx_runtime.JSX.Element;
1051
+ type DrawerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
1052
+ declare function DrawerTitle({ children, className, ...rest }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
1053
+ type DrawerBodyProps = React.HTMLAttributes<HTMLDivElement>;
1054
+ declare function DrawerBody({ children, className, ...rest }: DrawerBodyProps): react_jsx_runtime.JSX.Element;
1055
+ type DrawerFooterProps = React.HTMLAttributes<HTMLElement>;
1056
+ declare function DrawerFooter({ children, className, ...rest }: DrawerFooterProps): react_jsx_runtime.JSX.Element;
1057
+ declare const Drawer: {
1058
+ Root: typeof DrawerRoot;
1059
+ Trigger: typeof DrawerTrigger;
1060
+ Close: typeof DrawerClose;
1061
+ Portal: typeof DrawerPortal;
1062
+ Overlay: typeof DrawerOverlay;
1063
+ Content: typeof DrawerContent;
1064
+ Header: typeof DrawerHeader;
1065
+ Title: typeof DrawerTitle;
1066
+ Body: typeof DrawerBody;
1067
+ Footer: typeof DrawerFooter;
1068
+ };
1069
+
1070
+ type PositionSide = "bottom" | "top";
1071
+ type PositionAlign = "start" | "center" | "end";
1072
+
1073
+ type DropdownRootProps = {
1074
+ open?: boolean;
1075
+ defaultOpen?: boolean;
1076
+ onOpenChange?: (open: boolean) => void;
1077
+ children: React.ReactNode;
1078
+ };
1079
+ declare function DropdownRoot({ open, defaultOpen, onOpenChange, children }: DropdownRootProps): react_jsx_runtime.JSX.Element;
1080
+ declare namespace DropdownRoot {
1081
+ var displayName: string;
1082
+ }
1083
+ type DropdownTriggerProps = {
1084
+ children: React.ReactElement;
1085
+ asChild?: boolean;
1086
+ };
1087
+ declare function DropdownTrigger({ children, asChild: _asChild }: DropdownTriggerProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
1088
+ declare namespace DropdownTrigger {
1089
+ var displayName: string;
1090
+ }
1091
+ type DropdownContentProps = {
1092
+ align?: PositionAlign;
1093
+ side?: PositionSide;
1094
+ sameMinWidthAsTrigger?: boolean;
1095
+ size?: DropdownSize;
1096
+ children: React.ReactNode;
1097
+ className?: string;
1098
+ };
1099
+ declare function DropdownContent({ align, side, sameMinWidthAsTrigger, size, children, className, }: DropdownContentProps): react_jsx_runtime.JSX.Element | null;
1100
+ declare namespace DropdownContent {
1101
+ var displayName: string;
1102
+ }
1103
+ type DropdownItemProps = {
1104
+ onSelect?: () => void;
1105
+ disabled?: boolean;
1106
+ destructive?: boolean;
1107
+ children: React.ReactNode;
1108
+ className?: string;
1109
+ };
1110
+ declare function DropdownItem({ onSelect, disabled, destructive, children, className }: DropdownItemProps): react_jsx_runtime.JSX.Element;
1111
+ declare namespace DropdownItem {
1112
+ var displayName: string;
1113
+ }
1114
+ type DropdownItemIconProps = {
1115
+ as?: React.ElementType;
1116
+ className?: string;
1117
+ children?: React.ReactNode;
1118
+ } & Record<string, unknown>;
1119
+ type DropdownGroupProps = React.HTMLAttributes<HTMLDivElement>;
1120
+ declare function DropdownGroup({ className, ...rest }: DropdownGroupProps): react_jsx_runtime.JSX.Element;
1121
+ declare namespace DropdownGroup {
1122
+ var displayName: string;
1123
+ }
1124
+ type DropdownGroupLabelProps = {
1125
+ children: React.ReactNode;
1126
+ className?: string;
1127
+ };
1128
+ declare function DropdownGroupLabel({ children, className }: DropdownGroupLabelProps): react_jsx_runtime.JSX.Element;
1129
+ declare namespace DropdownGroupLabel {
1130
+ var displayName: string;
1131
+ }
1132
+ type DropdownSeparatorProps = {
1133
+ className?: string;
1134
+ };
1135
+ declare function DropdownSeparator({ className }: DropdownSeparatorProps): react_jsx_runtime.JSX.Element;
1136
+ declare namespace DropdownSeparator {
1137
+ var displayName: string;
1138
+ }
1139
+ type DropdownBlockProps = React.HTMLAttributes<HTMLDivElement>;
1140
+ declare function DropdownBlock({ className, ...rest }: DropdownBlockProps): react_jsx_runtime.JSX.Element;
1141
+ declare namespace DropdownBlock {
1142
+ var displayName: string;
1143
+ }
1144
+ type DropdownHeaderProps = React.HTMLAttributes<HTMLDivElement>;
1145
+ declare function DropdownHeader({ className, ...rest }: DropdownHeaderProps): react_jsx_runtime.JSX.Element;
1146
+ declare namespace DropdownHeader {
1147
+ var displayName: string;
1148
+ }
1149
+ type DropdownHeaderRowProps = React.HTMLAttributes<HTMLDivElement>;
1150
+ declare function DropdownHeaderRow({ className, ...rest }: DropdownHeaderRowProps): react_jsx_runtime.JSX.Element;
1151
+ declare namespace DropdownHeaderRow {
1152
+ var displayName: string;
1153
+ }
1154
+ type DropdownHeaderLeadingProps = React.HTMLAttributes<HTMLDivElement>;
1155
+ declare function DropdownHeaderLeading({ className, ...rest }: DropdownHeaderLeadingProps): react_jsx_runtime.JSX.Element;
1156
+ declare namespace DropdownHeaderLeading {
1157
+ var displayName: string;
1158
+ }
1159
+ type DropdownHeaderMainProps = React.HTMLAttributes<HTMLDivElement>;
1160
+ declare function DropdownHeaderMain({ className, ...rest }: DropdownHeaderMainProps): react_jsx_runtime.JSX.Element;
1161
+ declare namespace DropdownHeaderMain {
1162
+ var displayName: string;
1163
+ }
1164
+ type DropdownHeaderTitleProps = React.HTMLAttributes<HTMLDivElement>;
1165
+ declare function DropdownHeaderTitle({ className, ...rest }: DropdownHeaderTitleProps): react_jsx_runtime.JSX.Element;
1166
+ declare namespace DropdownHeaderTitle {
1167
+ var displayName: string;
1168
+ }
1169
+ type DropdownHeaderDescriptionProps = React.HTMLAttributes<HTMLDivElement> & {
1170
+ truncate?: boolean;
1171
+ };
1172
+ declare function DropdownHeaderDescription({ className, truncate, ...rest }: DropdownHeaderDescriptionProps): react_jsx_runtime.JSX.Element;
1173
+ declare namespace DropdownHeaderDescription {
1174
+ var displayName: string;
1175
+ }
1176
+ type DropdownHeaderTrailingProps = React.HTMLAttributes<HTMLDivElement> & {
1177
+ alignSelf?: "start" | "center";
1178
+ };
1179
+ declare function DropdownHeaderTrailing({ className, alignSelf, ...rest }: DropdownHeaderTrailingProps): react_jsx_runtime.JSX.Element;
1180
+ declare namespace DropdownHeaderTrailing {
1181
+ var displayName: string;
1182
+ }
1183
+ type DropdownInsetPadding = "none" | "x1" | "x2" | "x3";
1184
+ type DropdownInsetGap = "none" | "x2" | "x3" | "x4";
1185
+ type DropdownInsetProps = React.HTMLAttributes<HTMLDivElement> & {
1186
+ children: React.ReactNode;
1187
+ /** Доп. отступы от внутреннего края `Dropdown.Content`. По умолчанию `x2`. */
1188
+ padding?: DropdownInsetPadding;
1189
+ /** Вертикальный зазор между прямыми дочерними блоками. По умолчанию `x3`. */
1190
+ gap?: DropdownInsetGap;
1191
+ };
1192
+ declare function DropdownInset({ children, className, padding, gap, ...rest }: DropdownInsetProps): react_jsx_runtime.JSX.Element;
1193
+ declare namespace DropdownInset {
1194
+ var displayName: string;
1195
+ }
1196
+ declare const Dropdown: {
1197
+ Root: typeof DropdownRoot;
1198
+ Trigger: typeof DropdownTrigger;
1199
+ Content: typeof DropdownContent;
1200
+ Inset: typeof DropdownInset;
1201
+ Block: typeof DropdownBlock;
1202
+ Header: typeof DropdownHeader;
1203
+ HeaderRow: typeof DropdownHeaderRow;
1204
+ HeaderLeading: typeof DropdownHeaderLeading;
1205
+ HeaderMain: typeof DropdownHeaderMain;
1206
+ HeaderTitle: typeof DropdownHeaderTitle;
1207
+ HeaderDescription: typeof DropdownHeaderDescription;
1208
+ HeaderTrailing: typeof DropdownHeaderTrailing;
1209
+ Item: typeof DropdownItem;
1210
+ ItemIcon: React.ForwardRefExoticComponent<Omit<DropdownItemIconProps, "ref"> & React.RefAttributes<HTMLElement>>;
1211
+ Group: typeof DropdownGroup;
1212
+ GroupLabel: typeof DropdownGroupLabel;
1213
+ Separator: typeof DropdownSeparator;
1214
+ };
1215
+
1216
+ type ExampleFrameViewport = "desktop" | "tablet" | "mobile";
1217
+ type ColorScheme = "light" | "dark";
1218
+ /** Раскладка содержимого превью — чтобы в сниппетах не оборачивать компоненты в div.stack/row. */
1219
+ type ExampleFramePreviewLayout = "default" | "stack" | "stack-center" | "stack-narrow" | "dense-stack" | "row" | "row-start" | "row-wrap";
1220
+ type ExampleFrameRootProps = {
1221
+ /** Исходный текст для вкладки «Код» и для копирования (независимо от активной вкладки). */
1222
+ code: string;
1223
+ /** Зарезервировано под будущую мультиязычность; сейчас подсветка всегда TS/TSX (`CodeBlock`). */
1224
+ language?: string;
1225
+ children?: React.ReactNode;
1226
+ className?: string;
1227
+ /** Управляемая цветовая схема превью (light/dark). */
1228
+ colorScheme?: ColorScheme;
1229
+ defaultColorScheme?: ColorScheme;
1230
+ onColorSchemeChange?: (scheme: ColorScheme) => void;
1231
+ /** Управляемая ширина превью (desktop / tablet / mobile). */
1232
+ viewport?: ExampleFrameViewport;
1233
+ defaultViewport?: ExampleFrameViewport;
1234
+ onViewportChange?: (v: ExampleFrameViewport) => void;
1235
+ /** Показывать ли кнопку переключения light/dark в тулбаре. */
1236
+ showThemeToggle?: boolean;
1237
+ /** Вызывается после успешного копирования `code` в буфер. */
1238
+ onCopy?: () => void;
1239
+ /**
1240
+ * Как выстроить детей внутри превью. По умолчанию — по центру (один блок).
1241
+ * Для списков из нескольких компонентов используйте `stack` / `stack-center` / `row`.
1242
+ */
1243
+ previewLayout?: ExampleFramePreviewLayout;
1244
+ /**
1245
+ * Синхронизация с глобальным бренд-пресетом (например playground: `data-theme-preset` на `html`).
1246
+ * Если задан только `data-theme` без пресета, на узле действует «голый» dark/light из theme-*.css —
1247
+ * без оверлеев `[data-theme][data-theme-preset]` из playground, цвета превью расходятся с оболочкой.
1248
+ */
1249
+ themePreset?: string;
1250
+ };
1251
+ declare function ExampleFrameRoot({ code, language, children, className, colorScheme: colorSchemeProp, defaultColorScheme, onColorSchemeChange, viewport: viewportProp, defaultViewport, onViewportChange, showThemeToggle, onCopy, previewLayout, themePreset, }: ExampleFrameRootProps): react_jsx_runtime.JSX.Element;
1252
+ declare namespace ExampleFrameRoot {
1253
+ var displayName: string;
1254
+ }
1255
+ type ExampleFrameStageProps = {
1256
+ children: React.ReactNode;
1257
+ };
1258
+ declare function ExampleFrameStage({ children }: ExampleFrameStageProps): react_jsx_runtime.JSX.Element;
1259
+ declare namespace ExampleFrameStage {
1260
+ var displayName: string;
1261
+ }
1262
+ declare const ExampleFrame: {
1263
+ Root: typeof ExampleFrameRoot;
1264
+ Stage: typeof ExampleFrameStage;
1265
+ };
1266
+
1267
+ type FileUploadFormatBadgeColor = "gray" | "red" | "blue" | "green" | "orange" | "purple" | "sky" | "yellow";
1268
+ type FileUploadItemVariant = "default" | "error";
1269
+ /** `dashed` — дефолтная зона; `solid` — как в модалках Align (сплошная обводка, фон canvas → elevated при hover). */
1270
+ type FileUploadAppearance = "dashed" | "solid";
1271
+ type FileUploadIconProps = React.HTMLAttributes<HTMLSpanElement>;
1272
+ declare function FileUploadIcon({ className, children, ...rest }: FileUploadIconProps): react_jsx_runtime.JSX.Element;
1273
+ declare namespace FileUploadIcon {
1274
+ var displayName: string;
1275
+ }
1276
+ type FileUploadTitleProps = React.HTMLAttributes<HTMLParagraphElement> & {
1277
+ /** `muted` — как `text-sub-600` в Align (строка подсказки в модалке). */
1278
+ tone?: "default" | "muted";
1279
+ };
1280
+ declare function FileUploadTitle({ className, children, tone, ...rest }: FileUploadTitleProps): react_jsx_runtime.JSX.Element;
1281
+ declare namespace FileUploadTitle {
1282
+ var displayName: string;
1283
+ }
1284
+ type FileUploadHintProps = React.HTMLAttributes<HTMLParagraphElement>;
1285
+ declare function FileUploadHint({ className, children, ...rest }: FileUploadHintProps): react_jsx_runtime.JSX.Element;
1286
+ declare namespace FileUploadHint {
1287
+ var displayName: string;
1288
+ }
1289
+ type FileUploadBrowseLabelProps = React.HTMLAttributes<HTMLSpanElement>;
1290
+ declare function FileUploadBrowseLabel({ className, children, ...rest }: FileUploadBrowseLabelProps): react_jsx_runtime.JSX.Element;
1291
+ declare namespace FileUploadBrowseLabel {
1292
+ var displayName: string;
1293
+ }
1294
+ /** Кнопка «browse» внутри заголовка модалки (primary + underline, не открывает picker по клику сама по себе — навесьте `onClick`). */
1295
+ type FileUploadBrowseLinkProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
1296
+ /** Обёртка для модалок: `pointer-events: none` + колонка; вложенные кнопки/ссылки с `pointer-events: auto`. */
1297
+ type FileUploadDropBodyProps = React.HTMLAttributes<HTMLDivElement>;
1298
+ declare function FileUploadDropBody({ className, children, ...rest }: FileUploadDropBodyProps): react_jsx_runtime.JSX.Element;
1299
+ declare namespace FileUploadDropBody {
1300
+ var displayName: string;
1301
+ }
1302
+ /** Ряд чипов «My Device / Dropbox» — `pointer-events: auto`. */
1303
+ type FileUploadActionsRowProps = React.HTMLAttributes<HTMLDivElement>;
1304
+ declare function FileUploadActionsRow({ className, children, ...rest }: FileUploadActionsRowProps): react_jsx_runtime.JSX.Element;
1305
+ declare namespace FileUploadActionsRow {
1306
+ var displayName: string;
1307
+ }
1308
+ /** Кнопка-источник внутри `Root` — останавливает всплытие к `label`, не открывает файловый диалог. */
1309
+ type FileUploadChipProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
1310
+ type FileUploadChipLabelProps = React.HTMLAttributes<HTMLSpanElement>;
1311
+ declare function FileUploadChipLabel({ className, children, ...rest }: FileUploadChipLabelProps): react_jsx_runtime.JSX.Element;
1312
+ declare namespace FileUploadChipLabel {
1313
+ var displayName: string;
1314
+ }
1315
+ type FileUploadFormatBadgeProps = {
1316
+ format: string;
1317
+ color?: FileUploadFormatBadgeColor;
1318
+ className?: string;
1319
+ };
1320
+ declare function FileUploadFormatBadge({ format, color, className }: FileUploadFormatBadgeProps): react_jsx_runtime.JSX.Element;
1321
+ declare namespace FileUploadFormatBadge {
1322
+ var displayName: string;
1323
+ }
1324
+ type FileUploadItemProps = React.HTMLAttributes<HTMLDivElement> & {
1325
+ variant?: FileUploadItemVariant;
1326
+ /** Типографика, отступы, бейдж формата, прогресс и иконки статуса — из того же яруса, что контролы. */
1327
+ size?: FileUploadSize;
1328
+ };
1329
+ declare function FileUploadItem({ className, variant, size, ...rest }: FileUploadItemProps): react_jsx_runtime.JSX.Element;
1330
+ declare namespace FileUploadItem {
1331
+ var displayName: string;
1332
+ }
1333
+ type FileUploadItemRowProps = React.HTMLAttributes<HTMLDivElement>;
1334
+ declare function FileUploadItemRow({ className, children, ...rest }: FileUploadItemRowProps): react_jsx_runtime.JSX.Element;
1335
+ declare namespace FileUploadItemRow {
1336
+ var displayName: string;
1337
+ }
1338
+ type FileUploadItemMainProps = React.HTMLAttributes<HTMLDivElement>;
1339
+ declare function FileUploadItemMain({ className, children, ...rest }: FileUploadItemMainProps): react_jsx_runtime.JSX.Element;
1340
+ declare namespace FileUploadItemMain {
1341
+ var displayName: string;
1342
+ }
1343
+ /** Вертикальный стек внутри `ItemMain` (колонка ошибки: текст + «Try again»). */
1344
+ type FileUploadItemStackProps = React.HTMLAttributes<HTMLDivElement>;
1345
+ declare function FileUploadItemStack({ className, children, ...rest }: FileUploadItemStackProps): react_jsx_runtime.JSX.Element;
1346
+ declare namespace FileUploadItemStack {
1347
+ var displayName: string;
1348
+ }
1349
+ /** Группа имени файла + мета-строки (`space-y-1`). */
1350
+ type FileUploadItemTextGroupProps = React.HTMLAttributes<HTMLDivElement>;
1351
+ declare function FileUploadItemTextGroup({ className, children, ...rest }: FileUploadItemTextGroupProps): react_jsx_runtime.JSX.Element;
1352
+ declare namespace FileUploadItemTextGroup {
1353
+ var displayName: string;
1354
+ }
1355
+ type FileUploadItemTryAgainProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
1356
+ type FileUploadItemNameProps = React.HTMLAttributes<HTMLDivElement>;
1357
+ declare function FileUploadItemName({ className, children, ...rest }: FileUploadItemNameProps): react_jsx_runtime.JSX.Element;
1358
+ declare namespace FileUploadItemName {
1359
+ var displayName: string;
1360
+ }
1361
+ type FileUploadItemMetaProps = React.HTMLAttributes<HTMLDivElement>;
1362
+ declare function FileUploadItemMeta({ className, children, ...rest }: FileUploadItemMetaProps): react_jsx_runtime.JSX.Element;
1363
+ declare namespace FileUploadItemMeta {
1364
+ var displayName: string;
1365
+ }
1366
+ type FileUploadItemMetaSepProps = React.HTMLAttributes<HTMLSpanElement>;
1367
+ declare function FileUploadItemMetaSep({ className, ...rest }: FileUploadItemMetaSepProps): react_jsx_runtime.JSX.Element;
1368
+ declare namespace FileUploadItemMetaSep {
1369
+ var displayName: string;
1370
+ }
1371
+ type FileUploadItemActionsProps = React.HTMLAttributes<HTMLDivElement>;
1372
+ declare function FileUploadItemActions({ className, children, ...rest }: FileUploadItemActionsProps): react_jsx_runtime.JSX.Element;
1373
+ declare namespace FileUploadItemActions {
1374
+ var displayName: string;
1375
+ }
1376
+ type FileUploadItemFooterProps = React.HTMLAttributes<HTMLDivElement>;
1377
+ declare function FileUploadItemFooter({ className, children, ...rest }: FileUploadItemFooterProps): react_jsx_runtime.JSX.Element;
1378
+ declare namespace FileUploadItemFooter {
1379
+ var displayName: string;
1380
+ }
1381
+ type FileUploadItemProgressProps = {
1382
+ value?: number;
1383
+ max?: number;
1384
+ className?: string;
1385
+ children?: React.ReactNode;
1386
+ };
1387
+ declare function FileUploadItemProgress({ value, max, className, children }: FileUploadItemProgressProps): react_jsx_runtime.JSX.Element;
1388
+ declare namespace FileUploadItemProgress {
1389
+ var displayName: string;
1390
+ }
1391
+ type FileUploadRootProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children"> & {
1392
+ size?: FileUploadSize;
1393
+ appearance?: FileUploadAppearance;
1394
+ /** Доступ к скрытому input (программный клик из модалки и т.п.). */
1395
+ inputRef?: React.Ref<HTMLInputElement>;
1396
+ accept?: string;
1397
+ multiple?: boolean;
1398
+ /** Блокирует выбор файлов и drag-and-drop. */
1399
+ disabled?: boolean;
1400
+ onFilesChange?: (files: File[]) => void;
1401
+ children?: React.ReactNode;
1402
+ };
1403
+ declare const FileUpload: {
1404
+ Root: React.ForwardRefExoticComponent<Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children"> & {
1405
+ size?: FileUploadSize;
1406
+ appearance?: FileUploadAppearance;
1407
+ /** Доступ к скрытому input (программный клик из модалки и т.п.). */
1408
+ inputRef?: React.Ref<HTMLInputElement>;
1409
+ accept?: string;
1410
+ multiple?: boolean;
1411
+ /** Блокирует выбор файлов и drag-and-drop. */
1412
+ disabled?: boolean;
1413
+ onFilesChange?: (files: File[]) => void;
1414
+ children?: React.ReactNode;
1415
+ } & React.RefAttributes<HTMLLabelElement>>;
1416
+ Icon: typeof FileUploadIcon;
1417
+ Title: typeof FileUploadTitle;
1418
+ Hint: typeof FileUploadHint;
1419
+ BrowseLabel: typeof FileUploadBrowseLabel;
1420
+ BrowseLink: React.ForwardRefExoticComponent<FileUploadBrowseLinkProps & React.RefAttributes<HTMLButtonElement>>;
1421
+ DropBody: typeof FileUploadDropBody;
1422
+ ActionsRow: typeof FileUploadActionsRow;
1423
+ Chip: React.ForwardRefExoticComponent<FileUploadChipProps & React.RefAttributes<HTMLButtonElement>>;
1424
+ ChipLabel: typeof FileUploadChipLabel;
1425
+ FormatBadge: typeof FileUploadFormatBadge;
1426
+ Item: typeof FileUploadItem;
1427
+ ItemRow: typeof FileUploadItemRow;
1428
+ ItemMain: typeof FileUploadItemMain;
1429
+ ItemStack: typeof FileUploadItemStack;
1430
+ ItemTextGroup: typeof FileUploadItemTextGroup;
1431
+ ItemTryAgain: React.ForwardRefExoticComponent<FileUploadItemTryAgainProps & React.RefAttributes<HTMLButtonElement>>;
1432
+ ItemName: typeof FileUploadItemName;
1433
+ ItemMeta: typeof FileUploadItemMeta;
1434
+ ItemMetaSep: typeof FileUploadItemMetaSep;
1435
+ ItemActions: typeof FileUploadItemActions;
1436
+ ItemFooter: typeof FileUploadItemFooter;
1437
+ ItemProgress: typeof FileUploadItemProgress;
1438
+ };
1439
+
1440
+ type HintVariant = "default" | "error" | "disabled";
1441
+
1442
+ type HintRootProps = {
1443
+ size?: HintSize;
1444
+ variant?: HintVariant;
1445
+ children?: React.ReactNode;
1446
+ className?: string;
1447
+ } & React.HTMLAttributes<HTMLParagraphElement>;
1448
+ declare function HintRoot({ className, size, variant, children, ...rest }: HintRootProps): react_jsx_runtime.JSX.Element;
1449
+ declare namespace HintRoot {
1450
+ var displayName: string;
1451
+ }
1452
+ type HintIconProps = {
1453
+ children: React.ReactNode;
1454
+ className?: string;
1455
+ } & React.HTMLAttributes<HTMLSpanElement>;
1456
+ declare function HintIcon({ className, children, ...rest }: HintIconProps): react_jsx_runtime.JSX.Element;
1457
+ declare namespace HintIcon {
1458
+ var displayName: string;
1459
+ }
1460
+ declare const Hint: {
1461
+ Root: typeof HintRoot;
1462
+ Icon: typeof HintIcon;
1463
+ };
1464
+
1465
+ type InputRootProps = {
1466
+ size?: InputSize;
1467
+ /** Mark the field as invalid visually and propagate aria-invalid to the input. */
1468
+ hasError?: boolean;
1469
+ label?: React.ReactNode;
1470
+ optionalLabel?: React.ReactNode;
1471
+ hint?: React.ReactNode;
1472
+ /** Error message rendered below the field; also sets hasError=true. */
1473
+ error?: React.ReactNode;
1474
+ /** Explicit id for the underlying <input>; auto-generated if omitted. */
1475
+ id?: string;
1476
+ children: React.ReactNode;
1477
+ className?: string;
1478
+ };
1479
+ declare function InputRoot({ size, hasError: hasErrorProp, label, optionalLabel, hint, error, id, children, className, }: InputRootProps): react_jsx_runtime.JSX.Element;
1480
+ declare namespace InputRoot {
1481
+ var displayName: string;
1482
+ }
1483
+ type InputWrapperProps = {
1484
+ children: React.ReactNode;
1485
+ className?: string;
1486
+ };
1487
+ declare function InputWrapper({ children, className }: InputWrapperProps): react_jsx_runtime.JSX.Element;
1488
+ declare namespace InputWrapper {
1489
+ var displayName: string;
1490
+ }
1491
+ type InputFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">;
1492
+ type InputIconProps = {
1493
+ side: "start" | "end";
1494
+ children: React.ReactNode;
1495
+ className?: string;
1496
+ };
1497
+ declare function InputIcon({ side, children, className }: InputIconProps): react_jsx_runtime.JSX.Element;
1498
+ declare namespace InputIcon {
1499
+ var displayName: string;
1500
+ }
1501
+ type InputAffixProps = {
1502
+ side: "start" | "end";
1503
+ children: React.ReactNode;
1504
+ className?: string;
1505
+ };
1506
+ declare function InputAffix({ side, children, className }: InputAffixProps): react_jsx_runtime.JSX.Element;
1507
+ declare namespace InputAffix {
1508
+ var displayName: string;
1509
+ }
1510
+ type InputInlineAffixProps = {
1511
+ side: "start" | "end";
1512
+ children: React.ReactNode;
1513
+ className?: string;
1514
+ };
1515
+ declare function InputInlineAffix({ side, children, className }: InputInlineAffixProps): react_jsx_runtime.JSX.Element;
1516
+ declare namespace InputInlineAffix {
1517
+ var displayName: string;
1518
+ }
1519
+ declare const Input: {
1520
+ Root: typeof InputRoot;
1521
+ Wrapper: typeof InputWrapper;
1522
+ Field: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
1523
+ Icon: typeof InputIcon;
1524
+ Affix: typeof InputAffix;
1525
+ InlineAffix: typeof InputInlineAffix;
1526
+ };
1527
+
1528
+ declare const Kbd: {
1529
+ Root: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "size"> & {
1530
+ children: React.ReactNode;
1531
+ className?: string;
1532
+ size?: KbdSize;
1533
+ } & React.RefAttributes<HTMLElement>>;
1534
+ };
1535
+
1536
+ type LabelRootProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "size"> & {
1537
+ disabled?: boolean;
1538
+ size?: LabelSize;
1539
+ };
1540
+ declare function LabelIcon({ className, children, ...rest }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
1541
+ declare namespace LabelIcon {
1542
+ var displayName: string;
1543
+ }
1544
+ declare function LabelAsterisk({ className, children, ...rest }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
1545
+ declare namespace LabelAsterisk {
1546
+ var displayName: string;
1547
+ }
1548
+ declare function LabelSub({ className, children, ...rest }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
1549
+ declare namespace LabelSub {
1550
+ var displayName: string;
1551
+ }
1552
+ declare const Label: {
1553
+ Root: React.ForwardRefExoticComponent<Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "size"> & {
1554
+ disabled?: boolean;
1555
+ size?: LabelSize;
1556
+ } & React.RefAttributes<HTMLLabelElement>>;
1557
+ Icon: typeof LabelIcon;
1558
+ Asterisk: typeof LabelAsterisk;
1559
+ Sub: typeof LabelSub;
1560
+ };
1561
+
1562
+ type LinkButtonRootProps = {
1563
+ size?: LinkButtonSize;
1564
+ disabled?: boolean;
1565
+ children?: React.ReactNode;
1566
+ className?: string;
1567
+ } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
1568
+ declare const LinkButton: {
1569
+ Root: React.ForwardRefExoticComponent<{
1570
+ size?: LinkButtonSize;
1571
+ disabled?: boolean;
1572
+ children?: React.ReactNode;
1573
+ className?: string;
1574
+ } & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
1575
+ };
1576
+
1577
+ type NotificationType = "success" | "error" | "warning" | "info";
1578
+ type NotificationSize = "s" | "m" | "l";
1579
+ type NotificationPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
1580
+ type NotificationAction = {
1581
+ label: string;
1582
+ onClick: () => void;
1583
+ };
1584
+ type NotificationOptions = {
1585
+ type: NotificationType;
1586
+ title: string;
1587
+ description?: string;
1588
+ size?: NotificationSize;
1589
+ position?: NotificationPosition;
1590
+ duration?: number;
1591
+ persistent?: boolean;
1592
+ icon?: React.ReactNode;
1593
+ badge?: string | number;
1594
+ closable?: boolean;
1595
+ action?: NotificationAction;
1596
+ };
1597
+ type NotificationRecord = NotificationOptions & {
1598
+ id: string;
1599
+ position: NotificationPosition;
1600
+ size: NotificationSize;
1601
+ duration: number;
1602
+ persistent: boolean;
1603
+ closable: boolean;
1604
+ createdAt: number;
1605
+ };
1606
+ type NotificationCardProps = {
1607
+ item: NotificationRecord;
1608
+ className?: string;
1609
+ paused: boolean;
1610
+ onDismiss: (id: string) => void;
1611
+ stackDepth?: number;
1612
+ stackExpanded?: boolean;
1613
+ };
1614
+ declare function NotificationCard({ item, className, paused, onDismiss, stackDepth, stackExpanded, }: NotificationCardProps): react_jsx_runtime.JSX.Element;
1615
+
1616
+ type NotificationProviderProps = {
1617
+ children: React.ReactNode;
1618
+ position?: NotificationPosition;
1619
+ max?: number;
1620
+ };
1621
+ type StoreValue = {
1622
+ items: NotificationRecord[];
1623
+ notify: (options: NotificationOptions) => string;
1624
+ dismiss: (id: string) => void;
1625
+ dismissAll: () => void;
1626
+ };
1627
+ declare function NotificationProvider({ children, position, max, }: NotificationProviderProps): react_jsx_runtime.JSX.Element;
1628
+ declare function useNotifications(): Pick<StoreValue, "notify" | "dismiss" | "dismissAll">;
1629
+ declare function useNotificationStore(): StoreValue;
1630
+
1631
+ /** Ограничение ширины текстового блока внутри колонки `main`. */
1632
+ type PageContentMaxWidth = "full" | "readable" | "wide";
1633
+ type PageContentRootProps = {
1634
+ maxWidth?: PageContentMaxWidth;
1635
+ className?: string;
1636
+ children?: React.ReactNode;
1637
+ } & React.HTMLAttributes<HTMLDivElement>;
1638
+ type PageContentHeaderProps = {
1639
+ className?: string;
1640
+ children?: React.ReactNode;
1641
+ } & React.HTMLAttributes<HTMLDivElement>;
1642
+ declare function PageContentHeader({ className, children, ...rest }: PageContentHeaderProps): react_jsx_runtime.JSX.Element;
1643
+ declare namespace PageContentHeader {
1644
+ var displayName: string;
1645
+ }
1646
+ type PageContentTitleProps = {
1647
+ className?: string;
1648
+ children?: React.ReactNode;
1649
+ } & React.HTMLAttributes<HTMLHeadingElement>;
1650
+ type PageContentDescriptionProps = {
1651
+ className?: string;
1652
+ children?: React.ReactNode;
1653
+ } & React.HTMLAttributes<HTMLParagraphElement>;
1654
+ type PageContentBodyProps = {
1655
+ className?: string;
1656
+ children?: React.ReactNode;
1657
+ } & React.HTMLAttributes<HTMLDivElement>;
1658
+ declare function PageContentBody({ className, children, ...rest }: PageContentBodyProps): react_jsx_runtime.JSX.Element;
1659
+ declare namespace PageContentBody {
1660
+ var displayName: string;
1661
+ }
1662
+ declare const PageContent: {
1663
+ Root: React.ForwardRefExoticComponent<{
1664
+ maxWidth?: PageContentMaxWidth;
1665
+ className?: string;
1666
+ children?: React.ReactNode;
1667
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1668
+ Header: typeof PageContentHeader;
1669
+ Title: React.ForwardRefExoticComponent<{
1670
+ className?: string;
1671
+ children?: React.ReactNode;
1672
+ } & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
1673
+ Description: React.ForwardRefExoticComponent<{
1674
+ className?: string;
1675
+ children?: React.ReactNode;
1676
+ } & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
1677
+ Body: typeof PageContentBody;
1678
+ };
1679
+
1680
+ type PageShellRootProps = {
1681
+ fillViewport?: boolean;
1682
+ className?: string;
1683
+ children?: React.ReactNode;
1684
+ } & React.HTMLAttributes<HTMLDivElement>;
1685
+ type PageShellNavAreaProps = {
1686
+ className?: string;
1687
+ children?: React.ReactNode;
1688
+ } & React.HTMLAttributes<HTMLElement>;
1689
+ declare function PageShellNavArea({ className, children, ...rest }: PageShellNavAreaProps): react_jsx_runtime.JSX.Element;
1690
+ declare namespace PageShellNavArea {
1691
+ var displayName: string;
1692
+ }
1693
+ type PageShellContentAreaProps = {
1694
+ className?: string;
1695
+ children?: React.ReactNode;
1696
+ } & React.HTMLAttributes<HTMLElement>;
1697
+ declare const PageShell: {
1698
+ Root: React.ForwardRefExoticComponent<{
1699
+ fillViewport?: boolean;
1700
+ className?: string;
1701
+ children?: React.ReactNode;
1702
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1703
+ NavArea: typeof PageShellNavArea;
1704
+ ContentArea: React.ForwardRefExoticComponent<{
1705
+ className?: string;
1706
+ children?: React.ReactNode;
1707
+ } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
1708
+ };
1709
+
1710
+ type PaginationRootProps = {
1711
+ page: number;
1712
+ totalPages: number;
1713
+ onPageChange: (page: number) => void;
1714
+ siblingCount?: number;
1715
+ /** Размер кнопок страниц и стрелок; многоточие — тот же ярус `--prime-sys-size-control-*`. */
1716
+ size?: PaginationSize;
1717
+ className?: string;
1718
+ };
1719
+ declare function PaginationRoot({ page, totalPages, onPageChange, siblingCount, size, className, }: PaginationRootProps): react_jsx_runtime.JSX.Element | null;
1720
+ declare namespace PaginationRoot {
1721
+ var displayName: string;
1722
+ }
1723
+ declare const Pagination: {
1724
+ Root: typeof PaginationRoot;
1725
+ };
1726
+
1727
+ type PopoverSize = DropdownSize;
1728
+ type PopoverRootProps = {
1729
+ open?: boolean;
1730
+ defaultOpen?: boolean;
1731
+ onOpenChange?: (open: boolean) => void;
1732
+ children: React.ReactNode;
1733
+ };
1734
+ declare function PopoverRoot({ open, defaultOpen, onOpenChange, children }: PopoverRootProps): react_jsx_runtime.JSX.Element;
1735
+ declare namespace PopoverRoot {
1736
+ var displayName: string;
1737
+ }
1738
+ type PopoverTriggerProps = {
1739
+ children: React.ReactElement;
1740
+ asChild?: boolean;
1741
+ };
1742
+ declare function PopoverTrigger({ children, asChild: _asChild }: PopoverTriggerProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
1743
+ declare namespace PopoverTrigger {
1744
+ var displayName: string;
1745
+ }
1746
+ type PopoverContentProps = {
1747
+ align?: PositionAlign;
1748
+ side?: PositionSide;
1749
+ sameMinWidthAsTrigger?: boolean;
1750
+ size?: PopoverSize;
1751
+ trapFocus?: boolean;
1752
+ children: React.ReactNode;
1753
+ className?: string;
1754
+ };
1755
+ declare function PopoverContent({ align, side, sameMinWidthAsTrigger, size, trapFocus, children, className, }: PopoverContentProps): react_jsx_runtime.JSX.Element | null;
1756
+ declare namespace PopoverContent {
1757
+ var displayName: string;
1758
+ }
1759
+ type PopoverInsetPadding = "none" | "x1" | "x2" | "x3";
1760
+ type PopoverInsetGap = "none" | "x2" | "x3" | "x4";
1761
+ type PopoverInsetProps = React.HTMLAttributes<HTMLDivElement> & {
1762
+ children: React.ReactNode;
1763
+ /** Доп. отступы от внутреннего края `Popover.Content`. По умолчанию `x2`. */
1764
+ padding?: PopoverInsetPadding;
1765
+ /** Вертикальный зазор между прямыми дочерними блоками. По умолчанию `x3`. */
1766
+ gap?: PopoverInsetGap;
1767
+ };
1768
+ declare function PopoverInset({ children, className, padding, gap, ...rest }: PopoverInsetProps): react_jsx_runtime.JSX.Element;
1769
+ declare namespace PopoverInset {
1770
+ var displayName: string;
1771
+ }
1772
+ declare const Popover: {
1773
+ Root: typeof PopoverRoot;
1774
+ Trigger: typeof PopoverTrigger;
1775
+ Content: typeof PopoverContent;
1776
+ Inset: typeof PopoverInset;
1777
+ };
1778
+
1779
+ type ProgressBarRootProps = {
1780
+ value: number;
1781
+ max?: number;
1782
+ label?: string;
1783
+ size?: ProgressBarSize;
1784
+ className?: string;
1785
+ };
1786
+ declare const ProgressBar: {
1787
+ Root: React.ForwardRefExoticComponent<ProgressBarRootProps & React.RefAttributes<HTMLProgressElement>>;
1788
+ };
1789
+
1790
+ declare const pc: {
1791
+ readonly s: {
1792
+ readonly diameter: "2.5625rem";
1793
+ readonly strokeWidth: "3";
1794
+ };
1795
+ readonly m: {
1796
+ readonly diameter: "3.375rem";
1797
+ readonly strokeWidth: "4";
1798
+ };
1799
+ readonly l: {
1800
+ readonly diameter: "4.25rem";
1801
+ readonly strokeWidth: "5";
1802
+ };
1803
+ readonly xl: {
1804
+ readonly diameter: "5.125rem";
1805
+ readonly strokeWidth: "6";
1806
+ };
1807
+ };
1808
+ type ProgressCircleSize = keyof typeof pc;
1809
+ type ProgressCircleRootProps = {
1810
+ value: number;
1811
+ max?: number;
1812
+ size?: ProgressCircleSize;
1813
+ label?: string;
1814
+ children?: React.ReactNode;
1815
+ className?: string;
1816
+ };
1817
+ declare const ProgressCircle: {
1818
+ Root: React.ForwardRefExoticComponent<ProgressCircleRootProps & React.RefAttributes<HTMLDivElement>>;
1819
+ };
1820
+
1821
+ type RadioRootProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
1822
+ variant?: RadioVariant;
1823
+ size?: RadioSize;
1824
+ };
1825
+ type RadioLabelProps = {
1826
+ children?: React.ReactNode;
1827
+ className?: string;
1828
+ } & Omit<React.HTMLAttributes<HTMLLabelElement>, "htmlFor" | "size">;
1829
+ type RadioHintProps = {
1830
+ children: React.ReactNode;
1831
+ className?: string;
1832
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
1833
+ declare function RadioHint({ children, className, ...rest }: RadioHintProps): react_jsx_runtime.JSX.Element;
1834
+ declare namespace RadioHint {
1835
+ var displayName: string;
1836
+ }
1837
+ type RadioErrorProps = {
1838
+ children: React.ReactNode;
1839
+ className?: string;
1840
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
1841
+ declare function RadioError({ children, className, ...rest }: RadioErrorProps): react_jsx_runtime.JSX.Element;
1842
+ declare namespace RadioError {
1843
+ var displayName: string;
1844
+ }
1845
+ declare const Radio: {
1846
+ Root: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
1847
+ variant?: RadioVariant;
1848
+ size?: RadioSize;
1849
+ } & React.RefAttributes<HTMLInputElement>>;
1850
+ Label: React.ForwardRefExoticComponent<{
1851
+ children?: React.ReactNode;
1852
+ className?: string;
1853
+ } & Omit<React.HTMLAttributes<HTMLLabelElement>, "size" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
1854
+ Hint: typeof RadioHint;
1855
+ Error: typeof RadioError;
1856
+ };
1857
+
1858
+ type SegmentedControlRootProps = {
1859
+ value?: string;
1860
+ defaultValue?: string;
1861
+ onValueChange?: (value: string) => void;
1862
+ disabled?: boolean;
1863
+ size?: InputSize;
1864
+ children: React.ReactNode;
1865
+ className?: string;
1866
+ };
1867
+ declare function SegmentedControlRoot({ value, defaultValue, onValueChange, disabled, size, children, className, }: SegmentedControlRootProps): react_jsx_runtime.JSX.Element;
1868
+ declare namespace SegmentedControlRoot {
1869
+ var displayName: string;
1870
+ }
1871
+ type SegmentedControlItemProps = {
1872
+ value: string;
1873
+ disabled?: boolean;
1874
+ children: React.ReactNode;
1875
+ className?: string;
1876
+ };
1877
+ declare function SegmentedControlItem({ value, disabled, children, className, }: SegmentedControlItemProps): react_jsx_runtime.JSX.Element;
1878
+ declare namespace SegmentedControlItem {
1879
+ var displayName: string;
1880
+ }
1881
+ type SegmentedControlIconProps = {
1882
+ children: React.ReactNode;
1883
+ className?: string;
1884
+ } & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
1885
+ declare function SegmentedControlIcon({ children, className, ...rest }: SegmentedControlIconProps): react_jsx_runtime.JSX.Element;
1886
+ declare namespace SegmentedControlIcon {
1887
+ var displayName: string;
1888
+ }
1889
+ declare const SegmentedControl: {
1890
+ Root: typeof SegmentedControlRoot;
1891
+ Item: typeof SegmentedControlItem;
1892
+ Icon: typeof SegmentedControlIcon;
1893
+ };
1894
+
1895
+ type SelectRootProps = {
1896
+ size?: SelectSize;
1897
+ value?: string;
1898
+ defaultValue?: string;
1899
+ onChange?: (value: string) => void;
1900
+ disabled?: boolean;
1901
+ placeholder?: string;
1902
+ hasError?: boolean;
1903
+ children: React.ReactNode;
1904
+ };
1905
+ declare function SelectRoot({ size, value, defaultValue, onChange, disabled, placeholder, hasError, children, }: SelectRootProps): react_jsx_runtime.JSX.Element;
1906
+ declare namespace SelectRoot {
1907
+ var displayName: string;
1908
+ }
1909
+ type SelectTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "id" | "type" | "role">;
1910
+ type SelectValueProps = {
1911
+ className?: string;
1912
+ };
1913
+ declare function SelectValue({ className }: SelectValueProps): react_jsx_runtime.JSX.Element;
1914
+ declare namespace SelectValue {
1915
+ var displayName: string;
1916
+ }
1917
+ type SelectTriggerIconProps = React.HTMLAttributes<HTMLSpanElement>;
1918
+ declare function SelectTriggerIcon({ className, children, ...rest }: SelectTriggerIconProps): react_jsx_runtime.JSX.Element;
1919
+ declare namespace SelectTriggerIcon {
1920
+ var displayName: string;
1921
+ }
1922
+ type SelectContentProps = {
1923
+ className?: string;
1924
+ children: React.ReactNode;
1925
+ };
1926
+ declare function SelectContent({ className, children }: SelectContentProps): react_jsx_runtime.JSX.Element;
1927
+ declare namespace SelectContent {
1928
+ var displayName: string;
1929
+ }
1930
+ type SelectItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
1931
+ declare function SelectItemIcon({ className, children, ...rest }: SelectItemIconProps): react_jsx_runtime.JSX.Element;
1932
+ declare namespace SelectItemIcon {
1933
+ var displayName: string;
1934
+ }
1935
+ type SelectItemProps = {
1936
+ value: string;
1937
+ /** Explicit label for display in trigger; falls back to string children, then value */
1938
+ label?: string;
1939
+ disabled?: boolean;
1940
+ className?: string;
1941
+ children: React.ReactNode;
1942
+ };
1943
+ type SelectGroupProps = React.HTMLAttributes<HTMLDivElement>;
1944
+ declare function SelectGroup({ className, ...rest }: SelectGroupProps): react_jsx_runtime.JSX.Element;
1945
+ declare namespace SelectGroup {
1946
+ var displayName: string;
1947
+ }
1948
+ type SelectGroupLabelProps = React.HTMLAttributes<HTMLDivElement>;
1949
+ declare function SelectGroupLabel({ className, ...rest }: SelectGroupLabelProps): react_jsx_runtime.JSX.Element;
1950
+ declare namespace SelectGroupLabel {
1951
+ var displayName: string;
1952
+ }
1953
+ type SelectSeparatorProps = React.HTMLAttributes<HTMLHRElement>;
1954
+ declare function SelectSeparator({ className, ...rest }: SelectSeparatorProps): react_jsx_runtime.JSX.Element;
1955
+ declare namespace SelectSeparator {
1956
+ var displayName: string;
1957
+ }
1958
+ declare const Select: {
1959
+ Root: typeof SelectRoot;
1960
+ Trigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1961
+ Value: typeof SelectValue;
1962
+ TriggerIcon: typeof SelectTriggerIcon;
1963
+ Content: typeof SelectContent;
1964
+ Item: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
1965
+ ItemIcon: typeof SelectItemIcon;
1966
+ Group: typeof SelectGroup;
1967
+ GroupLabel: typeof SelectGroupLabel;
1968
+ Separator: typeof SelectSeparator;
1969
+ };
1970
+
1971
+ type SidebarVariant = "simple" | "double";
1972
+ type SidebarResponsive = boolean;
1973
+ type SidebarContextItem = {
1974
+ id: string;
1975
+ label: string;
1976
+ icon: React.ReactNode;
1977
+ tooltip?: React.ReactNode;
1978
+ ariaLabel?: string;
1979
+ disabled?: boolean;
1980
+ };
1981
+ type SidebarContextValue = {
1982
+ size: SidebarSize;
1983
+ variant: SidebarVariant;
1984
+ setVariant: (next: SidebarVariant) => void;
1985
+ activeSection: string | null;
1986
+ setActiveSection: (id: string) => void;
1987
+ open: boolean;
1988
+ setOpen: (next: boolean) => void;
1989
+ toggleOpen: () => void;
1990
+ };
1991
+ declare const useSidebarContext: () => SidebarContextValue;
1992
+
1993
+ /**
1994
+ * Собирает `to` для пунктов **панели** при `Sidebar.Root variant="double"`: префикс =
1995
+ * `activeSection` из контекста (выбранный пункт `ContextBar`). Внутри `PanelSwitch` для
1996
+ * каждого раздела рендерите свой `Menu` с `MenuRouterLink`, передавая либо полный `to`,
1997
+ * либо короткий путь сюда — например `useSidebarNavTo("deals")` → `/crm/deals` при активном CRM.
1998
+ *
1999
+ * При `variant="simple"` или пока раздел не выбран — путь от корня: `/${pathWithinSection}`.
2000
+ */
2001
+ declare function useSidebarNavTo(pathWithinSection: string): string;
2002
+ type SidebarRootProps = Omit<React.ComponentPropsWithoutRef<"aside">, "children"> & {
2003
+ children: React.ReactNode;
2004
+ size?: SidebarSize;
2005
+ variant?: SidebarVariant;
2006
+ defaultVariant?: SidebarVariant;
2007
+ onVariantChange?: (variant: SidebarVariant) => void;
2008
+ activeSection?: string;
2009
+ defaultActiveSection?: string;
2010
+ onActiveSectionChange?: (section: string) => void;
2011
+ open?: boolean;
2012
+ defaultOpen?: boolean;
2013
+ onOpenChange?: (open: boolean) => void;
2014
+ responsive?: SidebarResponsive;
2015
+ /** Узкая ширина панели навигации (`--sb-panel-width`). */
2016
+ panelWidth?: "compact";
2017
+ /** Размещение в колонке навигации рядом с контентом (flex-слот). */
2018
+ sidebarSlot?: "page-nav";
2019
+ };
2020
+ declare function SidebarRoot({ children, className, size, variant: variantProp, defaultVariant, onVariantChange, activeSection: activeSectionProp, defaultActiveSection, onActiveSectionChange, open: openProp, defaultOpen, onOpenChange, responsive, panelWidth, sidebarSlot, "aria-label": ariaLabel, ...rest }: SidebarRootProps): react_jsx_runtime.JSX.Element;
2021
+ declare namespace SidebarRoot {
2022
+ var displayName: string;
2023
+ }
2024
+ type SidebarContextBarProps = React.ComponentPropsWithoutRef<"nav"> & {
2025
+ items?: SidebarContextItem[];
2026
+ activeSection?: string | null;
2027
+ onSelectSection?: (sectionId: string) => void;
2028
+ logo?: React.ReactNode;
2029
+ footer?: React.ReactNode;
2030
+ };
2031
+ declare function SidebarContextBar({ className, items, activeSection: activeSectionProp, onSelectSection, logo, footer, children, ...rest }: SidebarContextBarProps): react_jsx_runtime.JSX.Element;
2032
+ declare namespace SidebarContextBar {
2033
+ var displayName: string;
2034
+ }
2035
+ type SidebarContextBarHeaderProps = React.ComponentPropsWithoutRef<"div">;
2036
+ declare function SidebarContextBarHeader({ className, ...rest }: SidebarContextBarHeaderProps): react_jsx_runtime.JSX.Element;
2037
+ declare namespace SidebarContextBarHeader {
2038
+ var displayName: string;
2039
+ }
2040
+ type SidebarContextBarBodyProps = React.ComponentPropsWithoutRef<"div">;
2041
+ declare function SidebarContextBarBody({ className, ...rest }: SidebarContextBarBodyProps): react_jsx_runtime.JSX.Element;
2042
+ declare namespace SidebarContextBarBody {
2043
+ var displayName: string;
2044
+ }
2045
+ type SidebarContextBarFooterProps = React.ComponentPropsWithoutRef<"div">;
2046
+ declare function SidebarContextBarFooter({ className, ...rest }: SidebarContextBarFooterProps): react_jsx_runtime.JSX.Element;
2047
+ declare namespace SidebarContextBarFooter {
2048
+ var displayName: string;
2049
+ }
2050
+ type SidebarContextItemButtonProps = React.ComponentPropsWithoutRef<"button"> & {
2051
+ active?: boolean;
2052
+ asChild?: boolean;
2053
+ };
2054
+ type SidebarNavPanelProps = React.ComponentPropsWithoutRef<"nav">;
2055
+ declare function SidebarNavPanel({ className, ...rest }: SidebarNavPanelProps): react_jsx_runtime.JSX.Element;
2056
+ declare namespace SidebarNavPanel {
2057
+ var displayName: string;
2058
+ }
2059
+ type SidebarNavPanelBodyProps = React.ComponentPropsWithoutRef<"div">;
2060
+ declare function SidebarNavPanelBody({ className, ...rest }: SidebarNavPanelBodyProps): react_jsx_runtime.JSX.Element;
2061
+ declare namespace SidebarNavPanelBody {
2062
+ var displayName: string;
2063
+ }
2064
+ type SidebarNavDocTreeProps = React.ComponentPropsWithoutRef<"div">;
2065
+ declare function SidebarNavDocTree({ className, ...rest }: SidebarNavDocTreeProps): react_jsx_runtime.JSX.Element;
2066
+ declare namespace SidebarNavDocTree {
2067
+ var displayName: string;
2068
+ }
2069
+ type SidebarNavPanelHeadingProps = React.ComponentPropsWithoutRef<"h2">;
2070
+ declare function SidebarNavPanelHeading({ className, ...rest }: SidebarNavPanelHeadingProps): react_jsx_runtime.JSX.Element;
2071
+ declare namespace SidebarNavPanelHeading {
2072
+ var displayName: string;
2073
+ }
2074
+ type SidebarNavCategoryProps = React.ComponentPropsWithoutRef<"div">;
2075
+ declare function SidebarNavCategory({ className, ...rest }: SidebarNavCategoryProps): react_jsx_runtime.JSX.Element;
2076
+ declare namespace SidebarNavCategory {
2077
+ var displayName: string;
2078
+ }
2079
+ type SidebarNavCategoryTriggerProps = React.ComponentPropsWithoutRef<"button">;
2080
+ type SidebarNavCategoryLabelProps = React.ComponentPropsWithoutRef<"span">;
2081
+ declare function SidebarNavCategoryLabel({ className, ...rest }: SidebarNavCategoryLabelProps): react_jsx_runtime.JSX.Element;
2082
+ declare namespace SidebarNavCategoryLabel {
2083
+ var displayName: string;
2084
+ }
2085
+ type SidebarNavCategoryCountProps = React.ComponentPropsWithoutRef<"span">;
2086
+ declare function SidebarNavCategoryCount({ className, ...rest }: SidebarNavCategoryCountProps): react_jsx_runtime.JSX.Element;
2087
+ declare namespace SidebarNavCategoryCount {
2088
+ var displayName: string;
2089
+ }
2090
+ type SidebarNavCategoryPanelProps = React.ComponentPropsWithoutRef<"div">;
2091
+ declare function SidebarNavCategoryPanel({ className, ...rest }: SidebarNavCategoryPanelProps): react_jsx_runtime.JSX.Element;
2092
+ declare namespace SidebarNavCategoryPanel {
2093
+ var displayName: string;
2094
+ }
2095
+ type SidebarPanelSwitchProps = React.ComponentPropsWithoutRef<"div"> & {
2096
+ sections?: Record<string, React.ReactNode>;
2097
+ renderSection?: (activeSection: string | null) => React.ReactNode;
2098
+ fallback?: React.ReactNode;
2099
+ };
2100
+ declare function SidebarPanelSwitch({ className, sections, renderSection, fallback, ...rest }: SidebarPanelSwitchProps): react_jsx_runtime.JSX.Element;
2101
+ declare namespace SidebarPanelSwitch {
2102
+ var displayName: string;
2103
+ }
2104
+ type SidebarHeaderProps = React.ComponentPropsWithoutRef<"div">;
2105
+ declare function SidebarHeader({ className, ...rest }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
2106
+ declare namespace SidebarHeader {
2107
+ var displayName: string;
2108
+ }
2109
+ type SidebarHeaderRowProps = React.ComponentPropsWithoutRef<"div">;
2110
+ declare function SidebarHeaderRow({ className, ...rest }: SidebarHeaderRowProps): react_jsx_runtime.JSX.Element;
2111
+ declare namespace SidebarHeaderRow {
2112
+ var displayName: string;
2113
+ }
2114
+ type SidebarHeaderMainProps = React.ComponentPropsWithoutRef<"div">;
2115
+ declare function SidebarHeaderMain({ className, ...rest }: SidebarHeaderMainProps): react_jsx_runtime.JSX.Element;
2116
+ declare namespace SidebarHeaderMain {
2117
+ var displayName: string;
2118
+ }
2119
+ type SidebarContentProps = React.ComponentPropsWithoutRef<"div">;
2120
+ declare function SidebarContent({ className, ...rest }: SidebarContentProps): react_jsx_runtime.JSX.Element;
2121
+ declare namespace SidebarContent {
2122
+ var displayName: string;
2123
+ }
2124
+ type SidebarFooterProps = React.ComponentPropsWithoutRef<"div"> & {
2125
+ variant?: "plain" | "inset";
2126
+ };
2127
+ declare function SidebarFooter({ className, variant, ...rest }: SidebarFooterProps): react_jsx_runtime.JSX.Element;
2128
+ declare namespace SidebarFooter {
2129
+ var displayName: string;
2130
+ }
2131
+ type SidebarIdentityButtonProps = Omit<React.ComponentPropsWithoutRef<"button">, "children"> & {
2132
+ leading?: React.ReactNode;
2133
+ title: React.ReactNode;
2134
+ subtitle?: React.ReactNode;
2135
+ trailing?: React.ReactNode;
2136
+ };
2137
+ type SidebarToggleButtonProps = React.ComponentPropsWithoutRef<"button"> & {
2138
+ openLabel?: string;
2139
+ closedLabel?: string;
2140
+ };
2141
+ type SidebarGroupProps = React.ComponentPropsWithoutRef<"div">;
2142
+ declare function SidebarGroup({ className, ...rest }: SidebarGroupProps): react_jsx_runtime.JSX.Element;
2143
+ declare namespace SidebarGroup {
2144
+ var displayName: string;
2145
+ }
2146
+ type SidebarGroupLabelProps = React.ComponentPropsWithoutRef<"div">;
2147
+ declare function SidebarGroupLabel({ className, ...rest }: SidebarGroupLabelProps): react_jsx_runtime.JSX.Element;
2148
+ declare namespace SidebarGroupLabel {
2149
+ var displayName: string;
2150
+ }
2151
+ type SidebarMenuProps = React.ComponentPropsWithoutRef<"ul">;
2152
+ declare function SidebarMenu({ className, ...rest }: SidebarMenuProps): react_jsx_runtime.JSX.Element;
2153
+ declare namespace SidebarMenu {
2154
+ var displayName: string;
2155
+ }
2156
+ type SidebarMenuItemProps = React.ComponentPropsWithoutRef<"li">;
2157
+ declare function SidebarMenuItem({ className, ...rest }: SidebarMenuItemProps): react_jsx_runtime.JSX.Element;
2158
+ declare namespace SidebarMenuItem {
2159
+ var displayName: string;
2160
+ }
2161
+ type SidebarMenuButtonProps = React.ComponentPropsWithoutRef<"button"> & {
2162
+ active?: boolean;
2163
+ asChild?: boolean;
2164
+ };
2165
+ type SidebarMenuLinkProps = React.ComponentPropsWithoutRef<"a"> & {
2166
+ active?: boolean;
2167
+ };
2168
+ type SidebarMenuRouterLinkProps = React.ComponentPropsWithoutRef<typeof NavLink>;
2169
+ type SidebarMenuActionProps = React.ComponentPropsWithoutRef<"button">;
2170
+ type SidebarMenuIconProps = React.ComponentPropsWithoutRef<"span">;
2171
+ declare function SidebarMenuIcon({ className, ...rest }: SidebarMenuIconProps): react_jsx_runtime.JSX.Element;
2172
+ declare namespace SidebarMenuIcon {
2173
+ var displayName: string;
2174
+ }
2175
+ type SidebarMenuLabelProps = React.ComponentPropsWithoutRef<"span">;
2176
+ declare function SidebarMenuLabel({ className, ...rest }: SidebarMenuLabelProps): react_jsx_runtime.JSX.Element;
2177
+ declare namespace SidebarMenuLabel {
2178
+ var displayName: string;
2179
+ }
2180
+ type SidebarMenuTrailingProps = React.ComponentPropsWithoutRef<"span">;
2181
+ declare function SidebarMenuTrailing({ className, ...rest }: SidebarMenuTrailingProps): react_jsx_runtime.JSX.Element;
2182
+ declare namespace SidebarMenuTrailing {
2183
+ var displayName: string;
2184
+ }
2185
+ type SidebarTextProps = React.ComponentPropsWithoutRef<"span">;
2186
+ declare function SidebarText({ className, ...rest }: SidebarTextProps): react_jsx_runtime.JSX.Element;
2187
+ declare namespace SidebarText {
2188
+ var displayName: string;
2189
+ }
2190
+ declare const Sidebar: {
2191
+ Root: typeof SidebarRoot;
2192
+ ContextBar: typeof SidebarContextBar;
2193
+ ContextBarHeader: typeof SidebarContextBarHeader;
2194
+ ContextBarBody: typeof SidebarContextBarBody;
2195
+ ContextBarFooter: typeof SidebarContextBarFooter;
2196
+ ContextItemButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2197
+ active?: boolean;
2198
+ asChild?: boolean;
2199
+ } & React.RefAttributes<HTMLButtonElement>>;
2200
+ NavPanel: typeof SidebarNavPanel;
2201
+ NavPanelBody: typeof SidebarNavPanelBody;
2202
+ NavDocTree: typeof SidebarNavDocTree;
2203
+ NavPanelHeading: typeof SidebarNavPanelHeading;
2204
+ NavCategory: typeof SidebarNavCategory;
2205
+ NavCategoryTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
2206
+ NavCategoryLabel: typeof SidebarNavCategoryLabel;
2207
+ NavCategoryCount: typeof SidebarNavCategoryCount;
2208
+ NavCategoryPanel: typeof SidebarNavCategoryPanel;
2209
+ PanelSwitch: typeof SidebarPanelSwitch;
2210
+ Header: typeof SidebarHeader;
2211
+ HeaderRow: typeof SidebarHeaderRow;
2212
+ HeaderMain: typeof SidebarHeaderMain;
2213
+ Content: typeof SidebarContent;
2214
+ Footer: typeof SidebarFooter;
2215
+ IdentityButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children"> & {
2216
+ leading?: React.ReactNode;
2217
+ title: React.ReactNode;
2218
+ subtitle?: React.ReactNode;
2219
+ trailing?: React.ReactNode;
2220
+ } & React.RefAttributes<HTMLButtonElement>>;
2221
+ ToggleButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2222
+ openLabel?: string;
2223
+ closedLabel?: string;
2224
+ } & React.RefAttributes<HTMLButtonElement>>;
2225
+ Group: typeof SidebarGroup;
2226
+ GroupLabel: typeof SidebarGroupLabel;
2227
+ Menu: typeof SidebarMenu;
2228
+ MenuItem: typeof SidebarMenuItem;
2229
+ MenuButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2230
+ active?: boolean;
2231
+ asChild?: boolean;
2232
+ } & React.RefAttributes<HTMLButtonElement>>;
2233
+ MenuLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
2234
+ active?: boolean;
2235
+ } & React.RefAttributes<HTMLAnchorElement>>;
2236
+ MenuRouterLink: React.ForwardRefExoticComponent<Omit<react_router.NavLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
2237
+ MenuAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
2238
+ MenuIcon: typeof SidebarMenuIcon;
2239
+ MenuLabel: typeof SidebarMenuLabel;
2240
+ MenuTrailing: typeof SidebarMenuTrailing;
2241
+ Text: typeof SidebarText;
2242
+ };
2243
+
2244
+ type SliderRootProps = {
2245
+ value?: number;
2246
+ defaultValue?: number;
2247
+ min?: number;
2248
+ max?: number;
2249
+ step?: number;
2250
+ disabled?: boolean;
2251
+ onChange?: (value: number) => void;
2252
+ label?: string;
2253
+ size?: SliderSize;
2254
+ className?: string;
2255
+ "aria-label"?: string;
2256
+ };
2257
+ declare function SliderRoot({ value: valueProp, defaultValue, min: minProp, max: maxProp, step: stepProp, disabled, onChange, label, size, className, "aria-label": ariaLabel, }: SliderRootProps): react_jsx_runtime.JSX.Element;
2258
+ declare namespace SliderRoot {
2259
+ var displayName: string;
2260
+ }
2261
+ declare const Slider: {
2262
+ Root: typeof SliderRoot;
2263
+ };
2264
+
2265
+ type IconTone = "default" | "subtle" | "accent" | "danger";
2266
+ type IconSize = "s" | "m" | "l" | "xl";
2267
+ type BaseIconProps = Omit<LucideProps, "size" | "color"> & {
2268
+ size?: IconSize;
2269
+ tone?: IconTone;
2270
+ };
2271
+
2272
+ declare const IconCheck: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2273
+ declare const IconChevronRight: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2274
+ declare const IconCircleDot: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2275
+ declare const IconNavItemDot: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2276
+ declare const IconClose: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2277
+ declare const IconCloudUpload: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2278
+ declare const IconCopy: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2279
+ declare const IconDownload: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2280
+ declare const IconMail: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2281
+ declare const IconEye: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2282
+ declare const IconEyeOff: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2283
+ declare const IconHouse: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2284
+ declare const IconLayoutGrid: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2285
+ declare const IconLock: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2286
+ declare const IconMoon: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2287
+ declare const IconSun: React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2288
+ declare const iconRegistry: {
2289
+ readonly "nav.chevronRight": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2290
+ readonly "nav.home": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2291
+ readonly "nav.itemDot": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2292
+ readonly "nav.layoutGrid": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2293
+ readonly "action.close": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2294
+ readonly "action.copy": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2295
+ readonly "action.upload": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2296
+ readonly "field.email": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2297
+ readonly "field.password.show": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2298
+ readonly "field.password.hide": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2299
+ readonly "status.locked": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2300
+ readonly "theme.dark": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2301
+ readonly "theme.light": React.ForwardRefExoticComponent<Omit<BaseIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2302
+ };
2303
+ type IconName = keyof typeof iconRegistry;
2304
+ type NamedIconProps = BaseIconProps & {
2305
+ name: IconName;
2306
+ };
2307
+ declare const Icon: React.ForwardRefExoticComponent<Omit<NamedIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
2308
+
2309
+ /** Состояние шага в примитивных степперах: `default` соответствует ожиданию до активации (аналог «pending» у высокоуровневого Stepper). */
2310
+ type StepperAlignItemState = "completed" | "active" | "default";
2311
+
2312
+ type HorizontalStepperRootProps = React.HTMLAttributes<HTMLDivElement> & {
2313
+ size?: StepperSize;
2314
+ };
2315
+ declare function HorizontalStepperRoot({ className, size, children, ...rest }: HorizontalStepperRootProps): react_jsx_runtime.JSX.Element;
2316
+ declare namespace HorizontalStepperRoot {
2317
+ var displayName: string;
2318
+ }
2319
+ type HorizontalStepperSeparatorIconProps<T extends React.ElementType = typeof IconChevronRight> = {
2320
+ as?: T;
2321
+ className?: string;
2322
+ } & Omit<React.ComponentPropsWithoutRef<T>, "as" | "className">;
2323
+ declare function HorizontalStepperSeparatorIcon<T extends React.ElementType = typeof IconChevronRight>({ as, className, ...rest }: HorizontalStepperSeparatorIconProps<T>): react_jsx_runtime.JSX.Element;
2324
+ declare namespace HorizontalStepperSeparatorIcon {
2325
+ var displayName: string;
2326
+ }
2327
+ type HorizontalStepperItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
2328
+ state?: StepperAlignItemState;
2329
+ type?: "button" | "submit" | "reset";
2330
+ };
2331
+ type HorizontalStepperItemIndicatorProps = React.HTMLAttributes<HTMLDivElement> & {
2332
+ state?: StepperAlignItemState;
2333
+ };
2334
+ declare function HorizontalStepperItemIndicator({ state: stateProp, className, children, ...rest }: HorizontalStepperItemIndicatorProps): react_jsx_runtime.JSX.Element;
2335
+ declare namespace HorizontalStepperItemIndicator {
2336
+ var displayName: string;
2337
+ }
2338
+ declare const HorizontalStepper: {
2339
+ Root: typeof HorizontalStepperRoot;
2340
+ SeparatorIcon: typeof HorizontalStepperSeparatorIcon;
2341
+ Item: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
2342
+ state?: StepperAlignItemState;
2343
+ type?: "button" | "submit" | "reset";
2344
+ } & React.RefAttributes<HTMLButtonElement>>;
2345
+ ItemIndicator: typeof HorizontalStepperItemIndicator;
2346
+ };
2347
+
2348
+ type VerticalStepperRootProps = React.HTMLAttributes<HTMLDivElement> & {
2349
+ size?: StepperSize;
2350
+ };
2351
+ declare function VerticalStepperRoot({ className, size, children, ...rest }: VerticalStepperRootProps): react_jsx_runtime.JSX.Element;
2352
+ declare namespace VerticalStepperRoot {
2353
+ var displayName: string;
2354
+ }
2355
+ type VerticalStepperArrowProps<T extends React.ElementType = typeof IconChevronRight> = {
2356
+ as?: T;
2357
+ className?: string;
2358
+ } & Omit<React.ComponentPropsWithoutRef<T>, "as" | "className">;
2359
+ declare function VerticalStepperArrow<T extends React.ElementType = typeof IconChevronRight>({ as, className, ...rest }: VerticalStepperArrowProps<T>): react_jsx_runtime.JSX.Element;
2360
+ declare namespace VerticalStepperArrow {
2361
+ var displayName: string;
2362
+ }
2363
+ type VerticalStepperItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
2364
+ state?: StepperAlignItemState;
2365
+ type?: "button" | "submit" | "reset";
2366
+ };
2367
+ type VerticalStepperItemIndicatorProps = React.HTMLAttributes<HTMLDivElement> & {
2368
+ state?: StepperAlignItemState;
2369
+ };
2370
+ declare function VerticalStepperItemIndicator({ state: stateProp, className, children, ...rest }: VerticalStepperItemIndicatorProps): react_jsx_runtime.JSX.Element;
2371
+ declare namespace VerticalStepperItemIndicator {
2372
+ var displayName: string;
2373
+ }
2374
+ declare const VerticalStepper: {
2375
+ Root: typeof VerticalStepperRoot;
2376
+ Arrow: typeof VerticalStepperArrow;
2377
+ Item: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
2378
+ state?: StepperAlignItemState;
2379
+ type?: "button" | "submit" | "reset";
2380
+ } & React.RefAttributes<HTMLButtonElement>>;
2381
+ ItemIndicator: typeof VerticalStepperItemIndicator;
2382
+ };
2383
+
2384
+ type StepperOrientation = "horizontal" | "vertical";
2385
+ type StepStatus = "pending" | "active" | "completed" | "error";
2386
+ type StepperRootProps = {
2387
+ orientation?: StepperOrientation;
2388
+ currentStep?: number;
2389
+ size?: StepperSize;
2390
+ children: React.ReactNode;
2391
+ className?: string;
2392
+ };
2393
+ declare function StepperRoot({ orientation, currentStep, size, children, className, }: StepperRootProps): react_jsx_runtime.JSX.Element;
2394
+ declare namespace StepperRoot {
2395
+ var displayName: string;
2396
+ }
2397
+ type StepperSeparatorIconProps = {
2398
+ className?: string;
2399
+ };
2400
+ declare function StepperSeparatorIcon({ className }: StepperSeparatorIconProps): react_jsx_runtime.JSX.Element;
2401
+ declare namespace StepperSeparatorIcon {
2402
+ var displayName: string;
2403
+ }
2404
+ type StepperArrowProps = {
2405
+ className?: string;
2406
+ } & Omit<React.ComponentPropsWithoutRef<typeof VerticalStepper.Arrow>, "className">;
2407
+ declare function StepperArrow({ className, ...rest }: StepperArrowProps): react_jsx_runtime.JSX.Element;
2408
+ declare namespace StepperArrow {
2409
+ var displayName: string;
2410
+ }
2411
+ type StepperIndicatorProps = {
2412
+ children?: React.ReactNode;
2413
+ className?: string;
2414
+ };
2415
+ declare function StepperIndicator({ children, className }: StepperIndicatorProps): react_jsx_runtime.JSX.Element;
2416
+ declare namespace StepperIndicator {
2417
+ var displayName: string;
2418
+ }
2419
+ type StepperContentProps = {
2420
+ title: string;
2421
+ description?: string;
2422
+ className?: string;
2423
+ };
2424
+ declare function StepperContent({ title, description, className }: StepperContentProps): react_jsx_runtime.JSX.Element;
2425
+ declare namespace StepperContent {
2426
+ var displayName: string;
2427
+ }
2428
+ type StepperStepProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
2429
+ index?: number;
2430
+ status?: StepStatus;
2431
+ children: React.ReactNode;
2432
+ type?: "button" | "submit" | "reset";
2433
+ };
2434
+ declare const Stepper: {
2435
+ Root: typeof StepperRoot;
2436
+ Step: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
2437
+ index?: number;
2438
+ status?: StepStatus;
2439
+ children: React.ReactNode;
2440
+ type?: "button" | "submit" | "reset";
2441
+ } & React.RefAttributes<HTMLButtonElement>>;
2442
+ Item: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
2443
+ index?: number;
2444
+ status?: StepStatus;
2445
+ children: React.ReactNode;
2446
+ type?: "button" | "submit" | "reset";
2447
+ } & React.RefAttributes<HTMLButtonElement>>;
2448
+ Indicator: typeof StepperIndicator;
2449
+ ItemIndicator: typeof StepperIndicator;
2450
+ Content: typeof StepperContent;
2451
+ SeparatorIcon: typeof StepperSeparatorIcon;
2452
+ Arrow: typeof StepperArrow;
2453
+ };
2454
+
2455
+ type SwitchRootProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "checked" | "defaultChecked" | "onChange"> & {
2456
+ label?: React.ReactNode;
2457
+ checked?: boolean;
2458
+ defaultChecked?: boolean;
2459
+ onCheckedChange?: (checked: boolean) => void;
2460
+ variant?: SwitchVariant;
2461
+ size?: SwitchSize;
2462
+ };
2463
+ type SwitchLabelProps = {
2464
+ children?: React.ReactNode;
2465
+ className?: string;
2466
+ } & Omit<React.HTMLAttributes<HTMLLabelElement>, "htmlFor" | "size">;
2467
+ type SwitchHintProps = {
2468
+ children: React.ReactNode;
2469
+ className?: string;
2470
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
2471
+ declare function SwitchHint({ children, className, ...rest }: SwitchHintProps): react_jsx_runtime.JSX.Element;
2472
+ declare namespace SwitchHint {
2473
+ var displayName: string;
2474
+ }
2475
+ type SwitchErrorProps = {
2476
+ children: React.ReactNode;
2477
+ className?: string;
2478
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
2479
+ declare function SwitchError({ children, className, ...rest }: SwitchErrorProps): react_jsx_runtime.JSX.Element;
2480
+ declare namespace SwitchError {
2481
+ var displayName: string;
2482
+ }
2483
+ declare const Switch: {
2484
+ Root: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "defaultChecked" | "onChange" | "type" | "size"> & {
2485
+ label?: React.ReactNode;
2486
+ checked?: boolean;
2487
+ defaultChecked?: boolean;
2488
+ onCheckedChange?: (checked: boolean) => void;
2489
+ variant?: SwitchVariant;
2490
+ size?: SwitchSize;
2491
+ } & React.RefAttributes<HTMLInputElement>>;
2492
+ Label: React.ForwardRefExoticComponent<{
2493
+ children?: React.ReactNode;
2494
+ className?: string;
2495
+ } & Omit<React.HTMLAttributes<HTMLLabelElement>, "size" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
2496
+ Hint: typeof SwitchHint;
2497
+ Error: typeof SwitchError;
2498
+ };
2499
+
2500
+ type TabsOrientation = "horizontal" | "vertical";
2501
+
2502
+ type TabsRootProps = {
2503
+ value?: string;
2504
+ defaultValue?: string;
2505
+ onValueChange?: (value: string) => void;
2506
+ orientation?: TabsOrientation;
2507
+ size?: TabsSize;
2508
+ children: React.ReactNode;
2509
+ className?: string;
2510
+ };
2511
+ declare function TabsRoot({ value, defaultValue, onValueChange, orientation, size, children, className, }: TabsRootProps): react_jsx_runtime.JSX.Element;
2512
+ declare namespace TabsRoot {
2513
+ var displayName: string;
2514
+ }
2515
+ type TabsListProps = {
2516
+ children: React.ReactNode;
2517
+ className?: string;
2518
+ };
2519
+ declare function TabsList({ children, className }: TabsListProps): react_jsx_runtime.JSX.Element;
2520
+ declare namespace TabsList {
2521
+ var displayName: string;
2522
+ }
2523
+ type TabsTabProps = {
2524
+ value: string;
2525
+ disabled?: boolean;
2526
+ children: React.ReactNode;
2527
+ className?: string;
2528
+ };
2529
+ declare function TabsTab({ value, disabled, children, className }: TabsTabProps): react_jsx_runtime.JSX.Element;
2530
+ declare namespace TabsTab {
2531
+ var displayName: string;
2532
+ }
2533
+ type TabsIconProps = {
2534
+ children: React.ReactNode;
2535
+ className?: string;
2536
+ } & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
2537
+ declare function TabsIcon({ children, className, ...rest }: TabsIconProps): react_jsx_runtime.JSX.Element;
2538
+ declare namespace TabsIcon {
2539
+ var displayName: string;
2540
+ }
2541
+ type TabsLabelProps = {
2542
+ children: React.ReactNode;
2543
+ className?: string;
2544
+ } & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
2545
+ declare function TabsLabel({ children, className, ...rest }: TabsLabelProps): react_jsx_runtime.JSX.Element;
2546
+ declare namespace TabsLabel {
2547
+ var displayName: string;
2548
+ }
2549
+ type TabsPanelProps = {
2550
+ value: string;
2551
+ children: React.ReactNode;
2552
+ className?: string;
2553
+ };
2554
+ declare function TabsPanel({ value, children, className }: TabsPanelProps): react_jsx_runtime.JSX.Element | null;
2555
+ declare namespace TabsPanel {
2556
+ var displayName: string;
2557
+ }
2558
+ declare const Tabs: {
2559
+ Root: typeof TabsRoot;
2560
+ List: typeof TabsList;
2561
+ Tab: typeof TabsTab;
2562
+ Icon: typeof TabsIcon;
2563
+ Label: typeof TabsLabel;
2564
+ Panel: typeof TabsPanel;
2565
+ };
2566
+
2567
+ type TagSize = "s" | "m" | "l" | "xl";
2568
+ type TagRootProps = {
2569
+ size?: TagSize;
2570
+ onRemove?: () => void;
2571
+ disabled?: boolean;
2572
+ children?: React.ReactNode;
2573
+ className?: string;
2574
+ } & React.HTMLAttributes<HTMLSpanElement>;
2575
+ type TagIconProps = {
2576
+ children: React.ReactNode;
2577
+ className?: string;
2578
+ };
2579
+ declare function TagIcon({ children, className }: TagIconProps): react_jsx_runtime.JSX.Element;
2580
+ declare namespace TagIcon {
2581
+ var displayName: string;
2582
+ }
2583
+ declare const Tag: {
2584
+ Root: React.ForwardRefExoticComponent<{
2585
+ size?: TagSize;
2586
+ onRemove?: () => void;
2587
+ disabled?: boolean;
2588
+ children?: React.ReactNode;
2589
+ className?: string;
2590
+ } & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
2591
+ Icon: typeof TagIcon;
2592
+ };
2593
+
2594
+ type TextareaCharCounterProps = {
2595
+ current: number;
2596
+ max: number;
2597
+ };
2598
+ declare function TextareaCharCounter({ current, max }: TextareaCharCounterProps): react_jsx_runtime.JSX.Element;
2599
+ declare namespace TextareaCharCounter {
2600
+ var displayName: string;
2601
+ }
2602
+ type TextareaRootProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
2603
+ variant?: TextareaVariant;
2604
+ size?: TextareaSize;
2605
+ autoResize?: boolean;
2606
+ };
2607
+ type TextareaHintProps = {
2608
+ children: React.ReactNode;
2609
+ className?: string;
2610
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
2611
+ declare function TextareaHint({ children, className, ...rest }: TextareaHintProps): react_jsx_runtime.JSX.Element;
2612
+ declare namespace TextareaHint {
2613
+ var displayName: string;
2614
+ }
2615
+ type TextareaErrorProps = {
2616
+ children: React.ReactNode;
2617
+ className?: string;
2618
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
2619
+ declare function TextareaError({ children, className, ...rest }: TextareaErrorProps): react_jsx_runtime.JSX.Element;
2620
+ declare namespace TextareaError {
2621
+ var displayName: string;
2622
+ }
2623
+ declare const Textarea: {
2624
+ Root: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
2625
+ variant?: TextareaVariant;
2626
+ size?: TextareaSize;
2627
+ autoResize?: boolean;
2628
+ } & React.RefAttributes<HTMLTextAreaElement>>;
2629
+ CharCounter: typeof TextareaCharCounter;
2630
+ Hint: typeof TextareaHint;
2631
+ Error: typeof TextareaError;
2632
+ };
2633
+
2634
+ type TooltipSize = "s" | "m" | "l" | "xl";
2635
+ type TooltipSide = "top" | "bottom" | "left" | "right";
2636
+ type TooltipProviderProps = {
2637
+ delayDuration?: number;
2638
+ children: React.ReactNode;
2639
+ };
2640
+ declare function TooltipProvider({ delayDuration, children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
2641
+ declare namespace TooltipProvider {
2642
+ var displayName: string;
2643
+ }
2644
+ type TooltipRootProps = {
2645
+ children: React.ReactNode;
2646
+ open?: boolean;
2647
+ defaultOpen?: boolean;
2648
+ onOpenChange?: (open: boolean) => void;
2649
+ };
2650
+ declare function TooltipRoot({ children, open, defaultOpen, onOpenChange }: TooltipRootProps): react_jsx_runtime.JSX.Element;
2651
+ declare namespace TooltipRoot {
2652
+ var displayName: string;
2653
+ }
2654
+ type TooltipTriggerProps = {
2655
+ children: React.ReactElement;
2656
+ className?: string;
2657
+ };
2658
+ declare function TooltipTrigger({ children, className }: TooltipTriggerProps): React.ReactElement<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>, string | React.JSXElementConstructor<any>>;
2659
+ declare namespace TooltipTrigger {
2660
+ var displayName: string;
2661
+ }
2662
+ type TooltipContentProps = {
2663
+ children: React.ReactNode;
2664
+ size?: TooltipSize;
2665
+ side?: TooltipSide;
2666
+ className?: string;
2667
+ };
2668
+ declare function TooltipContent({ children, size, side, className }: TooltipContentProps): react_jsx_runtime.JSX.Element | null;
2669
+ declare namespace TooltipContent {
2670
+ var displayName: string;
2671
+ }
2672
+ declare const Tooltip: {
2673
+ Provider: typeof TooltipProvider;
2674
+ Root: typeof TooltipRoot;
2675
+ Trigger: typeof TooltipTrigger;
2676
+ Content: typeof TooltipContent;
2677
+ };
2678
+
2679
+ export { validationStates as $, type AlertSize as A, Accordion, type AccordionArrowProps, type AccordionContentProps, type AccordionHeaderProps, type AccordionIconProps, type AccordionItemProps, type AccordionRootProps, type AccordionSize, type AccordionTriggerProps, type AccordionType, Avatar, type AvatarFallbackProps, type AvatarGroupOverflowProps, type AvatarGroupRootProps, type AvatarImageProps, type AvatarImageStatus, type AvatarRootProps, type AvatarSize, type BaseIconProps as B, Badge, type BadgeColor, type BadgeDotProps, type BadgeIconProps, type BadgeRootProps, type BadgeSize, type BadgeStatus, type BadgeVariant, Banner, type BannerActionsProps, type BannerCloseButtonProps, type BannerContentProps, type BannerDescriptionProps, type BannerIconProps, type BannerRootProps, type BannerSize, type BannerStatus, type BannerTitleProps, type BannerVariant, Breadcrumb, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, ButtonGroup, type ButtonGroupIconProps, type ButtonGroupItemProps, type ButtonGroupOrientation, type ButtonGroupRootProps, type ButtonGroupSize, type ButtonIconProps, type ButtonRootProps, type ButtonSpinnerProps, type CheckboxSize as C, Checkbox, type CheckboxErrorProps, type CheckboxHintProps, type CheckboxLabelProps, type CheckboxRootProps, CodeBlock, type CodeBlockColorScheme, type CodeBlockRootProps, ColorPicker, type ColorPickerFormatProviderProps, type ColorPickerHexInputProps, type ColorPickerRootProps, type ColorPickerTriggerSwatchProps, type ColorValueFormat, CommandMenu, type CommandMenuDialogProps, type ModalSize as CommandMenuDialogSize, type CommandMenuFooterKeyBoxProps, type CommandMenuFooterProps, type CommandMenuGroupProps, type CommandMenuInputProps, type CommandMenuInputRowProps, type CommandMenuItemIconProps, type CommandMenuItemProps, type CommandMenuItemSize, type CommandMenuListProps, type CommandMenuTagRowProps, type CommandMenuTagSectionLabelProps, type CommandMenuTagSectionProps, ControlSizeProvider, type ControlSizeProviderProps, type ControlSurfaceSize, type DisclosureState as D, DataTable, type DataTableCellAlign, type DataTableColumn, type DataTableDividerStyle, type DataTableOrder, type DataTableRootProps, type DataTableSize, type DataTableSortState, Datepicker, type DatepickerCalendarProps, type DatepickerPresetRange, type DatepickerPresetSingle, type DatepickerPresetsProps, type DatepickerShellProps, type DatepickerSize, type DatepickerTimeProps, type DatepickerTimeRangeProps, type DatepickerTimeSingleProps, type DatepickerValueProps, DigitInput, type DigitInputRootProps, type DigitInputSize, Divider, type DividerRootProps, type DividerSize, type DividerVariant, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerRootProps, type DrawerSide, type DrawerSize, type DrawerTitleProps, type DrawerTriggerProps, Dropdown, type DropdownBlockProps, type DropdownContentProps, type DropdownGroupLabelProps, type DropdownGroupProps, type DropdownHeaderDescriptionProps, type DropdownHeaderLeadingProps, type DropdownHeaderMainProps, type DropdownHeaderProps, type DropdownHeaderRowProps, type DropdownHeaderTitleProps, type DropdownHeaderTrailingProps, type DropdownInsetGap, type DropdownInsetPadding, type DropdownInsetProps, type DropdownItemIconProps, type DropdownItemProps, type DropdownRootProps, type DropdownSeparatorProps, type DropdownSize, type DropdownTriggerProps, type InteractionState as E, ExampleFrame, type ExampleFramePreviewLayout, type ExampleFrameRootProps, type ExampleFrameStageProps, type ExampleFrameViewport, type RadioVariant as F, FileUpload, type FileUploadActionsRowProps, type FileUploadAppearance, type FileUploadBrowseLabelProps, type FileUploadBrowseLinkProps, type FileUploadChipLabelProps, type FileUploadChipProps, type FileUploadDropBodyProps, type FileUploadFormatBadgeColor, type FileUploadFormatBadgeProps, type FileUploadHintProps, type FileUploadIconProps, type FileUploadItemActionsProps, type FileUploadItemFooterProps, type FileUploadItemMainProps, type FileUploadItemMetaProps, type FileUploadItemMetaSepProps, type FileUploadItemNameProps, type FileUploadItemProgressProps, type FileUploadItemProps, type FileUploadItemRowProps, type FileUploadItemStackProps, type FileUploadItemTextGroupProps, type FileUploadItemTryAgainProps, type FileUploadItemVariant, type FileUploadRootProps, type FileUploadSize, type FileUploadTitleProps, type SelectVariant as G, type SelectionState as H, Hint, type HintRootProps, type HintSize, HorizontalStepper, type HorizontalStepperItemIndicatorProps, type HorizontalStepperItemProps, type HorizontalStepperRootProps, type HorizontalStepperSeparatorIconProps, Icon as I, Input, type InputAffixProps, type InputFieldProps, type InputIconProps, type InputInlineAffixProps, type InputRootProps, type InputWrapperProps, type SwitchSize as J, type KbdSize as K, Kbd, type SwitchVariant as L, Label, type LabelRootProps, type LabelSize, LinkButton, type LinkButtonRootProps, type LinkButtonSize, type ModalVariant as M, Modal, type ModalBodyProps, type ModalCloseProps, type ModalContentProps, type ModalDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalSize, type ModalTitleProps, type ModalTriggerProps, type NamedIconProps as N, type NotificationAction, NotificationCard, type NotificationOptions, type NotificationPosition, NotificationProvider, type NotificationProviderProps, type NotificationRecord, type NotificationSize, type NotificationType, type TextareaVariant as O, asyncStates as P, PageContent, type PageContentBodyProps, type PageContentDescriptionProps, type PageContentHeaderProps, type PageContentMaxWidth, type PageContentRootProps, type PageContentTitleProps, PageShell, type PageShellContentAreaProps, type PageShellNavAreaProps, type PageShellRootProps, Pagination, type PaginationRootProps, type PaginationSize, Popover, type PopoverContentProps, type PopoverInsetGap, type PopoverInsetPadding, type PopoverInsetProps, type PopoverRootProps, type PopoverSize, type PopoverTriggerProps, ProgressBar, type ProgressBarRootProps, type ProgressBarSize, ProgressCircle, buttonModes as Q, type RadioSize as R, Radio, type RadioErrorProps, type RadioHintProps, type RadioLabelProps, type RadioRootProps, type SelectSize as S, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlRootProps, Select, type SelectContentProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectItemIconProps, type SelectItemProps, type SelectRootProps, type SelectSeparatorProps, type SelectTriggerIconProps, type SelectTriggerProps, type SelectValueProps, Sidebar, type SidebarContentProps, type SidebarContextBarBodyProps, type SidebarContextBarFooterProps, type SidebarContextBarHeaderProps, type SidebarContextBarProps, type SidebarContextItem, type SidebarContextItemButtonProps, type SidebarFooterProps, type SidebarGroupLabelProps, type SidebarGroupProps, type SidebarHeaderMainProps, type SidebarHeaderProps, type SidebarHeaderRowProps, type SidebarIdentityButtonProps, type SidebarMenuActionProps, type SidebarMenuButtonProps, type SidebarMenuIconProps, type SidebarMenuItemProps, type SidebarMenuLabelProps, type SidebarMenuLinkProps, type SidebarMenuProps, type SidebarMenuRouterLinkProps, type SidebarMenuTrailingProps, type SidebarNavCategoryCountProps, type SidebarNavCategoryLabelProps, type SidebarNavCategoryPanelProps, type SidebarNavCategoryProps, type SidebarNavCategoryTriggerProps, type SidebarNavDocTreeProps, type SidebarNavPanelBodyProps, type SidebarNavPanelHeadingProps, type SidebarNavPanelProps, type SidebarPanelSwitchProps, type SidebarResponsive, type SidebarRootProps, type SidebarSize, type SidebarTextProps, type SidebarToggleButtonProps, type SidebarVariant, Slider, type SliderRootProps, type SliderSize, type StepStatus, Stepper, type StepperAlignItemState, type StepperArrowProps, type StepperContentProps, type StepperIndicatorProps, type StepperOrientation, type StepperRootProps, type StepperSeparatorIconProps, type StepperSize, type StepperStepProps, Switch, type SwitchErrorProps, type SwitchHintProps, type SwitchLabelProps, type SwitchRootProps, type TextareaSize as T, Tabs, type TabsIconProps, type TabsLabelProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsRootProps, type TabsSize, type TabsTabProps, Tag, type TagIconProps, type TagRootProps, type TagSize, Textarea, type TextareaCharCounterProps, type TextareaErrorProps, type TextareaHintProps, type TextareaRootProps, Tooltip, type TooltipContentProps, type TooltipProviderProps, type TooltipRootProps, type TooltipSide, type TooltipSize, type TooltipTriggerProps, Typography, type TypographyAs, type TypographyRootProps, type TypographySize, type TypographyTone, type TypographyTracking, type TypographyWeight, componentSizes as U, type ValidationState as V, VerticalStepper, type VerticalStepperArrowProps, type VerticalStepperItemIndicatorProps, type VerticalStepperItemProps, type VerticalStepperRootProps, componentVariants as W, disclosureStates as X, iconRegistry as Y, interactionStates as Z, selectionStates as _, type AsyncState as a, type ButtonMode as b, type ButtonSize as c, type ButtonVariant as d, type CheckboxVariant as e, IconCheck as f, formatTimeInputValue, IconChevronRight as g, IconCircleDot as h, IconClose as i, IconCloudUpload as j, IconCopy as k, IconDownload as l, IconEye as m, mergeTimeIntoDate, IconEyeOff as n, IconHouse as o, IconLayoutGrid as p, IconLock as q, IconMail as r, IconMoon as s, type IconName as t, IconNavItemDot as u, useNotificationStore, useNotifications, useOptionalControlSize, useSidebarContext, useSidebarNavTo, type IconSize as v, IconSun as w, type IconTone as x, type InputSize as y, type InputVariant as z };