altum 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -4
- package/README.md +10 -10
- package/dist/base/ButtonBase/ButtonBase.module.css.js +1 -1
- package/dist/base/ChartBase/ChartBase.module.css.js +1 -1
- package/dist/base/DialogBase/DialogBase.js +1 -1
- package/dist/base/DialogBase/DialogBase.module.css.js +1 -1
- package/dist/base/FieldBase/FieldBase.js +1 -1
- package/dist/base/FieldBase/FieldBase.module.css.js +1 -1
- package/dist/base/ToggleControlBase/ToggleControlBase.module.css.js +1 -1
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Accordion/Accordion.module.css.js +1 -1
- package/dist/components/ActionList/ActionList.js +1 -1
- package/dist/components/ActionList/ActionList.module.css.js +1 -1
- package/dist/components/ActionSheetTrigger/ActionSheetTrigger.module.css.js +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/Alert.module.css.js +1 -1
- package/dist/components/AspectRatio/AspectRatio.module.css.js +1 -1
- package/dist/components/Attachment/Attachment.js +1 -1
- package/dist/components/Attachment/Attachment.module.css.js +1 -1
- package/dist/components/Avatar/Avatar.module.css.js +1 -1
- package/dist/components/Backdrop/Backdrop.module.css.js +1 -1
- package/dist/components/Badge/Badge.module.css.js +1 -1
- package/dist/components/BarChart/BarChart.module.css.js +1 -1
- package/dist/components/Box/Box.module.css.js +1 -1
- package/dist/components/Bubble/Bubble.module.css.js +1 -1
- package/dist/components/Button/Button.module.css.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.module.css.js +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.js +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.module.css.js +1 -1
- package/dist/components/Calendar/Calendar.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.EventBar.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.Schedule.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.TimedEvent.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.module.css.js +1 -1
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Card/Card.module.css.js +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chip/Chip.module.css.js +1 -1
- package/dist/components/Collapse/Collapse.module.css.js +1 -1
- package/dist/components/ColorSwatchGroup/ColorSwatchGroup.module.css.js +1 -1
- package/dist/components/CommandPalette/CommandPalette.js +1 -1
- package/dist/components/CommandPalette/CommandPalette.module.css.js +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.module.css.js +1 -1
- package/dist/components/Container/Container.module.css.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Filter.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Shell.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Shell.module.css.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.module.css.js +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePicker.utils.js +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.module.css.js +1 -1
- package/dist/components/DayStripCalendar/DayStripCalendar.module.css.js +1 -1
- package/dist/components/DescriptionList/DescriptionList.module.css.js +1 -1
- package/dist/components/DonutChart/DonutChart.module.css.js +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/Dropdown/Dropdown.module.css.js +1 -1
- package/dist/components/EmptyState/EmptyState.module.css.js +1 -1
- package/dist/components/FieldLabel/FieldLabel.module.css.js +1 -1
- package/dist/components/Fieldset/Fieldset.module.css.js +1 -1
- package/dist/components/FileList/FileList.module.css.js +1 -1
- package/dist/components/FormMessage/FormMessage.module.css.js +1 -1
- package/dist/components/GrabHandle/GrabHandle.module.css.js +1 -1
- package/dist/components/Grid/Grid.module.css.js +1 -1
- package/dist/components/ImageCrop/ImageCrop.module.css.js +1 -1
- package/dist/components/ImageGallery/ImageGallery.js +1 -1
- package/dist/components/ImageGallery/ImageGallery.module.css.js +1 -1
- package/dist/components/ImageLightbox/ImageLightbox.js +1 -1
- package/dist/components/ImageLightbox/ImageLightbox.module.css.js +1 -1
- package/dist/components/Item/Item.js +1 -1
- package/dist/components/Item/Item.module.css.js +1 -1
- package/dist/components/Kbd/Kbd.module.css.js +1 -1
- package/dist/components/Layout/Layout.module.css.js +1 -1
- package/dist/components/Layout/flexPrimitives.module.css.js +1 -1
- package/dist/components/LineChart/LineChart.module.css.js +1 -1
- package/dist/components/Link/Link.module.css.js +1 -1
- package/dist/components/Listbox/Listbox.js +1 -1
- package/dist/components/Listbox/Listbox.module.css.js +1 -1
- package/dist/components/Marker/Marker.js +1 -1
- package/dist/components/Marker/Marker.module.css.js +1 -1
- package/dist/components/MaskedField/MaskedField.js +1 -1
- package/dist/components/MaskedField/MaskedField.module.css.js +1 -1
- package/dist/components/Media/Media.module.css.js +1 -1
- package/dist/components/Menu/Menu.js +1 -0
- package/dist/components/Menu/Menu.module.css.js +1 -0
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Modal/Modal.module.css.js +1 -1
- package/dist/components/Notification/Notification.js +1 -1
- package/dist/components/Notification/Notification.module.css.js +1 -1
- package/dist/components/NumberField/NumberField.module.css.js +1 -1
- package/dist/components/Overflow/Overflow.js +1 -0
- package/dist/components/Overflow/Overflow.module.css.js +1 -0
- package/dist/components/Overflow/OverflowActionsMode.js +1 -0
- package/dist/components/Overflow/OverflowMeasure.js +1 -0
- package/dist/components/Overlay/Overlay.Focus.js +1 -1
- package/dist/components/Overlay/Overlay.Root.js +1 -1
- package/dist/components/Overlay/Overlay.module.css.js +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.module.css.js +1 -1
- package/dist/components/PasswordField/PasswordField.module.css.js +1 -1
- package/dist/components/PinInput/PinInput.module.css.js +1 -1
- package/dist/components/Popover/Popover.js +1 -1
- package/dist/components/Popover/Popover.module.css.js +1 -1
- package/dist/components/Progress/Progress.module.css.js +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.module.css.js +1 -1
- package/dist/components/Rating/Rating.module.css.js +1 -1
- package/dist/components/SafeArea/SafeArea.module.css.js +1 -1
- package/dist/components/ScrollArea/ScrollArea.module.css.js +1 -1
- package/dist/components/SearchField/SearchField.module.css.js +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.module.css.js +1 -1
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/Select.module.css.js +1 -1
- package/dist/components/SelectionGroup/SelectionGroup.js +1 -1
- package/dist/components/SelectionGroup/SelectionGroup.module.css.js +1 -1
- package/dist/components/Separator/Separator.module.css.js +1 -1
- package/dist/components/Sheet/Sheet.js +1 -1
- package/dist/components/Sheet/Sheet.module.css.js +1 -1
- package/dist/components/Sidebar/Sidebar.module.css.js +1 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/Skeleton/Skeleton.module.css.js +1 -1
- package/dist/components/SkipLink/SkipLink.module.css.js +1 -1
- package/dist/components/Slider/Slider.module.css.js +1 -1
- package/dist/components/SortableList/SortableList.module.css.js +1 -1
- package/dist/components/Spinner/Spinner.module.css.js +1 -1
- package/dist/components/StatBadge/StatBadge.module.css.js +1 -1
- package/dist/components/Steps/Steps.module.css.js +1 -1
- package/dist/components/SuggestField/SuggestField.js +1 -1
- package/dist/components/SuggestField/SuggestField.module.css.js +1 -1
- package/dist/components/SwipeToAction/SwipeToAction.module.css.js +1 -1
- package/dist/components/Switch/Switch.module.css.js +1 -1
- package/dist/components/Table/Table.module.css.js +1 -1
- package/dist/components/Table/Table.slots.js +1 -1
- package/dist/components/Table/TableContext.js +1 -1
- package/dist/components/Table/TableRow.js +1 -1
- package/dist/components/Table/TableRowActions.js +1 -1
- package/dist/components/Table/TableView.js +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.module.css.js +1 -1
- package/dist/components/Text/Text.module.css.js +1 -1
- package/dist/components/TextField/TextField.js +1 -1
- package/dist/components/TextField/TextField.module.css.js +1 -1
- package/dist/components/TextareaField/TextareaField.module.css.js +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.module.css.js +1 -1
- package/dist/components/TimePicker/TimePicker.js +1 -1
- package/dist/components/TimePicker/TimePicker.module.css.js +1 -1
- package/dist/components/Timeline/Timeline.module.css.js +1 -1
- package/dist/components/Title/Title.module.css.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/Tooltip.module.css.js +1 -1
- package/dist/components/UploadZone/UploadZone.module.css.js +1 -1
- package/dist/components/VirtualList/VirtualList.module.css.js +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.css.js +1 -1
- package/dist/index.js +1 -1
- package/dist/locales/en.js +1 -1
- package/dist/locales/ru.js +1 -1
- package/dist/styles/ControlTrack.module.css.js +1 -0
- package/dist/styles/MediaItem.module.css.js +1 -0
- package/dist/utils/controlTrack.js +1 -1
- package/dist/utils/renderChildren.js +1 -1
- package/docs/COMPONENTS.md +24 -27
- package/docs/ICONS.md +6 -5
- package/docs/LAYOUT.md +2 -2
- package/docs/THEMING.md +30 -20
- package/package.json +5 -5
- package/types/entries/hooks.d.ts +1 -1
- package/types/index.d.ts +271 -450
- package/dist/base/ListOptionBase/ListOptionBase.js +0 -1
- package/dist/base/ListOptionBase/ListOptionBase.module.css.js +0 -1
- package/dist/base/MediaRowBase/MediaRowBase.js +0 -1
- package/dist/base/MediaRowBase/MediaRowBase.module.css.js +0 -1
- package/dist/components/ContextMenu/ContextMenu.js +0 -1
- package/dist/components/ContextMenu/ContextMenu.module.css.js +0 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +0 -1
- package/dist/components/OverflowActions/OverflowActions.js +0 -1
- package/dist/components/OverflowActions/OverflowActions.module.css.js +0 -1
- package/dist/components/OverflowGroup/OverflowGroup.js +0 -1
- package/dist/components/OverflowGroup/OverflowGroup.module.css.js +0 -1
- package/dist/utils/controlTrack.module.css.js +0 -1
package/types/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef,
|
|
2
|
+
import React__default, { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ButtonHTMLAttributes, ReactElement, ElementType, HTMLAttributes, AriaRole, RefObject, RefCallback, SVGProps } from 'react';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Вариант оформления контейнера.
|
|
@@ -12,7 +12,7 @@ interface AccordionProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
12
12
|
children: React__default.ReactNode;
|
|
13
13
|
/** Разрешить одновременное раскрытие нескольких секций. @default false */
|
|
14
14
|
multiple?: boolean;
|
|
15
|
-
/** @default '
|
|
15
|
+
/** @default 'flush' */
|
|
16
16
|
variant?: AccordionVariant;
|
|
17
17
|
defaultOpenIds?: string[];
|
|
18
18
|
openIds?: string[];
|
|
@@ -182,8 +182,8 @@ type GroupGap = 'sm' | 'md' | 'lg';
|
|
|
182
182
|
|
|
183
183
|
/** Размер контрола по высоте и типографике. */
|
|
184
184
|
type ControlSize = 'sm' | 'md' | 'lg';
|
|
185
|
-
/** Ширина оболочки
|
|
186
|
-
type FieldWidth = '
|
|
185
|
+
/** Ширина оболочки поля: фиксированная средняя или на всю ширину родителя. */
|
|
186
|
+
type FieldWidth = 'md' | 'full';
|
|
187
187
|
|
|
188
188
|
/** Сторона якоря плавающего слоя. */
|
|
189
189
|
type AnchorSide = 'top' | 'bottom' | 'left' | 'right';
|
|
@@ -208,7 +208,6 @@ type ButtonVariant = 'primary' | 'tinted' | 'secondary' | 'ghost' | 'link';
|
|
|
208
208
|
type ButtonStatus = 'default' | 'danger';
|
|
209
209
|
/** Корень `ButtonBase`. */
|
|
210
210
|
type ButtonBaseAs = 'button' | 'a';
|
|
211
|
-
type ButtonBaseRef<T extends ButtonBaseAs> = T extends 'a' ? HTMLAnchorElement : HTMLButtonElement;
|
|
212
211
|
type ButtonBaseOwnProps = {
|
|
213
212
|
/** @default 'primary' */
|
|
214
213
|
variant?: ButtonVariant;
|
|
@@ -241,31 +240,13 @@ type ButtonBaseProps<T extends ButtonBaseAs = 'button'> = ButtonBaseOwnProps & O
|
|
|
241
240
|
as?: T;
|
|
242
241
|
};
|
|
243
242
|
|
|
244
|
-
type ButtonBaseComponent = (<T extends ButtonBaseAs = 'button'>(props: ButtonBaseProps<T> & {
|
|
245
|
-
ref?: Ref<ButtonBaseRef<T>>;
|
|
246
|
-
}) => ReactElement | null) & {
|
|
247
|
-
displayName?: string;
|
|
248
|
-
};
|
|
249
|
-
/**
|
|
250
|
-
* Базовый layout кнопки: размеры, `variant` × `status`, опциональный toggle (`active`).
|
|
251
|
-
* На нём строятся `Button`, `ButtonIcon` и `ButtonGroup.Item`.
|
|
252
|
-
* Secondary / tinted / ghost читают `--altum-color-button-*` element-токены (Box может их переопределить).
|
|
253
|
-
*
|
|
254
|
-
* @component
|
|
255
|
-
* @example
|
|
256
|
-
* <ButtonBase variant="secondary" status="danger" size="sm">
|
|
257
|
-
* Удалить
|
|
258
|
-
* </ButtonBase>
|
|
259
|
-
*/
|
|
260
|
-
declare const ButtonBase: ButtonBaseComponent;
|
|
261
|
-
|
|
262
243
|
/**
|
|
263
244
|
* Свойства `Button`.
|
|
264
245
|
*/
|
|
265
246
|
interface ButtonProps extends Omit<ButtonBaseProps, 'contentClassName'> {
|
|
266
247
|
iconStart?: ReactNode;
|
|
267
248
|
iconEnd?: ReactNode;
|
|
268
|
-
/** Состояние загрузки: спиннер, клики
|
|
249
|
+
/** Состояние загрузки: спиннер, клики блокируются, заливка как у enabled. */
|
|
269
250
|
loading?: boolean;
|
|
270
251
|
fullWidth?: boolean;
|
|
271
252
|
/**
|
|
@@ -292,7 +273,7 @@ interface ButtonIconProps extends Omit<ButtonBaseProps, 'contentClassName' | 'ch
|
|
|
292
273
|
/** @default 'square' */
|
|
293
274
|
shape?: 'circle' | 'square';
|
|
294
275
|
/**
|
|
295
|
-
* `diskClose` —
|
|
276
|
+
* `diskClose` — кнопка закрытия overlay (Modal / Sheet): голый × 16px в хит-зоне 28px, chrome только на hover.
|
|
296
277
|
* @default 'default'
|
|
297
278
|
*/
|
|
298
279
|
appearance?: 'default' | 'diskClose';
|
|
@@ -607,7 +588,10 @@ type FieldLabelPlacement = 'inline' | 'outside' | 'none';
|
|
|
607
588
|
interface FieldBaseRootProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
608
589
|
children: ReactNode;
|
|
609
590
|
size?: ControlSize;
|
|
610
|
-
/**
|
|
591
|
+
/**
|
|
592
|
+
* Ширина оболочки: `md` — до 320px, `full` — на всю ширину родителя.
|
|
593
|
+
* @default 'md'
|
|
594
|
+
*/
|
|
611
595
|
width?: FieldWidth;
|
|
612
596
|
/**
|
|
613
597
|
* Расположение лейбла:
|
|
@@ -626,7 +610,7 @@ interface FieldBaseRootProps extends Omit<ComponentPropsWithoutRef<'div'>, 'chil
|
|
|
626
610
|
focused?: boolean;
|
|
627
611
|
}
|
|
628
612
|
interface FieldBaseLabelProps extends ComponentPropsWithoutRef<'label'> {
|
|
629
|
-
/** Расположение конкретного label
|
|
613
|
+
/** Расположение конкретного label. @default 'inline' */
|
|
630
614
|
placement?: Exclude<FieldLabelPlacement, 'none'>;
|
|
631
615
|
}
|
|
632
616
|
interface FieldBaseControlProps extends ComponentPropsWithoutRef<'div'> {
|
|
@@ -639,7 +623,7 @@ interface FieldBasePostfixProps extends ComponentPropsWithoutRef<'span'> {
|
|
|
639
623
|
children: ReactNode;
|
|
640
624
|
}
|
|
641
625
|
/**
|
|
642
|
-
* Affix-кнопка поля (`FieldBase.Button`). `icon` —
|
|
626
|
+
* Affix-кнопка поля (`FieldBase.Button`). `icon` — содержимое. @default size `sm`.
|
|
643
627
|
*/
|
|
644
628
|
interface FieldBaseButtonProps extends Omit<ButtonBaseProps, 'as' | 'asChild' | 'contentClassName' | 'children'> {
|
|
645
629
|
icon?: ReactNode;
|
|
@@ -649,7 +633,7 @@ interface FieldBaseIconProps extends ComponentPropsWithoutRef<'span'> {
|
|
|
649
633
|
children: ReactNode;
|
|
650
634
|
}
|
|
651
635
|
interface FieldBaseClearProps extends Omit<FieldBaseButtonProps, 'icon'> {
|
|
652
|
-
/** Показывать
|
|
636
|
+
/** Показывать кнопку. По умолчанию — когда у Root есть значение и поле не disabled/readOnly. */
|
|
653
637
|
visible?: boolean;
|
|
654
638
|
}
|
|
655
639
|
interface FieldBaseErrorProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {
|
|
@@ -722,6 +706,11 @@ interface TextFieldProps extends FieldBaseProps, Omit<ComponentPropsWithoutRef<'
|
|
|
722
706
|
wrapperClassName?: string;
|
|
723
707
|
/** Визуальный focus, пока привязанный popup (календарь, список времени) открыт */
|
|
724
708
|
active?: boolean;
|
|
709
|
+
/**
|
|
710
|
+
* Не скрывать placeholder при фокусе пустого поля.
|
|
711
|
+
* Нужен поиску в оверлее (`CustomSelect.Filter`, `ActionList`, `CommandPalette`).
|
|
712
|
+
*/
|
|
713
|
+
keepPlaceholder?: boolean;
|
|
725
714
|
/** Слой поверх control внутри `FieldBase.Control` (маска и т.п.). */
|
|
726
715
|
controlOverlay?: ReactNode;
|
|
727
716
|
}
|
|
@@ -766,58 +755,38 @@ type SearchFieldProps = Omit<TextFieldProps, 'prefix' | 'type'>;
|
|
|
766
755
|
*/
|
|
767
756
|
declare const SearchField: React__default.ForwardRefExoticComponent<SearchFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
768
757
|
|
|
758
|
+
type SkeletonVariant = 'block' | 'text' | 'avatar' | 'card' | 'table';
|
|
769
759
|
/**
|
|
770
|
-
* Свойства
|
|
760
|
+
* Свойства `Skeleton`.
|
|
761
|
+
* Пресеты задаются `variant`: `text` / `avatar` / `card` / `table` (без variant — блок).
|
|
771
762
|
*/
|
|
772
763
|
interface SkeletonProps extends ComponentPropsWithoutRef<'div'> {
|
|
764
|
+
variant?: SkeletonVariant;
|
|
773
765
|
width?: string | number;
|
|
774
766
|
height?: string | number;
|
|
775
767
|
circle?: boolean;
|
|
776
|
-
|
|
777
|
-
/**
|
|
778
|
-
* Свойства `Skeleton.Text`.
|
|
779
|
-
*/
|
|
780
|
-
interface SkeletonTextProps extends ComponentPropsWithoutRef<'div'> {
|
|
781
|
-
/** Число строк. @default 3 */
|
|
768
|
+
/** Число строк для `text` / `card`. */
|
|
782
769
|
lines?: number;
|
|
783
|
-
width?: string | number;
|
|
784
770
|
lastWidth?: string | number;
|
|
785
|
-
|
|
786
|
-
/**
|
|
787
|
-
* Свойства `Skeleton.Avatar`.
|
|
788
|
-
*/
|
|
789
|
-
interface SkeletonAvatarProps extends ComponentPropsWithoutRef<'div'> {
|
|
790
|
-
/** Диаметр. @default 40 */
|
|
771
|
+
/** Диаметр для `avatar`. @default 40 */
|
|
791
772
|
size?: number;
|
|
792
|
-
|
|
793
|
-
/**
|
|
794
|
-
* Свойства `Skeleton.Card`.
|
|
795
|
-
*/
|
|
796
|
-
interface SkeletonCardProps extends ComponentPropsWithoutRef<'div'> {
|
|
797
|
-
/** Показать avatar. @default true */
|
|
773
|
+
/** Показать avatar в пресете `card`. @default true */
|
|
798
774
|
avatar?: boolean;
|
|
799
|
-
/** Число
|
|
800
|
-
lines?: number;
|
|
801
|
-
}
|
|
802
|
-
/**
|
|
803
|
-
* Свойства `Skeleton.Table`.
|
|
804
|
-
*/
|
|
805
|
-
interface SkeletonTableProps extends ComponentPropsWithoutRef<'div'> {
|
|
806
|
-
/** Число строк. @default 5 */
|
|
775
|
+
/** Число строк таблицы. @default 5 */
|
|
807
776
|
rows?: number;
|
|
808
|
-
/** Число
|
|
777
|
+
/** Число колонок таблицы. @default 4 */
|
|
809
778
|
columns?: number;
|
|
810
779
|
}
|
|
811
780
|
|
|
812
781
|
/**
|
|
813
|
-
*
|
|
782
|
+
* Плейсхолдер загрузки с пульсирующей анимацией.
|
|
783
|
+
*
|
|
784
|
+
* @component
|
|
785
|
+
* @example
|
|
786
|
+
* <Skeleton width={200} height={16} />
|
|
787
|
+
* <Skeleton variant="text" lines={3} />
|
|
814
788
|
*/
|
|
815
|
-
declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement
|
|
816
|
-
Text: React$1.ForwardRefExoticComponent<SkeletonTextProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
817
|
-
Avatar: React$1.ForwardRefExoticComponent<SkeletonAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
818
|
-
Card: React$1.ForwardRefExoticComponent<SkeletonCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
819
|
-
Table: React$1.ForwardRefExoticComponent<SkeletonTableProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
820
|
-
};
|
|
789
|
+
declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
821
790
|
|
|
822
791
|
/**
|
|
823
792
|
* Свойства `StatBadge`.
|
|
@@ -915,6 +884,9 @@ type CardVariant = Extract<BoxVariant, 'outlined' | 'elevated' | 'ghost'>;
|
|
|
915
884
|
*/
|
|
916
885
|
interface CardProps extends ComponentPropsWithoutRef<'div'> {
|
|
917
886
|
children?: React__default.ReactNode;
|
|
887
|
+
header?: React__default.ReactNode;
|
|
888
|
+
media?: React__default.ReactNode;
|
|
889
|
+
actions?: React__default.ReactNode;
|
|
918
890
|
hoverable?: boolean;
|
|
919
891
|
/** @default 'outlined' */
|
|
920
892
|
variant?: CardVariant;
|
|
@@ -926,30 +898,18 @@ interface CardProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
926
898
|
*/
|
|
927
899
|
as?: BoxAs;
|
|
928
900
|
}
|
|
929
|
-
/**
|
|
930
|
-
* Свойства секции карточки.
|
|
931
|
-
*/
|
|
932
|
-
interface CardSectionProps extends ComponentPropsWithoutRef<'div'> {
|
|
933
|
-
children?: React__default.ReactNode;
|
|
934
|
-
}
|
|
935
901
|
|
|
936
902
|
/**
|
|
937
|
-
* Карточка на базе `Box`: `variant`,
|
|
903
|
+
* Карточка на базе `Box`: `variant`, `header` / `media` / `children` / `actions`, `loading`.
|
|
938
904
|
* При `onClick` без `as` корень — `<button type="button">`.
|
|
939
905
|
*
|
|
940
906
|
* @component
|
|
941
907
|
* @example
|
|
942
|
-
* <Card variant="elevated" loading={isLoading}>
|
|
943
|
-
*
|
|
944
|
-
* <Card.Body>Контент</Card.Body>
|
|
908
|
+
* <Card variant="elevated" header="Заголовок" loading={isLoading}>
|
|
909
|
+
* Контент
|
|
945
910
|
* </Card>
|
|
946
911
|
*/
|
|
947
|
-
declare const Card:
|
|
948
|
-
Header: React__default.ForwardRefExoticComponent<CardSectionProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
949
|
-
Media: React__default.ForwardRefExoticComponent<CardSectionProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
950
|
-
Body: React__default.ForwardRefExoticComponent<CardSectionProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
951
|
-
Actions: React__default.ForwardRefExoticComponent<CardSectionProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
952
|
-
};
|
|
912
|
+
declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
953
913
|
|
|
954
914
|
/**
|
|
955
915
|
* Размер (`AttachmentSize`).
|
|
@@ -1700,8 +1660,6 @@ interface DropdownProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'
|
|
|
1700
1660
|
open?: boolean;
|
|
1701
1661
|
onClose?: () => void;
|
|
1702
1662
|
onOpenChange?: (open: boolean) => void;
|
|
1703
|
-
align?: DropdownAlign;
|
|
1704
|
-
widthMode?: DropdownWidthMode;
|
|
1705
1663
|
/**
|
|
1706
1664
|
* Роль панели. `'none'` — без `role` на панели (роль у внутреннего Listbox/ActionList);
|
|
1707
1665
|
* триггер получает `aria-haspopup="listbox"` (не `"menu"`).
|
|
@@ -1709,12 +1667,6 @@ interface DropdownProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'
|
|
|
1709
1667
|
popupRole?: DropdownPopupRole;
|
|
1710
1668
|
/** combobox: фокус остаётся на input-триггере, панель открывается не перехватывая его */
|
|
1711
1669
|
triggerMode?: DropdownTriggerMode;
|
|
1712
|
-
/** Заголовок Sheet на мобильных экранах */
|
|
1713
|
-
mobileTitle?: React__default.ReactNode;
|
|
1714
|
-
mobileLeftControls?: React__default.ReactNode;
|
|
1715
|
-
mobileRightControls?: React__default.ReactNode;
|
|
1716
|
-
/** Внутренний скролл контента (пикеры) — панель не обрезает дочерние scroll-области */
|
|
1717
|
-
panelScroll?: DropdownPanelScroll;
|
|
1718
1670
|
}
|
|
1719
1671
|
/**
|
|
1720
1672
|
* Свойства `Dropdown.Trigger` — триггер через `WithEnrichedChildren`.
|
|
@@ -1728,6 +1680,16 @@ type DropdownTriggerProps = WithEnrichedChildren<{
|
|
|
1728
1680
|
interface DropdownContentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
1729
1681
|
children: React__default.ReactNode;
|
|
1730
1682
|
boxProps?: React__default.ComponentProps<typeof Box>;
|
|
1683
|
+
/** @default 'auto' */
|
|
1684
|
+
align?: DropdownAlign;
|
|
1685
|
+
/** @default 'content' */
|
|
1686
|
+
widthMode?: DropdownWidthMode;
|
|
1687
|
+
/** Заголовок Sheet на мобильных экранах */
|
|
1688
|
+
mobileTitle?: React__default.ReactNode;
|
|
1689
|
+
mobileLeftControls?: React__default.ReactNode;
|
|
1690
|
+
mobileRightControls?: React__default.ReactNode;
|
|
1691
|
+
/** Внутренний скролл контента (пикеры) — панель не обрезает дочерние scroll-области */
|
|
1692
|
+
panelScroll?: DropdownPanelScroll;
|
|
1731
1693
|
}
|
|
1732
1694
|
|
|
1733
1695
|
/**
|
|
@@ -1740,7 +1702,7 @@ interface DropdownContentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'ch
|
|
|
1740
1702
|
* <Dropdown.Trigger asChild>
|
|
1741
1703
|
* <Button>Меню</Button>
|
|
1742
1704
|
* </Dropdown.Trigger>
|
|
1743
|
-
* <Dropdown.Content>
|
|
1705
|
+
* <Dropdown.Content widthMode="content" mobileTitle="Меню">
|
|
1744
1706
|
* <ActionList items={menuItems} />
|
|
1745
1707
|
* </Dropdown.Content>
|
|
1746
1708
|
* </Dropdown>
|
|
@@ -1864,12 +1826,13 @@ interface ActionListItem {
|
|
|
1864
1826
|
keywords?: string[];
|
|
1865
1827
|
onSelect?: () => void;
|
|
1866
1828
|
buttonProps?: ListboxOption['buttonProps'];
|
|
1829
|
+
/** Id группы из {@link ActionListGroup}. */
|
|
1830
|
+
groupId?: string;
|
|
1867
1831
|
}
|
|
1868
|
-
/**
|
|
1832
|
+
/** Метаданные группы. Пункты — в плоском `items` через `groupId`. */
|
|
1869
1833
|
interface ActionListGroup {
|
|
1870
1834
|
id: string;
|
|
1871
|
-
label:
|
|
1872
|
-
items: ActionListItem[];
|
|
1835
|
+
label: ReactNode;
|
|
1873
1836
|
}
|
|
1874
1837
|
/** Императивный API подсветки / выбора в `ActionList`. */
|
|
1875
1838
|
interface ActionListHandle {
|
|
@@ -1882,91 +1845,62 @@ interface ActionListHandle {
|
|
|
1882
1845
|
getActiveDescendantId: () => string | undefined;
|
|
1883
1846
|
getListId: () => string;
|
|
1884
1847
|
}
|
|
1885
|
-
/** Свойства
|
|
1886
|
-
interface
|
|
1887
|
-
|
|
1848
|
+
/** Свойства `ActionList`. */
|
|
1849
|
+
interface ActionListProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onSelect'> {
|
|
1850
|
+
items: ActionListItem[];
|
|
1851
|
+
groups?: ActionListGroup[];
|
|
1888
1852
|
onAction?: (item: ActionListItem) => void;
|
|
1889
1853
|
onHighlightChange?: (index: number) => void;
|
|
1890
|
-
}
|
|
1891
|
-
/** Свойства слота `ActionList.Search`. */
|
|
1892
|
-
interface ActionListSearchProps extends Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'type' | 'children'> {
|
|
1893
|
-
query?: string;
|
|
1894
|
-
onQueryChange?: (query: string) => void;
|
|
1895
1854
|
/**
|
|
1896
|
-
*
|
|
1897
|
-
* @default
|
|
1855
|
+
* Поле фильтра над списком.
|
|
1856
|
+
* @default false
|
|
1898
1857
|
*/
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
/**
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
}
|
|
1906
|
-
/** Свойства слота `ActionList.GroupLabel`. */
|
|
1907
|
-
interface ActionListGroupLabelProps {
|
|
1908
|
-
children: ReactNode;
|
|
1909
|
-
}
|
|
1910
|
-
/** Свойства слота `ActionList.Empty`. */
|
|
1911
|
-
interface ActionListEmptyProps {
|
|
1912
|
-
children?: ReactNode;
|
|
1858
|
+
filterable?: boolean;
|
|
1859
|
+
filterPlaceholder?: string;
|
|
1860
|
+
/** Контролируемый запрос фильтра (в т.ч. без видимого поля — `CommandPalette`). */
|
|
1861
|
+
query?: string;
|
|
1862
|
+
onQueryChange?: (query: string) => void;
|
|
1863
|
+
emptyText?: string;
|
|
1913
1864
|
}
|
|
1914
1865
|
|
|
1866
|
+
/** Режим открытия: клик по `trigger` или ПКМ / Shift+F10 по `children`. */
|
|
1867
|
+
type MenuTrigger = ReactElement | 'context';
|
|
1915
1868
|
/**
|
|
1916
|
-
* Свойства `
|
|
1869
|
+
* Свойства `Menu`.
|
|
1870
|
+
* Клик — `trigger={<ButtonIcon … />}`; контекст — `trigger="context"` и область в `children`.
|
|
1917
1871
|
*/
|
|
1918
|
-
interface
|
|
1919
|
-
/**
|
|
1920
|
-
|
|
1921
|
-
|
|
1872
|
+
interface MenuProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
1873
|
+
/**
|
|
1874
|
+
* Элемент-триггер (клик) или `"context"` (ПКМ / клавиша ContextMenu / Shift+F10).
|
|
1875
|
+
*/
|
|
1876
|
+
trigger: MenuTrigger;
|
|
1877
|
+
/** Область контекстного меню. Нужна при `trigger="context"`. */
|
|
1878
|
+
children?: ReactNode;
|
|
1879
|
+
items: ActionListItem[];
|
|
1880
|
+
groups?: ActionListGroup[];
|
|
1922
1881
|
open?: boolean;
|
|
1923
1882
|
onOpenChange?: (open: boolean) => void;
|
|
1924
|
-
align?:
|
|
1925
|
-
widthMode?:
|
|
1883
|
+
align?: DropdownContentProps['align'];
|
|
1884
|
+
widthMode?: DropdownContentProps['widthMode'];
|
|
1926
1885
|
mobileTitle?: ReactNode;
|
|
1927
1886
|
filterable?: boolean;
|
|
1928
1887
|
filterPlaceholder?: string;
|
|
1929
1888
|
emptyText?: string;
|
|
1930
|
-
onAction?:
|
|
1889
|
+
onAction?: ActionListProps['onAction'];
|
|
1931
1890
|
}
|
|
1932
1891
|
|
|
1933
1892
|
/**
|
|
1934
|
-
*
|
|
1935
|
-
* триггер получает `aria-haspopup="listbox"`).
|
|
1893
|
+
* Меню действий: клик по триггеру (`Dropdown` + `ActionList`) или ПКМ / Shift+F10 (`trigger="context"`).
|
|
1936
1894
|
*
|
|
1937
1895
|
* @component
|
|
1938
1896
|
* @example
|
|
1939
|
-
* <
|
|
1940
|
-
* trigger={<ButtonIcon aria-label="Меню" icon={<IconMenu />} />}
|
|
1941
|
-
* groups={menuGroups}
|
|
1942
|
-
* onAction={(item) => console.log(item.id)}
|
|
1943
|
-
* />
|
|
1944
|
-
*/
|
|
1945
|
-
declare const DropdownMenu: React__default.ForwardRefExoticComponent<DropdownMenuProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1946
|
-
|
|
1947
|
-
/**
|
|
1948
|
-
* Свойства `ContextMenu`.
|
|
1949
|
-
*/
|
|
1950
|
-
interface ContextMenuProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
1951
|
-
/** Область, по которой открывается меню ПКМ */
|
|
1952
|
-
children: ReactNode;
|
|
1953
|
-
groups: ActionListGroup[];
|
|
1954
|
-
onAction?: ActionListRootProps['onAction'];
|
|
1955
|
-
filterable?: boolean;
|
|
1956
|
-
emptyText?: string;
|
|
1957
|
-
}
|
|
1958
|
-
|
|
1959
|
-
/**
|
|
1960
|
-
* Контекстное меню по правому клику или Shift+F10 / клавише ContextMenu:
|
|
1961
|
-
* ActionList в `Overlay` (`variant="floating"`) у курсора (или у сфокусированного узла).
|
|
1962
|
-
*
|
|
1963
|
-
* @component
|
|
1897
|
+
* <Menu trigger={<ButtonIcon aria-label="Меню" icon={<IconMenu />} />} items={items} onAction={…} />
|
|
1964
1898
|
* @example
|
|
1965
|
-
* <
|
|
1899
|
+
* <Menu trigger="context" items={items}>
|
|
1966
1900
|
* <Card>ПКМ здесь</Card>
|
|
1967
|
-
* </
|
|
1901
|
+
* </Menu>
|
|
1968
1902
|
*/
|
|
1969
|
-
declare const
|
|
1903
|
+
declare const Menu: React__default.ForwardRefExoticComponent<MenuProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1970
1904
|
|
|
1971
1905
|
/**
|
|
1972
1906
|
* Публичный тип `ImageGalleryItem`.
|
|
@@ -2034,7 +1968,7 @@ interface ImageLightboxProps extends Omit<ComponentPropsWithoutRef<'div'>, 'chil
|
|
|
2034
1968
|
|
|
2035
1969
|
/**
|
|
2036
1970
|
* Полноэкранный просмотр галереи поверх затемнённого backdrop.
|
|
2037
|
-
*
|
|
1971
|
+
* Фото без рамки, с тенью. На `Overlay` (`variant="modal"`, `purpose="lightbox"`).
|
|
2038
1972
|
*
|
|
2039
1973
|
* @component
|
|
2040
1974
|
* @example
|
|
@@ -2216,7 +2150,7 @@ interface PaginationSummaryProps extends React__default.HTMLAttributes<HTMLSpanE
|
|
|
2216
2150
|
pageSize?: number;
|
|
2217
2151
|
}
|
|
2218
2152
|
type PaginationControlsProps = React__default.HTMLAttributes<HTMLDivElement>;
|
|
2219
|
-
interface PaginationPageSizeProps extends Omit<React__default.
|
|
2153
|
+
interface PaginationPageSizeProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
2220
2154
|
pageSize: number;
|
|
2221
2155
|
onPageSizeChange: (pageSize: number) => void;
|
|
2222
2156
|
pageSizeOptions?: number[];
|
|
@@ -2237,7 +2171,7 @@ type PaginationProps = PaginationRootProps;
|
|
|
2237
2171
|
declare const Pagination: React__default.ForwardRefExoticComponent<PaginationRootProps & React__default.RefAttributes<HTMLElement>> & {
|
|
2238
2172
|
Summary: React__default.ForwardRefExoticComponent<PaginationSummaryProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
2239
2173
|
Controls: React__default.ForwardRefExoticComponent<PaginationControlsProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
2240
|
-
PageSize: React__default.ForwardRefExoticComponent<PaginationPageSizeProps & React__default.RefAttributes<
|
|
2174
|
+
PageSize: React__default.ForwardRefExoticComponent<PaginationPageSizeProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
2241
2175
|
};
|
|
2242
2176
|
|
|
2243
2177
|
type ProgressVariant = 'auto' | 'primary' | 'success' | 'warning' | 'error' | 'info';
|
|
@@ -2352,6 +2286,7 @@ interface SegmentedControlProps<T = string> extends Omit<ComponentPropsWithoutRe
|
|
|
2352
2286
|
options: SegmentOption<T>[];
|
|
2353
2287
|
value: T;
|
|
2354
2288
|
onChange: (value: T) => void;
|
|
2289
|
+
/** @default 'secondary' */
|
|
2355
2290
|
variant?: SurfaceVariant;
|
|
2356
2291
|
size?: 'sm' | 'md' | 'lg';
|
|
2357
2292
|
/**
|
|
@@ -2455,6 +2390,7 @@ interface SidebarGroupLabelProps extends React__default.HTMLAttributes<HTMLDivEl
|
|
|
2455
2390
|
/** Свойства пункта навигации `Sidebar.Item`. */
|
|
2456
2391
|
interface SidebarItemProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'type'> {
|
|
2457
2392
|
value: string;
|
|
2393
|
+
/** SVG из набора (`currentColor`). Не emoji — ломает вес и цвет ряда. */
|
|
2458
2394
|
icon?: React__default.ReactNode;
|
|
2459
2395
|
badge?: React__default.ReactNode;
|
|
2460
2396
|
badgeDot?: boolean;
|
|
@@ -3218,25 +3154,21 @@ declare const ru: {
|
|
|
3218
3154
|
readonly skipLink: {
|
|
3219
3155
|
readonly label: "Перейти к содержимому";
|
|
3220
3156
|
};
|
|
3221
|
-
readonly
|
|
3157
|
+
readonly overflow: {
|
|
3222
3158
|
readonly title: "Действия";
|
|
3223
3159
|
readonly ariaLabel: "Действия";
|
|
3224
3160
|
readonly more: "Ещё действия";
|
|
3225
|
-
|
|
3226
|
-
|
|
3227
|
-
readonly
|
|
3228
|
-
readonly ariaLabel: "Группа";
|
|
3229
|
-
readonly more: "Показать ещё";
|
|
3161
|
+
readonly groupTitle: "Ещё";
|
|
3162
|
+
readonly groupAriaLabel: "Группа";
|
|
3163
|
+
readonly groupMore: "Показать ещё";
|
|
3230
3164
|
};
|
|
3231
3165
|
readonly buttonGroup: {
|
|
3232
3166
|
readonly ariaLabel: "Группа кнопок";
|
|
3233
3167
|
};
|
|
3234
|
-
readonly
|
|
3168
|
+
readonly menu: {
|
|
3235
3169
|
readonly mobileTitle: "Меню";
|
|
3236
3170
|
readonly ariaLabel: "Меню";
|
|
3237
|
-
|
|
3238
|
-
readonly contextMenu: {
|
|
3239
|
-
readonly ariaLabel: "Контекстное меню";
|
|
3171
|
+
readonly contextAriaLabel: "Контекстное меню";
|
|
3240
3172
|
};
|
|
3241
3173
|
readonly charts: {
|
|
3242
3174
|
readonly donut: "Круговая диаграмма";
|
|
@@ -3474,58 +3406,37 @@ declare const Spacer: React$1.ForwardRefExoticComponent<SpacerProps & React$1.Re
|
|
|
3474
3406
|
|
|
3475
3407
|
type AlertVariant = 'info' | 'success' | 'warning' | 'error';
|
|
3476
3408
|
type AlertLayout = 'block' | 'inline';
|
|
3477
|
-
/**
|
|
3478
|
-
|
|
3409
|
+
/**
|
|
3410
|
+
* Свойства `Alert`.
|
|
3411
|
+
*/
|
|
3412
|
+
interface AlertProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
3479
3413
|
variant?: AlertVariant;
|
|
3480
3414
|
size?: ControlSize;
|
|
3481
3415
|
layout?: AlertLayout;
|
|
3482
3416
|
role?: React__default.AriaRole;
|
|
3483
|
-
|
|
3484
|
-
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
children?: React__default.ReactNode;
|
|
3494
|
-
}
|
|
3495
|
-
interface AlertContentProps extends ComponentPropsWithoutRef<'div'> {
|
|
3496
|
-
children?: React__default.ReactNode;
|
|
3497
|
-
}
|
|
3498
|
-
interface AlertActionsProps extends ComponentPropsWithoutRef<'div'> {
|
|
3499
|
-
children?: React__default.ReactNode;
|
|
3500
|
-
}
|
|
3501
|
-
interface AlertCloseProps extends ComponentPropsWithoutRef<'button'> {
|
|
3502
|
-
onClose: () => void;
|
|
3417
|
+
/** Заголовок. */
|
|
3418
|
+
title?: React__default.ReactNode;
|
|
3419
|
+
/**
|
|
3420
|
+
* Иконка слева. По умолчанию — иконка варианта.
|
|
3421
|
+
* `null` скрывает слот.
|
|
3422
|
+
*/
|
|
3423
|
+
icon?: React__default.ReactNode | null;
|
|
3424
|
+
/** Кнопки под текстом. */
|
|
3425
|
+
actions?: React__default.ReactNode;
|
|
3426
|
+
onClose?: () => void;
|
|
3503
3427
|
closeLabel?: string;
|
|
3504
3428
|
}
|
|
3505
|
-
type AlertProps = AlertRootProps;
|
|
3506
3429
|
|
|
3507
3430
|
/**
|
|
3508
3431
|
* Inline status-блок: info / success / warning / error.
|
|
3509
3432
|
*
|
|
3510
3433
|
* @component
|
|
3511
3434
|
* @example
|
|
3512
|
-
* <Alert variant="warning">
|
|
3513
|
-
*
|
|
3514
|
-
* <Alert.Body>
|
|
3515
|
-
* <Alert.Title>Внимание</Alert.Title>
|
|
3516
|
-
* <Alert.Content>Проверьте данные.</Alert.Content>
|
|
3517
|
-
* </Alert.Body>
|
|
3518
|
-
* <Alert.Close onClose={() => {}} />
|
|
3435
|
+
* <Alert variant="warning" title="Внимание" onClose={() => {}}>
|
|
3436
|
+
* Проверьте данные.
|
|
3519
3437
|
* </Alert>
|
|
3520
3438
|
*/
|
|
3521
|
-
declare const Alert: React__default.ForwardRefExoticComponent<
|
|
3522
|
-
Icon: React__default.ForwardRefExoticComponent<AlertIconProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3523
|
-
Body: React__default.ForwardRefExoticComponent<AlertBodyProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3524
|
-
Title: React__default.ForwardRefExoticComponent<AlertTitleProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3525
|
-
Content: React__default.ForwardRefExoticComponent<AlertContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3526
|
-
Actions: React__default.ForwardRefExoticComponent<AlertActionsProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3527
|
-
Close: React__default.ForwardRefExoticComponent<AlertCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
3528
|
-
};
|
|
3439
|
+
declare const Alert: React__default.ForwardRefExoticComponent<AlertProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3529
3440
|
|
|
3530
3441
|
/**
|
|
3531
3442
|
* Свойства `Kbd`.
|
|
@@ -3706,7 +3617,10 @@ type MarkerVariant = 'default' | 'separator' | 'note' | 'row';
|
|
|
3706
3617
|
* Свойства `Marker`.
|
|
3707
3618
|
*/
|
|
3708
3619
|
interface MarkerProps extends ComponentPropsWithoutRef<'div'> {
|
|
3709
|
-
children
|
|
3620
|
+
children?: React__default.ReactNode;
|
|
3621
|
+
icon?: React__default.ReactNode;
|
|
3622
|
+
/** Мерцающая анимация текста (loading / searching). @default false */
|
|
3623
|
+
shimmer?: boolean;
|
|
3710
3624
|
/**
|
|
3711
3625
|
* Внешний вид:
|
|
3712
3626
|
* - `default` — системная заметка с иконкой
|
|
@@ -3717,35 +3631,15 @@ interface MarkerProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
3717
3631
|
*/
|
|
3718
3632
|
variant?: MarkerVariant;
|
|
3719
3633
|
}
|
|
3720
|
-
/**
|
|
3721
|
-
* Свойства `Marker.Icon`.
|
|
3722
|
-
*/
|
|
3723
|
-
interface MarkerIconProps extends ComponentPropsWithoutRef<'span'> {
|
|
3724
|
-
children: React__default.ReactNode;
|
|
3725
|
-
}
|
|
3726
|
-
/**
|
|
3727
|
-
* Свойства `Marker.Content`.
|
|
3728
|
-
*/
|
|
3729
|
-
interface MarkerContentProps extends ComponentPropsWithoutRef<'span'> {
|
|
3730
|
-
children: React__default.ReactNode;
|
|
3731
|
-
/** Мерцающая анимация текста (loading / searching). @default false */
|
|
3732
|
-
shimmer?: boolean;
|
|
3733
|
-
}
|
|
3734
3634
|
|
|
3735
3635
|
/**
|
|
3736
3636
|
* Inline-маркер в ленте: статус, системная заметка, bordered-row или labeled separator.
|
|
3737
3637
|
*
|
|
3738
3638
|
* @component
|
|
3739
3639
|
* @example
|
|
3740
|
-
* <Marker>
|
|
3741
|
-
* <Marker.Icon><IconSearch /></Marker.Icon>
|
|
3742
|
-
* <Marker.Content>Просмотрено 4 файла</Marker.Content>
|
|
3743
|
-
* </Marker>
|
|
3640
|
+
* <Marker icon={<IconSearch />}>Просмотрено 4 файла</Marker>
|
|
3744
3641
|
*/
|
|
3745
|
-
declare const Marker: React$1.ForwardRefExoticComponent<MarkerProps & React$1.RefAttributes<HTMLDivElement
|
|
3746
|
-
Icon: React$1.ForwardRefExoticComponent<MarkerIconProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
3747
|
-
Content: React$1.ForwardRefExoticComponent<MarkerContentProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
3748
|
-
};
|
|
3642
|
+
declare const Marker: React$1.ForwardRefExoticComponent<MarkerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3749
3643
|
|
|
3750
3644
|
/**
|
|
3751
3645
|
* Способ открытия: клик, наведение/фокус или только контролируемый режим / `onOpenChange`.
|
|
@@ -3776,30 +3670,12 @@ interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'>
|
|
|
3776
3670
|
open?: boolean;
|
|
3777
3671
|
defaultOpen?: boolean;
|
|
3778
3672
|
onOpenChange?: (open: boolean) => void;
|
|
3779
|
-
/** Предпочтительная сторона панели относительно триггера; при нехватке места — flip. @default 'bottom' */
|
|
3780
|
-
side?: AnchorSide;
|
|
3781
|
-
/** Выравнивание вдоль стороны. @default 'center' */
|
|
3782
|
-
align?: AnchorAlign;
|
|
3783
3673
|
/**
|
|
3784
3674
|
* `click` — переключение по клику; `hover` — задержки + фокус; `manual` — только контролируемый режим.
|
|
3785
3675
|
* @default 'click'
|
|
3786
3676
|
*/
|
|
3787
3677
|
trigger?: PopoverTriggerMode;
|
|
3788
|
-
/** Задержка открытия при `trigger="hover"` (мс). @default 200 */
|
|
3789
|
-
openDelay?: number;
|
|
3790
|
-
/** Задержка закрытия при `trigger="hover"` (мс). @default 100 */
|
|
3791
|
-
closeDelay?: number;
|
|
3792
3678
|
disabled?: boolean;
|
|
3793
|
-
/**
|
|
3794
|
-
* Закрытие по клику снаружи.
|
|
3795
|
-
* По умолчанию `true` для `click`, `false` для `hover` / `manual`.
|
|
3796
|
-
*/
|
|
3797
|
-
closeOnOutsideClick?: boolean;
|
|
3798
|
-
/**
|
|
3799
|
-
* Закрытие по Escape.
|
|
3800
|
-
* По умолчанию `true` для `click`, `false` для `hover` / `manual`.
|
|
3801
|
-
*/
|
|
3802
|
-
closeOnEscape?: boolean;
|
|
3803
3679
|
}
|
|
3804
3680
|
type PopoverTriggerBaseProps = {
|
|
3805
3681
|
/**
|
|
@@ -3826,8 +3702,26 @@ interface PopoverContentProps extends Omit<HTMLAttributes<HTMLElement>, 'childre
|
|
|
3826
3702
|
/** Показать стрелку к триггеру. @default false */
|
|
3827
3703
|
arrow?: boolean;
|
|
3828
3704
|
className?: string;
|
|
3829
|
-
/** ARIA role. @default 'dialog' для panel, 'tooltip' для tooltip */
|
|
3705
|
+
/** ARIA role. @default 'dialog' для panel, 'tooltip' для tooltip. Для `dialog` панель ставит `aria-modal`. */
|
|
3830
3706
|
role?: AriaRole;
|
|
3707
|
+
/** Предпочтительная сторона панели относительно триггера; при нехватке места — flip. @default 'bottom' */
|
|
3708
|
+
side?: AnchorSide;
|
|
3709
|
+
/** Выравнивание вдоль стороны. @default 'center' */
|
|
3710
|
+
align?: AnchorAlign;
|
|
3711
|
+
/** Задержка открытия при `trigger="hover"` (мс). @default 200 */
|
|
3712
|
+
openDelay?: number;
|
|
3713
|
+
/** Задержка закрытия при `trigger="hover"` (мс). @default 100 */
|
|
3714
|
+
closeDelay?: number;
|
|
3715
|
+
/**
|
|
3716
|
+
* Закрытие по клику снаружи.
|
|
3717
|
+
* По умолчанию `true` для `click`, `false` для `hover` / `manual`.
|
|
3718
|
+
*/
|
|
3719
|
+
closeOnOutsideClick?: boolean;
|
|
3720
|
+
/**
|
|
3721
|
+
* Закрытие по Escape.
|
|
3722
|
+
* По умолчанию `true` для `click`, `false` для `hover` / `manual`.
|
|
3723
|
+
*/
|
|
3724
|
+
closeOnEscape?: boolean;
|
|
3831
3725
|
}
|
|
3832
3726
|
|
|
3833
3727
|
declare const PopoverTrigger: React__default.ForwardRefExoticComponent<PopoverTriggerProps & React__default.RefAttributes<HTMLElement>>;
|
|
@@ -3845,11 +3739,11 @@ declare const PopoverContent: React__default.ForwardRefExoticComponent<PopoverCo
|
|
|
3845
3739
|
* <Popover.Content>Текст описания.</Popover.Content>
|
|
3846
3740
|
* </Popover>
|
|
3847
3741
|
* @example
|
|
3848
|
-
* <Popover trigger="hover"
|
|
3742
|
+
* <Popover trigger="hover">
|
|
3849
3743
|
* <Popover.Trigger asChild>
|
|
3850
3744
|
* <button type="button">?</button>
|
|
3851
3745
|
* </Popover.Trigger>
|
|
3852
|
-
* <Popover.Content variant="tooltip">Подсказка</Popover.Content>
|
|
3746
|
+
* <Popover.Content variant="tooltip" openDelay={200}>Подсказка</Popover.Content>
|
|
3853
3747
|
* </Popover>
|
|
3854
3748
|
*/
|
|
3855
3749
|
type PopoverComponent = React__default.ForwardRefExoticComponent<PopoverProps & React__default.RefAttributes<HTMLElement>> & {
|
|
@@ -3898,15 +3792,19 @@ type GrabHandleProps = ComponentPropsWithoutRef<'div'>;
|
|
|
3898
3792
|
*/
|
|
3899
3793
|
declare const GrabHandle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
3900
3794
|
|
|
3901
|
-
|
|
3902
|
-
|
|
3903
|
-
|
|
3904
|
-
|
|
3905
|
-
|
|
3906
|
-
|
|
3907
|
-
|
|
3908
|
-
|
|
3909
|
-
|
|
3795
|
+
/**
|
|
3796
|
+
* Список действий с поиском, группами и клавиатурной навигацией.
|
|
3797
|
+
*
|
|
3798
|
+
* @component
|
|
3799
|
+
* @example
|
|
3800
|
+
* <ActionList
|
|
3801
|
+
* items={[{id: 'add', label: 'Добавить', groupId: 'actions'}]}
|
|
3802
|
+
* groups={[{id: 'actions', label: 'Действия'}]}
|
|
3803
|
+
* filterable
|
|
3804
|
+
* onAction={handleAction}
|
|
3805
|
+
* />
|
|
3806
|
+
*/
|
|
3807
|
+
declare const ActionList: React__default.ForwardRefExoticComponent<ActionListProps & React__default.RefAttributes<ActionListHandle>>;
|
|
3910
3808
|
|
|
3911
3809
|
/**
|
|
3912
3810
|
* Вид видимых (не в ⋯) действий.
|
|
@@ -3914,14 +3812,13 @@ declare const ActionList: React__default.ForwardRefExoticComponent<ActionListRoo
|
|
|
3914
3812
|
* - `icon-label` — иконка + лейбл (если иконки нет — только лейбл).
|
|
3915
3813
|
* В выпадающем списке всегда иконка (если есть) + лейбл.
|
|
3916
3814
|
*/
|
|
3917
|
-
type
|
|
3918
|
-
type
|
|
3815
|
+
type OverflowDisplay = 'icon' | 'icon-label';
|
|
3816
|
+
type OverflowItemDomProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'type' | 'color'>;
|
|
3919
3817
|
/**
|
|
3920
|
-
* Свойства `
|
|
3921
|
-
* `data-*` / `aria-*` / `title` / `id`
|
|
3922
|
-
* и на пункт в меню overflow (через ActionList / Listbox).
|
|
3818
|
+
* Свойства `Overflow.Item`.
|
|
3819
|
+
* `data-*` / `aria-*` / `title` / `id` пробрасываются на видимую кнопку и пункт в меню ⋯.
|
|
3923
3820
|
*/
|
|
3924
|
-
type
|
|
3821
|
+
type OverflowItemProps = {
|
|
3925
3822
|
/** Стабильный id (для ActionList и DOM `id` видимой кнопки). Если не задан — генерируется. */
|
|
3926
3823
|
id?: string;
|
|
3927
3824
|
/** Иконка; необязательна — без неё всегда показывается лейбл. */
|
|
@@ -3933,41 +3830,63 @@ type OverflowActionsItemProps = {
|
|
|
3933
3830
|
disabled?: boolean;
|
|
3934
3831
|
onSelect?: () => void;
|
|
3935
3832
|
className?: string;
|
|
3936
|
-
} & Omit<
|
|
3833
|
+
} & Omit<OverflowItemDomProps, 'id' | 'disabled' | 'className'>;
|
|
3834
|
+
type OverflowGap = GroupGap;
|
|
3937
3835
|
/**
|
|
3938
|
-
*
|
|
3836
|
+
* Как считать ширину корня в режиме измерения (произвольные children).
|
|
3837
|
+
* - `content` — по видимым children;
|
|
3838
|
+
* - `container` — на всю ширину родителя, ⋯ справа.
|
|
3939
3839
|
*/
|
|
3940
|
-
|
|
3840
|
+
type OverflowFit = 'content' | 'container';
|
|
3841
|
+
/**
|
|
3842
|
+
* Свойства `Overflow`.
|
|
3843
|
+
*
|
|
3844
|
+
* Дети `Overflow.Item` — панель действий (`visibleCount`, `display`).
|
|
3845
|
+
* Произвольные дети — измерение ширины (`fit`, `maxVisible`, `gap`).
|
|
3846
|
+
*/
|
|
3847
|
+
interface OverflowProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
3941
3848
|
children?: ReactNode;
|
|
3942
3849
|
/**
|
|
3943
|
-
* Сколько
|
|
3850
|
+
* Сколько `Overflow.Item` показывать снаружи.
|
|
3944
3851
|
* `0` — все только в меню ⋯.
|
|
3945
3852
|
* Не задано / `Infinity` — показать все (⋯ не нужен).
|
|
3946
3853
|
*/
|
|
3947
3854
|
visibleCount?: number;
|
|
3948
3855
|
/**
|
|
3949
|
-
* Вид видимых
|
|
3856
|
+
* Вид видимых `Overflow.Item`. На меню ⋯ не влияет.
|
|
3950
3857
|
* @default 'icon-label'
|
|
3951
3858
|
*/
|
|
3952
|
-
display?:
|
|
3859
|
+
display?: OverflowDisplay;
|
|
3953
3860
|
/**
|
|
3954
3861
|
* Показать кнопку ⋯ (меню остаётся доступным через `ActionSheetTrigger`, если скрыта).
|
|
3955
|
-
* Если не задано — наследует от `ActionSheetTrigger` на touch+mobile, иначе `true`.
|
|
3956
3862
|
* @default true
|
|
3957
3863
|
*/
|
|
3958
3864
|
showOverflowTrigger?: boolean;
|
|
3959
|
-
/** Размер видимых кнопок и ⋯. @default 'sm' */
|
|
3960
|
-
size?:
|
|
3961
|
-
/** Заголовок Sheet на мобильных.
|
|
3865
|
+
/** Размер видимых кнопок и ⋯. @default 'sm' для Item, 'md' для измерения. */
|
|
3866
|
+
size?: ControlSize;
|
|
3867
|
+
/** Заголовок Sheet на мобильных. */
|
|
3962
3868
|
mobileTitle?: ReactNode;
|
|
3869
|
+
/** Промежуток между измеряемыми children. @default 'md' */
|
|
3870
|
+
gap?: OverflowGap;
|
|
3871
|
+
/**
|
|
3872
|
+
* Ширина корня в режиме измерения.
|
|
3873
|
+
* @default 'content'
|
|
3874
|
+
*/
|
|
3875
|
+
fit?: OverflowFit;
|
|
3876
|
+
/** Верхний предел видимых элементов поверх измерения ширины. */
|
|
3877
|
+
maxVisible?: number;
|
|
3878
|
+
/** Выравнивание панели `Dropdown` в режиме измерения. @default 'right' */
|
|
3879
|
+
align?: DropdownAlign;
|
|
3880
|
+
/** Подпись кнопки ⋯ в режиме измерения. */
|
|
3881
|
+
moreLabel?: string;
|
|
3963
3882
|
}
|
|
3964
3883
|
|
|
3965
3884
|
/**
|
|
3966
|
-
* Маркер действия для `
|
|
3885
|
+
* Маркер действия для `Overflow` (рендерит родитель).
|
|
3967
3886
|
*
|
|
3968
3887
|
* @component
|
|
3969
3888
|
* @example
|
|
3970
|
-
* <
|
|
3889
|
+
* <Overflow.Item
|
|
3971
3890
|
* icon={<IconTrash />}
|
|
3972
3891
|
* label="Удалить"
|
|
3973
3892
|
* data-testid="action-delete"
|
|
@@ -3975,101 +3894,37 @@ interface OverflowActionsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'ch
|
|
|
3975
3894
|
* onSelect={…}
|
|
3976
3895
|
* />
|
|
3977
3896
|
*/
|
|
3978
|
-
declare const
|
|
3979
|
-
|
|
3980
|
-
|
|
3897
|
+
declare const OverflowItem: React__default.FC<OverflowItemProps>;
|
|
3898
|
+
|
|
3899
|
+
type OverflowComponent = React__default.ForwardRefExoticComponent<OverflowProps & React__default.RefAttributes<HTMLDivElement>> & {
|
|
3900
|
+
Item: typeof OverflowItem;
|
|
3981
3901
|
};
|
|
3982
3902
|
/**
|
|
3983
|
-
*
|
|
3984
|
-
*
|
|
3985
|
-
* Составной API: `OverflowActions` + `OverflowActions.Item`.
|
|
3903
|
+
* Overflow: лишние пункты уходят за ⋯.
|
|
3986
3904
|
*
|
|
3987
|
-
* - `
|
|
3988
|
-
* -
|
|
3989
|
-
* - в меню ⋯ всегда иконка (если есть) + лейбл;
|
|
3990
|
-
* - с `ActionSheetTrigger` на touch+mobile ⋯ визуально скрыт (long-press), но остаётся в Tab-порядке.
|
|
3991
|
-
* - на `Item` можно передать `data-*` / `aria-*` — уйдут на видимую кнопку и на пункт в меню ⋯.
|
|
3905
|
+
* - дети `Overflow.Item` — панель действий (`visibleCount`, `display`);
|
|
3906
|
+
* - произвольные дети — измерение ширины (`fit`, `maxVisible`, `gap`).
|
|
3992
3907
|
*
|
|
3993
3908
|
* @component
|
|
3994
3909
|
* @example
|
|
3995
|
-
* <
|
|
3996
|
-
* <
|
|
3997
|
-
* <
|
|
3998
|
-
*
|
|
3999
|
-
* </OverflowActions>
|
|
4000
|
-
*/
|
|
4001
|
-
declare const OverflowActions: OverflowActionsComponent;
|
|
4002
|
-
|
|
4003
|
-
type OverflowGroupGap = GroupGap;
|
|
4004
|
-
/**
|
|
4005
|
-
* Как считать ширину корня.
|
|
4006
|
-
* - `content` — по видимым children (`max-content`, не шире родителя);
|
|
4007
|
-
* - `container` — на всю ширину родителя, ⋯ справа (тулбар / `ButtonGroup`).
|
|
4008
|
-
*/
|
|
4009
|
-
type OverflowGroupFit = 'content' | 'container';
|
|
4010
|
-
/**
|
|
4011
|
-
* Свойства `OverflowGroup`.
|
|
4012
|
-
*/
|
|
4013
|
-
interface OverflowGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
4014
|
-
children?: React__default.ReactNode;
|
|
4015
|
-
/**
|
|
4016
|
-
* Промежуток между элементами.
|
|
4017
|
-
* @default 'md'
|
|
4018
|
-
*/
|
|
4019
|
-
gap?: OverflowGroupGap;
|
|
4020
|
-
/**
|
|
4021
|
-
* Размер кнопки ⋯.
|
|
4022
|
-
* @default 'md'
|
|
4023
|
-
*/
|
|
4024
|
-
size?: ControlSize;
|
|
4025
|
-
/**
|
|
4026
|
-
* Ширина корня: по контенту или на весь родитель.
|
|
4027
|
-
* @default 'content'
|
|
4028
|
-
*/
|
|
4029
|
-
fit?: OverflowGroupFit;
|
|
4030
|
-
/**
|
|
4031
|
-
* Верхний предел видимых элементов (поверх измерения ширины).
|
|
4032
|
-
* Если задан и меньше общего числа children — остальное всегда в ⋯.
|
|
4033
|
-
*/
|
|
4034
|
-
maxVisible?: number;
|
|
4035
|
-
/** Выравнивание панели `Dropdown`. @default 'right' */
|
|
4036
|
-
align?: DropdownAlign;
|
|
4037
|
-
/** Подпись кнопки ⋯. */
|
|
4038
|
-
moreLabel?: string;
|
|
4039
|
-
/** Заголовок Sheet на мобильных. */
|
|
4040
|
-
mobileTitle?: React__default.ReactNode;
|
|
4041
|
-
}
|
|
4042
|
-
|
|
4043
|
-
/**
|
|
4044
|
-
* Однострочная группа: лишние children уходят за кнопку ⋯ в `Dropdown`.
|
|
4045
|
-
*
|
|
4046
|
-
* В отличие от `OverflowActions` (фиксированный `visibleCount` + ActionList),
|
|
4047
|
-
* лимит считается по ширине контейнера; в меню рендерятся те же children as-is.
|
|
4048
|
-
*
|
|
4049
|
-
* @component
|
|
3910
|
+
* <Overflow visibleCount={2}>
|
|
3911
|
+
* <Overflow.Item label="Изменить" onSelect={…} />
|
|
3912
|
+
* <Overflow.Item label="Удалить" onSelect={…} />
|
|
3913
|
+
* </Overflow>
|
|
4050
3914
|
* @example
|
|
4051
|
-
* <
|
|
3915
|
+
* <Overflow fit="container" gap="sm">
|
|
4052
3916
|
* <Chip>React</Chip>
|
|
4053
3917
|
* <Chip>TypeScript</Chip>
|
|
4054
|
-
*
|
|
4055
|
-
* </OverflowGroup>
|
|
4056
|
-
*
|
|
4057
|
-
* @example
|
|
4058
|
-
* <ButtonGroup width="full">
|
|
4059
|
-
* <OverflowGroup fit="container" gap="sm">
|
|
4060
|
-
* <ButtonGroup.Item>Изменить</ButtonGroup.Item>
|
|
4061
|
-
* <ButtonGroup.Item>Поделиться</ButtonGroup.Item>
|
|
4062
|
-
* </OverflowGroup>
|
|
4063
|
-
* </ButtonGroup>
|
|
3918
|
+
* </Overflow>
|
|
4064
3919
|
*/
|
|
4065
|
-
declare const
|
|
3920
|
+
declare const Overflow: OverflowComponent;
|
|
4066
3921
|
|
|
4067
3922
|
/**
|
|
4068
3923
|
* Свойства `ActionSheetTrigger`.
|
|
4069
3924
|
*/
|
|
4070
3925
|
interface ActionSheetTriggerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
4071
3926
|
/**
|
|
4072
|
-
* Контент (строка, `SwipeToAction`, …) и вложенный `
|
|
3927
|
+
* Контент (строка, `SwipeToAction`, …) и вложенный `Overflow`.
|
|
4073
3928
|
* Long-press по обёртке открывает overflow.
|
|
4074
3929
|
*/
|
|
4075
3930
|
children: React__default.ReactNode;
|
|
@@ -4079,7 +3934,7 @@ interface ActionSheetTriggerProps extends Omit<ComponentPropsWithoutRef<'div'>,
|
|
|
4079
3934
|
*/
|
|
4080
3935
|
asChild?: boolean;
|
|
4081
3936
|
/**
|
|
4082
|
-
* На touch + mobile показывать кнопку ⋯ у вложенного `
|
|
3937
|
+
* На touch + mobile показывать кнопку ⋯ у вложенного `Overflow`.
|
|
4083
3938
|
* `false` — ⋯ скрыт (меню открывается long-press).
|
|
4084
3939
|
* @default false
|
|
4085
3940
|
*/
|
|
@@ -4096,12 +3951,12 @@ interface ActionSheetTriggerProps extends Omit<ComponentPropsWithoutRef<'div'>,
|
|
|
4096
3951
|
}
|
|
4097
3952
|
|
|
4098
3953
|
/**
|
|
4099
|
-
* Обёртка: long-press открывает вложенный `
|
|
3954
|
+
* Обёртка: long-press открывает вложенный `Overflow`.
|
|
4100
3955
|
* При срабатывании — лёгкий scale-pulse (отключается при `prefers-reduced-motion`).
|
|
4101
3956
|
* На тач-мобиле может скрывать кнопку ⋯ (`showOverflowTrigger={false}`).
|
|
4102
3957
|
* Совместим со `SwipeToAction`: движение / свайп отменяет pending long-press.
|
|
4103
3958
|
* Хост по умолчанию — `div` (зона жеста). Для семантики кнопки — `asChild` на `<button>`.
|
|
4104
|
-
* Скрытый ⋯ у вложенного `
|
|
3959
|
+
* Скрытый ⋯ у вложенного `Overflow` остаётся в Tab-порядке.
|
|
4105
3960
|
*
|
|
4106
3961
|
* @component
|
|
4107
3962
|
* @example
|
|
@@ -4109,7 +3964,7 @@ interface ActionSheetTriggerProps extends Omit<ComponentPropsWithoutRef<'div'>,
|
|
|
4109
3964
|
* <SwipeToAction rightActions={…}>
|
|
4110
3965
|
* <Item>…</Item>
|
|
4111
3966
|
* </SwipeToAction>
|
|
4112
|
-
* <
|
|
3967
|
+
* <Overflow visibleCount={0}>…</Overflow>
|
|
4113
3968
|
* </ActionSheetTrigger>
|
|
4114
3969
|
*/
|
|
4115
3970
|
declare const ActionSheetTrigger: React__default.ForwardRefExoticComponent<ActionSheetTriggerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
@@ -4156,15 +4011,18 @@ interface CustomSelectShellProps extends FieldBaseProps, Omit<React__default.HTM
|
|
|
4156
4011
|
/** `aria-haspopup` на кнопке. @default 'listbox' */
|
|
4157
4012
|
popupRole?: 'listbox' | 'tree' | 'dialog' | 'menu';
|
|
4158
4013
|
children: ReactNode;
|
|
4014
|
+
/** Скрытый сайзер ширины триггера (самый длинный пункт). */
|
|
4159
4015
|
sizerContent?: ReactNode;
|
|
4160
4016
|
triggerClassName?: string;
|
|
4161
4017
|
triggerAs?: 'button' | 'div';
|
|
4162
4018
|
triggerProps?: Omit<React__default.HTMLAttributes<HTMLElement>, 'id' | 'className' | 'children' | 'onClick' | 'onKeyDown'>;
|
|
4163
4019
|
wrapperProps?: React__default.HTMLAttributes<HTMLDivElement>;
|
|
4164
4020
|
}
|
|
4165
|
-
interface CustomSelectFilterProps extends Omit<
|
|
4021
|
+
interface CustomSelectFilterProps extends Omit<TextFieldProps, 'value' | 'type' | 'prefix' | 'label'> {
|
|
4166
4022
|
autoFocus?: boolean;
|
|
4167
|
-
/**
|
|
4023
|
+
/** @default locale `customSelect.filterPlaceholder` */
|
|
4024
|
+
label?: string;
|
|
4025
|
+
/** className оболочки вокруг поля. */
|
|
4168
4026
|
wrapperClassName?: string;
|
|
4169
4027
|
}
|
|
4170
4028
|
interface CustomSelectListProps extends Omit<ListboxProps, 'options' | 'groups' | 'value' | 'onSelect' | 'multiple' | 'id'> {
|
|
@@ -4197,13 +4055,17 @@ interface CustomSelectRootProps extends Omit<ComponentPropsWithoutRef<'div'>, 'c
|
|
|
4197
4055
|
defaultFilterQuery?: string;
|
|
4198
4056
|
onFilterQueryChange?: (query: string) => void;
|
|
4199
4057
|
renderTarget: (ctx: CustomSelectRenderTargetContext) => ReactNode;
|
|
4200
|
-
align?:
|
|
4201
|
-
|
|
4058
|
+
align?: DropdownContentProps['align'];
|
|
4059
|
+
/**
|
|
4060
|
+
* Ширина панели относительно триггера.
|
|
4061
|
+
* @default `'trigger-fit'` — не уже триггера, растёт по пунктам, не шире вьюпорта
|
|
4062
|
+
*/
|
|
4063
|
+
widthMode?: DropdownContentProps['widthMode'];
|
|
4202
4064
|
triggerMode?: DropdownProps['triggerMode'];
|
|
4203
4065
|
mobileTitle?: ReactNode;
|
|
4204
4066
|
mobileLeftControls?: ReactNode;
|
|
4205
4067
|
mobileRightControls?: ReactNode;
|
|
4206
|
-
panelScroll?:
|
|
4068
|
+
panelScroll?: DropdownContentProps['panelScroll'];
|
|
4207
4069
|
}
|
|
4208
4070
|
|
|
4209
4071
|
/**
|
|
@@ -4229,55 +4091,33 @@ declare const CustomSelect: React__default.ForwardRefExoticComponent<CustomSelec
|
|
|
4229
4091
|
};
|
|
4230
4092
|
|
|
4231
4093
|
type SelectOption = CustomSelectOption;
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4235
|
-
}
|
|
4236
|
-
|
|
4237
|
-
|
|
4094
|
+
/**
|
|
4095
|
+
* Свойства `Select` — поле выбора на CustomSelect + FieldBase chrome.
|
|
4096
|
+
*
|
|
4097
|
+
* `label` обязателен. Кастомный триггер — {@link CustomSelect}.
|
|
4098
|
+
*/
|
|
4099
|
+
interface SelectProps extends Omit<CustomSelectRootProps, 'renderTarget' | 'children' | 'prefix'>, Omit<FieldBaseProps, 'disabled' | 'readOnly'> {
|
|
4238
4100
|
placeholder?: string;
|
|
4239
|
-
className?: string;
|
|
4240
|
-
wrapperClassName?: string;
|
|
4241
4101
|
loading?: boolean;
|
|
4242
|
-
|
|
4102
|
+
/** className оболочки FieldBase (вместе с `className`). */
|
|
4103
|
+
wrapperClassName?: string;
|
|
4243
4104
|
/** Разделитель подписей для `selectionMode="path"`. @default ' / ' */
|
|
4244
4105
|
separator?: string;
|
|
4245
4106
|
/** `aria-haspopup` на trigger. @default 'listbox' */
|
|
4246
4107
|
popupRole?: 'listbox' | 'tree' | 'dialog' | 'menu';
|
|
4247
|
-
|
|
4248
|
-
|
|
4249
|
-
|
|
4250
|
-
}
|
|
4251
|
-
interface SelectChipsProps extends ComponentPropsWithoutRef<'span'> {
|
|
4252
|
-
children?: React__default.ReactNode;
|
|
4253
|
-
}
|
|
4254
|
-
interface SelectChipProps extends Omit<ComponentPropsWithoutRef<'span'>, 'children'> {
|
|
4255
|
-
value: string;
|
|
4256
|
-
children?: React__default.ReactNode;
|
|
4108
|
+
/** Показать поле фильтра в панели. */
|
|
4109
|
+
filterable?: boolean;
|
|
4110
|
+
filterPlaceholder?: string;
|
|
4257
4111
|
}
|
|
4258
4112
|
|
|
4259
|
-
interface SelectTriggerInjectedProps {
|
|
4260
|
-
selectContext?: CustomSelectRenderTargetContext;
|
|
4261
|
-
}
|
|
4262
4113
|
/**
|
|
4263
|
-
*
|
|
4114
|
+
* Select с FieldBase-триггером. Кастомный target — {@link CustomSelect}.
|
|
4264
4115
|
*
|
|
4265
4116
|
* @component
|
|
4266
4117
|
* @example
|
|
4267
|
-
* <Select
|
|
4268
|
-
* <Select.Trigger label="Город" />
|
|
4269
|
-
* <Select.Panel><Select.Filter /><Select.List /></Select.Panel>
|
|
4270
|
-
* </Select.Root>
|
|
4118
|
+
* <Select options={options} value={city} onChange={setCity} label="Город" filterable />
|
|
4271
4119
|
*/
|
|
4272
|
-
declare const Select: React__default.ForwardRefExoticComponent<
|
|
4273
|
-
Root: React__default.ForwardRefExoticComponent<SelectRootProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
4274
|
-
Trigger: React__default.ForwardRefExoticComponent<SelectTriggerProps & SelectTriggerInjectedProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
4275
|
-
Panel: React__default.ForwardRefExoticComponent<SelectPanelProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
4276
|
-
Filter: React__default.ForwardRefExoticComponent<CustomSelectFilterProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
4277
|
-
List: React__default.ForwardRefExoticComponent<CustomSelectListProps & React__default.RefAttributes<ListboxHandle>>;
|
|
4278
|
-
Chips: React__default.ForwardRefExoticComponent<SelectChipsProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
4279
|
-
Chip: React__default.ForwardRefExoticComponent<SelectChipProps & React__default.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
|
|
4280
|
-
};
|
|
4120
|
+
declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
4281
4121
|
|
|
4282
4122
|
/**
|
|
4283
4123
|
* Публичный тип `SuggestFieldOption`.
|
|
@@ -4804,7 +4644,6 @@ interface SheetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
|
4804
4644
|
width?: number | string;
|
|
4805
4645
|
/** Высота для `mode="sheet"`. */
|
|
4806
4646
|
height?: number | string;
|
|
4807
|
-
closeLabel?: string;
|
|
4808
4647
|
backdropVariant?: 'default' | 'strong';
|
|
4809
4648
|
backdropBlur?: 'none' | 'sm' | 'md';
|
|
4810
4649
|
/**
|
|
@@ -4814,11 +4653,6 @@ interface SheetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
|
4814
4653
|
zIndexTier?: OverlayZIndexTier;
|
|
4815
4654
|
/** Сырой z-index корня; перекрывает `zIndexTier` / `purpose`. */
|
|
4816
4655
|
zIndex?: number | string;
|
|
4817
|
-
/**
|
|
4818
|
-
* Padding `Sheet.Body` по умолчанию, если у Body не задан свой `padding`.
|
|
4819
|
-
* @default true
|
|
4820
|
-
*/
|
|
4821
|
-
padding?: boolean;
|
|
4822
4656
|
}
|
|
4823
4657
|
/**
|
|
4824
4658
|
* Свойства `Sheet.Header`.
|
|
@@ -4834,7 +4668,7 @@ interface SheetHeaderProps extends HTMLAttributes<HTMLElement> {
|
|
|
4834
4668
|
variant?: 'chrome' | 'plain';
|
|
4835
4669
|
leftControls?: ReactNode;
|
|
4836
4670
|
rightControls?: ReactNode;
|
|
4837
|
-
/** Встроенный `Sheet.Close`
|
|
4671
|
+
/** Встроенный `Sheet.Close` справа. По умолчанию `true`, если нет `rightControls`. */
|
|
4838
4672
|
showClose?: boolean;
|
|
4839
4673
|
}
|
|
4840
4674
|
/**
|
|
@@ -4860,7 +4694,7 @@ interface SheetBodyProps extends HTMLAttributes<HTMLElement> {
|
|
|
4860
4694
|
className?: string;
|
|
4861
4695
|
/**
|
|
4862
4696
|
* Внутренние отступы. `false` — edge-to-edge контент.
|
|
4863
|
-
*
|
|
4697
|
+
* @default true
|
|
4864
4698
|
*/
|
|
4865
4699
|
padding?: boolean;
|
|
4866
4700
|
}
|
|
@@ -4999,53 +4833,35 @@ interface ConfirmDialogProps extends Omit<ComponentPropsWithoutRef<'div'>, 'titl
|
|
|
4999
4833
|
*/
|
|
5000
4834
|
declare const ConfirmDialog: React__default.ForwardRefExoticComponent<ConfirmDialogProps & React__default.RefAttributes<HTMLElement>>;
|
|
5001
4835
|
|
|
5002
|
-
/** Свойства
|
|
5003
|
-
interface
|
|
4836
|
+
/** Свойства `CommandPalette`. */
|
|
4837
|
+
interface CommandPaletteProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title' | 'onSelect'> {
|
|
5004
4838
|
open: boolean;
|
|
5005
4839
|
onClose: () => void;
|
|
5006
4840
|
onOpenChange?: (open: boolean) => void;
|
|
5007
|
-
children: ReactNode;
|
|
5008
4841
|
title?: string;
|
|
5009
|
-
|
|
5010
|
-
|
|
5011
|
-
/** Свойства поля поиска `CommandPalette.Input`. */
|
|
5012
|
-
interface CommandPaletteInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'children'> {
|
|
4842
|
+
items: ActionListItem[];
|
|
4843
|
+
groups?: ActionListGroup[];
|
|
5013
4844
|
placeholder?: string;
|
|
5014
|
-
|
|
5015
|
-
|
|
5016
|
-
|
|
5017
|
-
|
|
5018
|
-
}
|
|
5019
|
-
/** Свойства слота `CommandPalette.Empty`. */
|
|
5020
|
-
interface CommandPaletteEmptyProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
5021
|
-
children?: ReactNode;
|
|
5022
|
-
}
|
|
5023
|
-
/** Свойства слота `CommandPalette.Footer`. */
|
|
5024
|
-
interface CommandPaletteFooterProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
5025
|
-
children: ReactNode;
|
|
4845
|
+
emptyText?: string;
|
|
4846
|
+
footer?: ReactNode;
|
|
4847
|
+
onAction?: (item: ActionListItem) => void;
|
|
4848
|
+
className?: string;
|
|
5026
4849
|
}
|
|
5027
4850
|
|
|
5028
|
-
declare const CommandPaletteInput: React__default.FC<Record<string, unknown>>;
|
|
5029
|
-
declare const CommandPaletteList: React__default.FC<Record<string, unknown>>;
|
|
5030
|
-
declare const CommandPaletteEmpty: React__default.FC<Record<string, unknown>>;
|
|
5031
|
-
declare const CommandPaletteFooter: React__default.FC<Record<string, unknown>>;
|
|
5032
4851
|
/**
|
|
5033
|
-
*
|
|
5034
|
-
* Список
|
|
4852
|
+
* Модальная палитра команд на `Overlay` (`variant="modal"`).
|
|
4853
|
+
* Список — `items` / `groups`, без автосбора шорткатов.
|
|
5035
4854
|
*
|
|
5036
4855
|
* @component
|
|
5037
4856
|
* @example
|
|
5038
|
-
* <CommandPalette
|
|
4857
|
+
* <CommandPalette
|
|
4858
|
+
* open={open}
|
|
4859
|
+
* onClose={close}
|
|
4860
|
+
* items={[{id: 'open', label: 'Открыть', groupId: 'files'}]}
|
|
4861
|
+
* groups={[{id: 'files', label: 'Файлы'}]}
|
|
4862
|
+
* />
|
|
5039
4863
|
*/
|
|
5040
|
-
declare const
|
|
5041
|
-
type CommandPaletteComponent = React__default.ForwardRefExoticComponent<CommandPaletteRootProps & React__default.RefAttributes<HTMLElement>> & {
|
|
5042
|
-
Root: typeof CommandPaletteRoot;
|
|
5043
|
-
Input: typeof CommandPaletteInput;
|
|
5044
|
-
List: typeof CommandPaletteList;
|
|
5045
|
-
Empty: typeof CommandPaletteEmpty;
|
|
5046
|
-
Footer: typeof CommandPaletteFooter;
|
|
5047
|
-
};
|
|
5048
|
-
declare const CommandPalette: CommandPaletteComponent;
|
|
4864
|
+
declare const CommandPalette: React__default.ForwardRefExoticComponent<CommandPaletteProps & React__default.RefAttributes<HTMLElement>>;
|
|
5049
4865
|
|
|
5050
4866
|
interface CalendarDayCell {
|
|
5051
4867
|
day: number;
|
|
@@ -5186,9 +5002,14 @@ interface DateRangePickerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'on
|
|
|
5186
5002
|
endLabel?: string;
|
|
5187
5003
|
/** Расположение полей. @default 'single' */
|
|
5188
5004
|
layout?: 'single' | 'split';
|
|
5189
|
-
size?:
|
|
5005
|
+
size?: ControlSize;
|
|
5006
|
+
/**
|
|
5007
|
+
* Ширина оболочки: `md` — до 320px, `full` — на всю ширину родителя.
|
|
5008
|
+
* @default 'md'
|
|
5009
|
+
*/
|
|
5010
|
+
width?: FieldWidth;
|
|
5190
5011
|
/** Расположение лейбла — как у MaskedField / TextField. @default 'inline' */
|
|
5191
|
-
labelPlacement?:
|
|
5012
|
+
labelPlacement?: FieldLabelPlacement;
|
|
5192
5013
|
disabled?: boolean;
|
|
5193
5014
|
readOnly?: boolean;
|
|
5194
5015
|
}
|
|
@@ -5621,7 +5442,7 @@ interface TableContentProps<T> extends Omit<ComponentPropsWithoutRef<'table'>, '
|
|
|
5621
5442
|
/** Контент раскрытой строки */
|
|
5622
5443
|
renderExpandedRow?: (row: T) => React__default.ReactNode;
|
|
5623
5444
|
/** Меню действий строки (⋯) */
|
|
5624
|
-
rowActions?: (row: T) =>
|
|
5445
|
+
rowActions?: (row: T) => ActionListItem[];
|
|
5625
5446
|
rowActionsLabel?: string;
|
|
5626
5447
|
}
|
|
5627
5448
|
interface TableRootProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
@@ -5651,7 +5472,7 @@ interface TableFooterProps extends Omit<ComponentPropsWithoutRef<'div'>, 'childr
|
|
|
5651
5472
|
pagination: TablePagination;
|
|
5652
5473
|
}
|
|
5653
5474
|
interface TableRowActionsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
5654
|
-
|
|
5475
|
+
items: ActionListItem[];
|
|
5655
5476
|
}
|
|
5656
5477
|
|
|
5657
5478
|
/**
|
|
@@ -6079,5 +5900,5 @@ declare const CalendarBoard: React$1.FC<CalendarBoardProviderProps> & {
|
|
|
6079
5900
|
*/
|
|
6080
5901
|
declare const en: Messages;
|
|
6081
5902
|
|
|
6082
|
-
export { Accordion, ActionList, ActionSheetTrigger, Alert, AspectRatio, Attachment, Avatar, AvatarGroup, Backdrop, Badge, BadgeCounter, BarChart, Box, Bubble, Button,
|
|
6083
|
-
export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AccordionVariant,
|
|
5903
|
+
export { Accordion, ActionList, ActionSheetTrigger, Alert, AspectRatio, Attachment, Avatar, AvatarGroup, Backdrop, Badge, BadgeCounter, BarChart, Box, Bubble, Button, ButtonGroup, ButtonIcon, Calendar, CalendarBoard, Card, Checkbox, CheckboxGroup, Chip, ChipGroup, Collapse, ColorSwatchGroup, CommandPalette, ConfirmDialog, Container, ControlRow, CustomSelect, DatePicker, DateRangePicker, DayStripCalendar, DescriptionList, DonutChart, Dropdown, EmptyState, FieldBase, FieldError, FieldLabel, Fieldset, FileList$1 as FileList, FocusTrap, FormMessage, GRID_BREAKPOINTS, GrabHandle, Grid, GridItem, ImageCrop, ImageGallery, ImageLightbox, Inline, Item, Kbd, KbdGroup, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutItem, LayoutRoot, LineChart, Link, Listbox, LocaleProvider, Marker, MaskedField, Media, Menu, Modal, Notification, NotificationProvider, NumberField, Overflow, Overlay, Page, Pagination, PasswordField, PinInput, Popover, Progress, ProgressCircle, PullToRefresh, Radio, RadioGroup, Rating, RelativeTime, SafeArea, ScrollArea, SearchField, SegmentedControl, Select, SelectionGroup, Separator, Sheet, Sidebar, Skeleton, SkipLink, Slider, SortableList, Spacer, Spinner, Split, Stack, StatBadge, Steps, SuggestField, SwipeToAction, Switch, Table, TableToolbar, Tabs, Text, TextField, TextareaField, ThemeProvider, TimePicker, TimePickerField, Timeline, Title, Tooltip, UploadZone, VirtualList, VisuallyHidden, dismiss, dismissAll, en, formatRelativeTime, getPasswordStrength, notify, ru, useCalendarBoardContext, useCalendarBoardTaskHover, useLocale, useNotify, useT, useTheme };
|
|
5904
|
+
export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AccordionVariant, ActionListGroup, ActionListHandle, ActionListItem, ActionListProps, ActionSheetTriggerProps, AdaptiveValue, AlertLayout, AlertProps, AlertVariant, AspectRatioProps, AttachmentActionProps, AttachmentActionsProps, AttachmentContentProps, AttachmentDescriptionProps, AttachmentMediaProps, AttachmentProps, AttachmentSize, AttachmentStatus, AttachmentTitleProps, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, BackdropBlur, BackdropPosition, BackdropProps, BackdropVariant, BadgeCounterProps, BadgePosition, BadgeProps, BadgeSize, BadgeVariant, BarChartDataset, BarChartProps, BoxAs, BoxBorderStyle, BoxPadding, BoxProps, BoxRadius, BoxShadow, BoxVariant, BubbleAlign, BubbleProps, BubbleReaction, BubbleVariant, ButtonGroupItemProps, ButtonGroupRootProps, ButtonIconProps, ButtonProps, ButtonStatus, ButtonVariant, CalendarBoardBodyProps, CalendarBoardDayCellRenderProps, CalendarBoardDayProps, CalendarBoardHeaderProps, CalendarBoardMonthProps, CalendarBoardNavProps, CalendarBoardProviderProps, CalendarBoardRootProps, CalendarBoardTask, CalendarBoardTaskChipProps, CalendarBoardTaskLayout, CalendarBoardTaskRenderProps, CalendarBoardTitleProps, CalendarBoardView, CalendarBoardWeekProps, CalendarBoardYearMonthRenderProps, CalendarBoardYearProps, CalendarBodyProps, CalendarContextValue, CalendarDayCell, CalendarDayCellRenderProps, CalendarHeaderProps, CalendarNavProps, CalendarProviderProps, CalendarRootProps, CalendarScheduleEvent, CalendarSelectionMode, CalendarTitleProps, CalendarViewMode, CardProps, CardVariant, CheckboxGroupProps, CheckboxMode, CheckboxProps, ChipGroupGap, ChipGroupLayout, ChipGroupOverflowAffordance, ChipGroupProps, ChipMode, ChipProps, ChipVariant, CollapseProps, ColorSwatchGroupProps, Column, ActionListGroup as CommandPaletteGroup, ActionListItem as CommandPaletteItem, CommandPaletteProps, ConfirmDialogProps, ConfirmDialogSecondaryAction, ContainerProps, ContainerSize, ControlRowProps, ControlSize, CustomSelectChevronProps, CustomSelectFilterProps, CustomSelectListProps, CustomSelectOption, CustomSelectPlaceholderProps, CustomSelectRenderTargetContext, CustomSelectRootProps, CustomSelectSelectionMode, CustomSelectShellProps, DatePickerProps, DateRangePickerProps, DateRangeValue, DayStripCalendarProps, DayStripDayRenderProps, DeepPartialMessages, DescriptionListItem, DescriptionListProps, DonutChartProps, DropdownAlign, DropdownContentProps, DropdownPanelScroll, DropdownPopupRole, DropdownProps, DropdownTriggerAttrs, DropdownTriggerMode, DropdownTriggerProps, DropdownTriggerSlotProps, DropdownWidthMode, EmptyStateProps, EmptyStateSize, FieldBaseButtonProps, FieldBaseClearProps, FieldBaseControlProps, FieldBaseErrorProps, FieldBaseHelperProps, FieldBaseIconProps, FieldBaseLabelProps, FieldBasePostfixProps, FieldBasePrefixProps, FieldBaseProps, FieldBaseRootProps, FieldErrorProps, FieldLabelAlign, FieldLabelJustify, FieldLabelLayout, FieldLabelPlacement, FieldLabelProps, FieldWidth, FieldsetContentProps, FieldsetDescriptionProps, FieldsetFooterProps, FieldsetHintProps, FieldsetInnerProps, FieldsetLegendProps, FieldsetProps, FieldsetRootProps, FieldsetVariant, FileListItemProps, FileListItemStatus, FileListRootProps, FocusTrapProps, FormMessageProps, FormMessageVariant, GrabHandleProps, GridGapToken, GridItemProps, GridMode, GridProps, ImageCropProps, ImageCropResult, ImageCropShape, ImageGalleryItem, ImageGalleryNextProps, ImageGalleryPrevProps, ImageGalleryProps, ImageLightboxProps, InlineProps, ItemActionsProps, ItemContentProps, ItemDescriptionProps, ItemMediaProps, ItemMediaVariant, ItemProps, ItemSize, ItemTitleProps, ItemVariant, KbdGroupProps, KbdProps, LabelSide, LayoutAlign, LayoutContentProps, LayoutFooterAlign, LayoutFooterProps, LayoutGap, LayoutHeaderProps, LayoutItemProps, LayoutJustify, LayoutRootProps, LineChartProps, LinkProps, LinkSize, ButtonStatus as LinkStatus, LinkVariant, ListboxFilterFn, ListboxGroup, ListboxHandle, ListboxNavigation, ListboxOption, ListboxProps, LocaleCode, LocaleProviderProps, MarkerProps, MarkerVariant, MaskedFieldProps, MediaProps, MenuProps, MenuTrigger, Messages, ModalBodyProps, ModalCloseProps, ModalFooterAlign, ModalFooterProps, ModalFormFooterProps, ModalHeaderProps, ModalProps, ModalRootProps, ModalTitleProps, NotificationAction, NotificationActionsProps, NotificationCloseProps, NotificationDescriptionProps, NotificationItem, NotificationPosition, NotificationProviderProps, NotificationRootProps, NotificationTitleProps, NotificationViewportProps, NotifyInput, NumberFieldProps, OverflowDisplay, OverflowFit, OverflowGap, OverflowItemProps, OverflowProps, OverlayBaseProps, OverlayChildren, OverlayContentProps, OverlayDropdownProps, OverlayFloatingProps, OverlayModalProps, OverlayPopoverProps, OverlayProps, OverlayPurpose, OverlaySheetProps, OverlaySheetSide, OverlayTriggerMode, OverlayVariant, OverlayWidthMode, PageProps, PaginationControlsProps, PaginationPageSizeProps, PaginationProps, PaginationRootProps, PaginationSummaryProps, PasswordFieldProps, PasswordStrength, PinInputProps, PopoverContentProps, PopoverContentVariant, PopoverProps, PopoverTriggerMode, PopoverTriggerProps, PopoverTriggerSlotProps, ProgressCircleProps, ProgressProps, ProgressVariant, PullToRefreshProps, RadioGroupProps, RadioProps, RangeValue, RatingProps, RelativeTimeProps, ResolvedListboxGroup, SafeAreaEdges, SafeAreaProps, ScrollAreaProps, SearchFieldProps, SegmentOption, SegmentedControlProps, SegmentedItemFit, SelectOption, SelectProps, SelectionGroupItemProps, SelectionGroupListProps, SelectionGroupOrientation, SelectionGroupPanelProps, SelectionGroupRootProps, SeparatorOrientation, SeparatorProps, SeparatorSpace, SheetBodyProps, SheetCloseProps, SheetDirection, SheetFooterAlign, SheetFooterProps, SheetHeaderProps, SheetMode, SheetProps, SheetTitleProps, SidebarCollapseProps, SidebarContentProps, SidebarFooterProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMobileTriggerProps, SidebarProps, SidebarTitleProps, SkeletonProps, SkeletonVariant, SkipLinkProps, SliderProps, SliderRangeProps, SliderSingleProps, SortableItem, SortableListProps, SortableListVariant, SpacerProps, SpinnerProps, SpinnerSize, SpinnerVariant, SplitProps, StackProps, StatBadgeProps, StepItem, StepStatus, StepsProps, SuggestFieldOption, SuggestFieldProps, SwipeAction, SwipeToActionProps, SwitchLabelSide, SwitchProps, TableContentProps, TableContextValue, TableDensity, TableEmptyProps, TableFooterProps, TableLoadingProps, TablePagination, TableRootProps, TableRowActionsProps, TableSortDirection, TableToolbarProps, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, TabsTriggerProps, TabsVariant, TextFieldProps, TextProps, TextareaFieldProps, Theme, ThemeApplyTarget, ThemeProviderProps, TimePickerFieldProps, TimePickerProps, TimelineItem, TimelineItemStatus, TimelineProps, TitleProps, TooltipPosition, TooltipProps, TooltipTriggerProps, TranslationParams, UploadZoneProps, VirtualListAlign, VirtualListHandle, VirtualListOnRangeChangeOptions, VirtualListProps, VirtualListRange, VirtualListRenderItemInfo, VirtualScrollMetrics, VirtualScrollMetricsStore, VisuallyHiddenProps };
|