@aviala-design/spiral 2.7.2 → 2.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component-changelogs.json +140 -0
- package/dist/index.cjs +2704 -1262
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +150 -4
- package/dist/index.d.ts +150 -4
- package/dist/index.js +2455 -993
- package/dist/index.js.map +1 -1
- package/dist/props.json +162 -0
- package/dist/styles.css +48 -5
- package/package.json +6 -4
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ReactNode, CSSProperties, ButtonHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes, Ref, ReactElement } from 'react';
|
|
2
|
+
import { ReactNode, CSSProperties, ButtonHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes, Ref, ReactElement, VideoHTMLAttributes } from 'react';
|
|
3
3
|
import { ThemeMode, PaletteConfig, BaseNumbersDensity, ThemePreset } from '@aviala-design/tokens';
|
|
4
4
|
export { BaseNumbersDensity, DEFAULT_PALETTE_CONFIG, HueFamily, PALETTE_HUE_FAMILIES, PaletteConfig } from '@aviala-design/tokens';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
@@ -101,6 +101,28 @@ type LocaleUpload = {
|
|
|
101
101
|
title: string;
|
|
102
102
|
description: string;
|
|
103
103
|
};
|
|
104
|
+
type LocaleVideo = {
|
|
105
|
+
play: string;
|
|
106
|
+
pause: string;
|
|
107
|
+
previous: string;
|
|
108
|
+
next: string;
|
|
109
|
+
speed: string;
|
|
110
|
+
speedAdjust: string;
|
|
111
|
+
/** Template: `${rate}` */
|
|
112
|
+
speedRate: string;
|
|
113
|
+
mute: string;
|
|
114
|
+
unmute: string;
|
|
115
|
+
volume: string;
|
|
116
|
+
settings: string;
|
|
117
|
+
fullscreen: string;
|
|
118
|
+
exitFullscreen: string;
|
|
119
|
+
settingsTitle: string;
|
|
120
|
+
aspectRatio: string;
|
|
121
|
+
aspectOriginal: string;
|
|
122
|
+
aspectStretch: string;
|
|
123
|
+
aspectFill: string;
|
|
124
|
+
volumeBalance: string;
|
|
125
|
+
};
|
|
104
126
|
type LocaleColorPicker = {
|
|
105
127
|
placeholder: string;
|
|
106
128
|
hue: string;
|
|
@@ -118,6 +140,7 @@ type Locale = {
|
|
|
118
140
|
TimePicker: LocaleTimePicker;
|
|
119
141
|
Pagination: LocalePagination;
|
|
120
142
|
Upload: LocaleUpload;
|
|
143
|
+
Video: LocaleVideo;
|
|
121
144
|
Modal: {
|
|
122
145
|
close: string;
|
|
123
146
|
};
|
|
@@ -216,6 +239,19 @@ declare function forwardChevronSide(direction: Direction): PhysicalSide;
|
|
|
216
239
|
*/
|
|
217
240
|
declare function backChevronSide(direction: Direction): PhysicalSide;
|
|
218
241
|
|
|
242
|
+
type OverlayContainerProviderProps = {
|
|
243
|
+
container: HTMLElement | null;
|
|
244
|
+
children: ReactNode;
|
|
245
|
+
};
|
|
246
|
+
/** Nest overlays (Popover / Select / Tooltip) inside a stacking context such as Modal. */
|
|
247
|
+
declare function OverlayContainerProvider({ container, children, }: OverlayContainerProviderProps): react.JSX.Element;
|
|
248
|
+
/**
|
|
249
|
+
* Portal target for floating layers.
|
|
250
|
+
* Fullscreen element wins (browser only paints that subtree), then a nested
|
|
251
|
+
* overlay container (Modal), otherwise `document.body`.
|
|
252
|
+
*/
|
|
253
|
+
declare function useOverlayPortalContainer(): HTMLElement | undefined;
|
|
254
|
+
|
|
219
255
|
/** Figma Components → Basic Input → Button */
|
|
220
256
|
type ButtonMode = "primary" | "second" | "default" | "defaultCustom" | "outline" | "outlineCustom" | "noBackground" | "noBackgroundCustom" | "destructive";
|
|
221
257
|
type ButtonSize = "tiny" | "small" | "regular" | "big";
|
|
@@ -2198,7 +2234,7 @@ declare const TabItem: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes
|
|
|
2198
2234
|
/** Figma Components → Information Collect → Slider (384:21585) */
|
|
2199
2235
|
type SliderSize = "default" | "big";
|
|
2200
2236
|
type SliderType = "default" | "range";
|
|
2201
|
-
type SliderRootProps =
|
|
2237
|
+
type SliderRootProps = ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
|
|
2202
2238
|
declare const sliderVariants: (props?: ({
|
|
2203
2239
|
size?: "default" | "big" | null | undefined;
|
|
2204
2240
|
type?: "default" | "range" | null | undefined;
|
|
@@ -2206,6 +2242,8 @@ declare const sliderVariants: (props?: ({
|
|
|
2206
2242
|
type SliderProps = SliderRootProps & VariantProps<typeof sliderVariants> & {
|
|
2207
2243
|
/** Figma `Type` — single thumb vs range (two thumbs) */
|
|
2208
2244
|
type?: SliderType;
|
|
2245
|
+
/** Figma volume popover and other vertical tracks — `horizontal` (default) or `vertical`. */
|
|
2246
|
+
orientation?: "horizontal" | "vertical";
|
|
2209
2247
|
/**
|
|
2210
2248
|
* When true, hovering a thumb (and while dragging it) shows a value
|
|
2211
2249
|
* tooltip bound to that thumb.
|
|
@@ -2214,12 +2252,14 @@ type SliderProps = SliderRootProps & VariantProps<typeof sliderVariants> & {
|
|
|
2214
2252
|
/** Format the value tooltip label. Defaults to `String(value)`. */
|
|
2215
2253
|
formatValueTooltip?: (value: number, index: number) => ReactNode;
|
|
2216
2254
|
};
|
|
2217
|
-
declare const Slider: react.ForwardRefExoticComponent<
|
|
2255
|
+
declare const Slider: react.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & react.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
|
|
2218
2256
|
size?: "default" | "big" | null | undefined;
|
|
2219
2257
|
type?: "default" | "range" | null | undefined;
|
|
2220
2258
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
2221
2259
|
/** Figma `Type` — single thumb vs range (two thumbs) */
|
|
2222
2260
|
type?: SliderType;
|
|
2261
|
+
/** Figma volume popover and other vertical tracks — `horizontal` (default) or `vertical`. */
|
|
2262
|
+
orientation?: "horizontal" | "vertical";
|
|
2223
2263
|
/**
|
|
2224
2264
|
* When true, hovering a thumb (and while dragging it) shows a value
|
|
2225
2265
|
* tooltip bound to that thumb.
|
|
@@ -2267,6 +2307,112 @@ declare const Upload: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDi
|
|
|
2267
2307
|
inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "accept" | "multiple" | "disabled" | "onChange">;
|
|
2268
2308
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2269
2309
|
|
|
2310
|
+
/** Figma 画面比例 → CSS object-fit */
|
|
2311
|
+
type VideoObjectFit = "original" | "stretch" | "fill";
|
|
2312
|
+
declare function videoObjectFitToCss(fit: VideoObjectFit): string;
|
|
2313
|
+
declare function formatVideoTime(seconds: number): string;
|
|
2314
|
+
/** Parse `mm:ss`, `h:mm:ss`, or `current / duration` (uses the first segment). */
|
|
2315
|
+
declare function parseVideoTime(input: string): number | null;
|
|
2316
|
+
declare const DEFAULT_PLAYBACK_RATES: readonly [0.5, 1, 1.5, 2, 3];
|
|
2317
|
+
|
|
2318
|
+
/** Figma Components → Information Display → Video (1958:1400) Style */
|
|
2319
|
+
type VideoAppearance = "default" | "light";
|
|
2320
|
+
type VideoProps = Omit<VideoHTMLAttributes<HTMLVideoElement>, "controls" | "muted" | "onVolumeChange"> & {
|
|
2321
|
+
/** Figma `Style` — Default stacks the bar; Light floats a pill bar over the stage. */
|
|
2322
|
+
appearance?: VideoAppearance;
|
|
2323
|
+
/** Seconds to skip when Previous / Next have no playlist handlers. */
|
|
2324
|
+
skipSeconds?: number;
|
|
2325
|
+
/** Available playback rates in the speed popover. */
|
|
2326
|
+
playbackRates?: number[];
|
|
2327
|
+
muted?: boolean;
|
|
2328
|
+
defaultMuted?: boolean;
|
|
2329
|
+
onMutedChange?: (muted: boolean) => void;
|
|
2330
|
+
playbackRate?: number;
|
|
2331
|
+
defaultPlaybackRate?: number;
|
|
2332
|
+
onPlaybackRateChange?: (rate: number) => void;
|
|
2333
|
+
/** Figma 画面比例 — original→contain, stretch→fill, fill→cover. */
|
|
2334
|
+
objectFit?: VideoObjectFit;
|
|
2335
|
+
defaultObjectFit?: VideoObjectFit;
|
|
2336
|
+
onObjectFitChange?: (fit: VideoObjectFit) => void;
|
|
2337
|
+
/** Lightweight loudness balance via Web Audio DynamicsCompressor. */
|
|
2338
|
+
volumeBalance?: boolean;
|
|
2339
|
+
defaultVolumeBalance?: boolean;
|
|
2340
|
+
onVolumeBalanceChange?: (enabled: boolean) => void;
|
|
2341
|
+
/** Linear gain 0–1 (`HTMLMediaElement.volume`). */
|
|
2342
|
+
volume?: number;
|
|
2343
|
+
defaultVolume?: number;
|
|
2344
|
+
onVolumeChange?: (volume: number) => void;
|
|
2345
|
+
/** Override Previous (default: seek back `skipSeconds`). */
|
|
2346
|
+
onPrevious?: () => void;
|
|
2347
|
+
/** Override Next (default: seek forward `skipSeconds`). */
|
|
2348
|
+
onNext?: () => void;
|
|
2349
|
+
/**
|
|
2350
|
+
* Letterbox / pillarbox fill behind the media.
|
|
2351
|
+
* CSS color value — prefer a token, e.g. `var(--box-box-normal-background-blackonly)`.
|
|
2352
|
+
* Defaults to Black (`--box-box-normal-background-blackonly`).
|
|
2353
|
+
*/
|
|
2354
|
+
stageBackground?: string;
|
|
2355
|
+
/**
|
|
2356
|
+
* Auto-hide the control bar after idle (slide down + fade).
|
|
2357
|
+
* Pointer move / press on the player reveals it again.
|
|
2358
|
+
*/
|
|
2359
|
+
autoHideControls?: boolean;
|
|
2360
|
+
/** Idle time in ms before hiding when `autoHideControls` is on. Default 2500. */
|
|
2361
|
+
autoHideDelay?: number;
|
|
2362
|
+
className?: string;
|
|
2363
|
+
style?: CSSProperties;
|
|
2364
|
+
};
|
|
2365
|
+
type VideoHandle = {
|
|
2366
|
+
video: HTMLVideoElement | null;
|
|
2367
|
+
play: () => Promise<void> | undefined;
|
|
2368
|
+
pause: () => void;
|
|
2369
|
+
};
|
|
2370
|
+
declare const Video: react.ForwardRefExoticComponent<Omit<VideoHTMLAttributes<HTMLVideoElement>, "onVolumeChange" | "muted" | "controls"> & {
|
|
2371
|
+
/** Figma `Style` — Default stacks the bar; Light floats a pill bar over the stage. */
|
|
2372
|
+
appearance?: VideoAppearance;
|
|
2373
|
+
/** Seconds to skip when Previous / Next have no playlist handlers. */
|
|
2374
|
+
skipSeconds?: number;
|
|
2375
|
+
/** Available playback rates in the speed popover. */
|
|
2376
|
+
playbackRates?: number[];
|
|
2377
|
+
muted?: boolean;
|
|
2378
|
+
defaultMuted?: boolean;
|
|
2379
|
+
onMutedChange?: (muted: boolean) => void;
|
|
2380
|
+
playbackRate?: number;
|
|
2381
|
+
defaultPlaybackRate?: number;
|
|
2382
|
+
onPlaybackRateChange?: (rate: number) => void;
|
|
2383
|
+
/** Figma 画面比例 — original→contain, stretch→fill, fill→cover. */
|
|
2384
|
+
objectFit?: VideoObjectFit;
|
|
2385
|
+
defaultObjectFit?: VideoObjectFit;
|
|
2386
|
+
onObjectFitChange?: (fit: VideoObjectFit) => void;
|
|
2387
|
+
/** Lightweight loudness balance via Web Audio DynamicsCompressor. */
|
|
2388
|
+
volumeBalance?: boolean;
|
|
2389
|
+
defaultVolumeBalance?: boolean;
|
|
2390
|
+
onVolumeBalanceChange?: (enabled: boolean) => void;
|
|
2391
|
+
/** Linear gain 0–1 (`HTMLMediaElement.volume`). */
|
|
2392
|
+
volume?: number;
|
|
2393
|
+
defaultVolume?: number;
|
|
2394
|
+
onVolumeChange?: (volume: number) => void;
|
|
2395
|
+
/** Override Previous (default: seek back `skipSeconds`). */
|
|
2396
|
+
onPrevious?: () => void;
|
|
2397
|
+
/** Override Next (default: seek forward `skipSeconds`). */
|
|
2398
|
+
onNext?: () => void;
|
|
2399
|
+
/**
|
|
2400
|
+
* Letterbox / pillarbox fill behind the media.
|
|
2401
|
+
* CSS color value — prefer a token, e.g. `var(--box-box-normal-background-blackonly)`.
|
|
2402
|
+
* Defaults to Black (`--box-box-normal-background-blackonly`).
|
|
2403
|
+
*/
|
|
2404
|
+
stageBackground?: string;
|
|
2405
|
+
/**
|
|
2406
|
+
* Auto-hide the control bar after idle (slide down + fade).
|
|
2407
|
+
* Pointer move / press on the player reveals it again.
|
|
2408
|
+
*/
|
|
2409
|
+
autoHideControls?: boolean;
|
|
2410
|
+
/** Idle time in ms before hiding when `autoHideControls` is on. Default 2500. */
|
|
2411
|
+
autoHideDelay?: number;
|
|
2412
|
+
className?: string;
|
|
2413
|
+
style?: CSSProperties;
|
|
2414
|
+
} & react.RefAttributes<VideoHandle>>;
|
|
2415
|
+
|
|
2270
2416
|
type ScrollPickerProps = HTMLAttributes<HTMLDivElement>;
|
|
2271
2417
|
declare function ScrollPicker({ className, children, ...props }: ScrollPickerProps): react.JSX.Element;
|
|
2272
2418
|
type ScrollPickerColumnProps<T = string> = {
|
|
@@ -2576,4 +2722,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
2576
2722
|
*/
|
|
2577
2723
|
declare function initKeyboardFocus(): void;
|
|
2578
2724
|
|
|
2579
|
-
export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type CheckboxSize, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, ConfigProvider, type ConfigProviderProps, DEFAULT_COLOR, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, type Direction, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, Form, FormField, type FormFieldControlledProps, type FormFieldDirection, type FormFieldLayoutProps, type FormFieldProps, type FormFieldRenderProps, type HSVA, HoverPopover, type HoverPopoverProps, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, type Locale, type LocaleComponentName, LocaleProvider, type LocaleProviderProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, NumberInput, type NumberInputProps, type NumberInputStyle, Pagehead, type PageheadProps, Pagination, type PaginationProps, type PhysicalSide, Popover, PopoverAnchor, type PopoverAppearance, PopoverContent, type PopoverContentLevel, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RESPONSIVE_TOOLTIP_LONG_PRESS_MS, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, ResponsiveTooltip, type ResponsiveTooltipProps, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, type SegmentatorDirection, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Tab, type TabBackground, TabItem, type TabItemProps, type TabProps, type TabStyle, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentLevel, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, alertVariants, backChevronSide, buttonVariants, cn, enUS, formatDisplayDate, formatMonthYear, formatTimeValue, forwardChevronSide, initKeyboardFocus, inputRootVariants, interpolate, loadingLevelForButtonSize, mirrorSide, mirrorSideForDirection, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, typographyVariants, useColorPickerState, useDirection, useLocale, useLocaleMessages, useResolvedControlError, useRtl, useTheme, useThemeLayoutKey, zhCN };
|
|
2725
|
+
export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type CheckboxSize, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, ConfigProvider, type ConfigProviderProps, DEFAULT_COLOR, DEFAULT_PLAYBACK_RATES, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, type Direction, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, Form, FormField, type FormFieldControlledProps, type FormFieldDirection, type FormFieldLayoutProps, type FormFieldProps, type FormFieldRenderProps, type HSVA, HoverPopover, type HoverPopoverProps, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, type Locale, type LocaleComponentName, LocaleProvider, type LocaleProviderProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, NumberInput, type NumberInputProps, type NumberInputStyle, OverlayContainerProvider, type OverlayContainerProviderProps, Pagehead, type PageheadProps, Pagination, type PaginationProps, type PhysicalSide, Popover, PopoverAnchor, type PopoverAppearance, PopoverContent, type PopoverContentLevel, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RESPONSIVE_TOOLTIP_LONG_PRESS_MS, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, ResponsiveTooltip, type ResponsiveTooltipProps, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, type SegmentatorDirection, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Tab, type TabBackground, TabItem, type TabItemProps, type TabProps, type TabStyle, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentLevel, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, Video, type VideoAppearance, type VideoHandle, type VideoObjectFit, type VideoProps, alertVariants, backChevronSide, buttonVariants, cn, enUS, formatDisplayDate, formatMonthYear, formatTimeValue, formatVideoTime, forwardChevronSide, initKeyboardFocus, inputRootVariants, interpolate, loadingLevelForButtonSize, mirrorSide, mirrorSideForDirection, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, parseVideoTime, typographyVariants, useColorPickerState, useDirection, useLocale, useLocaleMessages, useOverlayPortalContainer, useResolvedControlError, useRtl, useTheme, useThemeLayoutKey, videoObjectFitToCss, zhCN };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ReactNode, CSSProperties, ButtonHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes, Ref, ReactElement } from 'react';
|
|
2
|
+
import { ReactNode, CSSProperties, ButtonHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes, Ref, ReactElement, VideoHTMLAttributes } from 'react';
|
|
3
3
|
import { ThemeMode, PaletteConfig, BaseNumbersDensity, ThemePreset } from '@aviala-design/tokens';
|
|
4
4
|
export { BaseNumbersDensity, DEFAULT_PALETTE_CONFIG, HueFamily, PALETTE_HUE_FAMILIES, PaletteConfig } from '@aviala-design/tokens';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
@@ -101,6 +101,28 @@ type LocaleUpload = {
|
|
|
101
101
|
title: string;
|
|
102
102
|
description: string;
|
|
103
103
|
};
|
|
104
|
+
type LocaleVideo = {
|
|
105
|
+
play: string;
|
|
106
|
+
pause: string;
|
|
107
|
+
previous: string;
|
|
108
|
+
next: string;
|
|
109
|
+
speed: string;
|
|
110
|
+
speedAdjust: string;
|
|
111
|
+
/** Template: `${rate}` */
|
|
112
|
+
speedRate: string;
|
|
113
|
+
mute: string;
|
|
114
|
+
unmute: string;
|
|
115
|
+
volume: string;
|
|
116
|
+
settings: string;
|
|
117
|
+
fullscreen: string;
|
|
118
|
+
exitFullscreen: string;
|
|
119
|
+
settingsTitle: string;
|
|
120
|
+
aspectRatio: string;
|
|
121
|
+
aspectOriginal: string;
|
|
122
|
+
aspectStretch: string;
|
|
123
|
+
aspectFill: string;
|
|
124
|
+
volumeBalance: string;
|
|
125
|
+
};
|
|
104
126
|
type LocaleColorPicker = {
|
|
105
127
|
placeholder: string;
|
|
106
128
|
hue: string;
|
|
@@ -118,6 +140,7 @@ type Locale = {
|
|
|
118
140
|
TimePicker: LocaleTimePicker;
|
|
119
141
|
Pagination: LocalePagination;
|
|
120
142
|
Upload: LocaleUpload;
|
|
143
|
+
Video: LocaleVideo;
|
|
121
144
|
Modal: {
|
|
122
145
|
close: string;
|
|
123
146
|
};
|
|
@@ -216,6 +239,19 @@ declare function forwardChevronSide(direction: Direction): PhysicalSide;
|
|
|
216
239
|
*/
|
|
217
240
|
declare function backChevronSide(direction: Direction): PhysicalSide;
|
|
218
241
|
|
|
242
|
+
type OverlayContainerProviderProps = {
|
|
243
|
+
container: HTMLElement | null;
|
|
244
|
+
children: ReactNode;
|
|
245
|
+
};
|
|
246
|
+
/** Nest overlays (Popover / Select / Tooltip) inside a stacking context such as Modal. */
|
|
247
|
+
declare function OverlayContainerProvider({ container, children, }: OverlayContainerProviderProps): react.JSX.Element;
|
|
248
|
+
/**
|
|
249
|
+
* Portal target for floating layers.
|
|
250
|
+
* Fullscreen element wins (browser only paints that subtree), then a nested
|
|
251
|
+
* overlay container (Modal), otherwise `document.body`.
|
|
252
|
+
*/
|
|
253
|
+
declare function useOverlayPortalContainer(): HTMLElement | undefined;
|
|
254
|
+
|
|
219
255
|
/** Figma Components → Basic Input → Button */
|
|
220
256
|
type ButtonMode = "primary" | "second" | "default" | "defaultCustom" | "outline" | "outlineCustom" | "noBackground" | "noBackgroundCustom" | "destructive";
|
|
221
257
|
type ButtonSize = "tiny" | "small" | "regular" | "big";
|
|
@@ -2198,7 +2234,7 @@ declare const TabItem: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes
|
|
|
2198
2234
|
/** Figma Components → Information Collect → Slider (384:21585) */
|
|
2199
2235
|
type SliderSize = "default" | "big";
|
|
2200
2236
|
type SliderType = "default" | "range";
|
|
2201
|
-
type SliderRootProps =
|
|
2237
|
+
type SliderRootProps = ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
|
|
2202
2238
|
declare const sliderVariants: (props?: ({
|
|
2203
2239
|
size?: "default" | "big" | null | undefined;
|
|
2204
2240
|
type?: "default" | "range" | null | undefined;
|
|
@@ -2206,6 +2242,8 @@ declare const sliderVariants: (props?: ({
|
|
|
2206
2242
|
type SliderProps = SliderRootProps & VariantProps<typeof sliderVariants> & {
|
|
2207
2243
|
/** Figma `Type` — single thumb vs range (two thumbs) */
|
|
2208
2244
|
type?: SliderType;
|
|
2245
|
+
/** Figma volume popover and other vertical tracks — `horizontal` (default) or `vertical`. */
|
|
2246
|
+
orientation?: "horizontal" | "vertical";
|
|
2209
2247
|
/**
|
|
2210
2248
|
* When true, hovering a thumb (and while dragging it) shows a value
|
|
2211
2249
|
* tooltip bound to that thumb.
|
|
@@ -2214,12 +2252,14 @@ type SliderProps = SliderRootProps & VariantProps<typeof sliderVariants> & {
|
|
|
2214
2252
|
/** Format the value tooltip label. Defaults to `String(value)`. */
|
|
2215
2253
|
formatValueTooltip?: (value: number, index: number) => ReactNode;
|
|
2216
2254
|
};
|
|
2217
|
-
declare const Slider: react.ForwardRefExoticComponent<
|
|
2255
|
+
declare const Slider: react.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & react.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
|
|
2218
2256
|
size?: "default" | "big" | null | undefined;
|
|
2219
2257
|
type?: "default" | "range" | null | undefined;
|
|
2220
2258
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
2221
2259
|
/** Figma `Type` — single thumb vs range (two thumbs) */
|
|
2222
2260
|
type?: SliderType;
|
|
2261
|
+
/** Figma volume popover and other vertical tracks — `horizontal` (default) or `vertical`. */
|
|
2262
|
+
orientation?: "horizontal" | "vertical";
|
|
2223
2263
|
/**
|
|
2224
2264
|
* When true, hovering a thumb (and while dragging it) shows a value
|
|
2225
2265
|
* tooltip bound to that thumb.
|
|
@@ -2267,6 +2307,112 @@ declare const Upload: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDi
|
|
|
2267
2307
|
inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "accept" | "multiple" | "disabled" | "onChange">;
|
|
2268
2308
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2269
2309
|
|
|
2310
|
+
/** Figma 画面比例 → CSS object-fit */
|
|
2311
|
+
type VideoObjectFit = "original" | "stretch" | "fill";
|
|
2312
|
+
declare function videoObjectFitToCss(fit: VideoObjectFit): string;
|
|
2313
|
+
declare function formatVideoTime(seconds: number): string;
|
|
2314
|
+
/** Parse `mm:ss`, `h:mm:ss`, or `current / duration` (uses the first segment). */
|
|
2315
|
+
declare function parseVideoTime(input: string): number | null;
|
|
2316
|
+
declare const DEFAULT_PLAYBACK_RATES: readonly [0.5, 1, 1.5, 2, 3];
|
|
2317
|
+
|
|
2318
|
+
/** Figma Components → Information Display → Video (1958:1400) Style */
|
|
2319
|
+
type VideoAppearance = "default" | "light";
|
|
2320
|
+
type VideoProps = Omit<VideoHTMLAttributes<HTMLVideoElement>, "controls" | "muted" | "onVolumeChange"> & {
|
|
2321
|
+
/** Figma `Style` — Default stacks the bar; Light floats a pill bar over the stage. */
|
|
2322
|
+
appearance?: VideoAppearance;
|
|
2323
|
+
/** Seconds to skip when Previous / Next have no playlist handlers. */
|
|
2324
|
+
skipSeconds?: number;
|
|
2325
|
+
/** Available playback rates in the speed popover. */
|
|
2326
|
+
playbackRates?: number[];
|
|
2327
|
+
muted?: boolean;
|
|
2328
|
+
defaultMuted?: boolean;
|
|
2329
|
+
onMutedChange?: (muted: boolean) => void;
|
|
2330
|
+
playbackRate?: number;
|
|
2331
|
+
defaultPlaybackRate?: number;
|
|
2332
|
+
onPlaybackRateChange?: (rate: number) => void;
|
|
2333
|
+
/** Figma 画面比例 — original→contain, stretch→fill, fill→cover. */
|
|
2334
|
+
objectFit?: VideoObjectFit;
|
|
2335
|
+
defaultObjectFit?: VideoObjectFit;
|
|
2336
|
+
onObjectFitChange?: (fit: VideoObjectFit) => void;
|
|
2337
|
+
/** Lightweight loudness balance via Web Audio DynamicsCompressor. */
|
|
2338
|
+
volumeBalance?: boolean;
|
|
2339
|
+
defaultVolumeBalance?: boolean;
|
|
2340
|
+
onVolumeBalanceChange?: (enabled: boolean) => void;
|
|
2341
|
+
/** Linear gain 0–1 (`HTMLMediaElement.volume`). */
|
|
2342
|
+
volume?: number;
|
|
2343
|
+
defaultVolume?: number;
|
|
2344
|
+
onVolumeChange?: (volume: number) => void;
|
|
2345
|
+
/** Override Previous (default: seek back `skipSeconds`). */
|
|
2346
|
+
onPrevious?: () => void;
|
|
2347
|
+
/** Override Next (default: seek forward `skipSeconds`). */
|
|
2348
|
+
onNext?: () => void;
|
|
2349
|
+
/**
|
|
2350
|
+
* Letterbox / pillarbox fill behind the media.
|
|
2351
|
+
* CSS color value — prefer a token, e.g. `var(--box-box-normal-background-blackonly)`.
|
|
2352
|
+
* Defaults to Black (`--box-box-normal-background-blackonly`).
|
|
2353
|
+
*/
|
|
2354
|
+
stageBackground?: string;
|
|
2355
|
+
/**
|
|
2356
|
+
* Auto-hide the control bar after idle (slide down + fade).
|
|
2357
|
+
* Pointer move / press on the player reveals it again.
|
|
2358
|
+
*/
|
|
2359
|
+
autoHideControls?: boolean;
|
|
2360
|
+
/** Idle time in ms before hiding when `autoHideControls` is on. Default 2500. */
|
|
2361
|
+
autoHideDelay?: number;
|
|
2362
|
+
className?: string;
|
|
2363
|
+
style?: CSSProperties;
|
|
2364
|
+
};
|
|
2365
|
+
type VideoHandle = {
|
|
2366
|
+
video: HTMLVideoElement | null;
|
|
2367
|
+
play: () => Promise<void> | undefined;
|
|
2368
|
+
pause: () => void;
|
|
2369
|
+
};
|
|
2370
|
+
declare const Video: react.ForwardRefExoticComponent<Omit<VideoHTMLAttributes<HTMLVideoElement>, "onVolumeChange" | "muted" | "controls"> & {
|
|
2371
|
+
/** Figma `Style` — Default stacks the bar; Light floats a pill bar over the stage. */
|
|
2372
|
+
appearance?: VideoAppearance;
|
|
2373
|
+
/** Seconds to skip when Previous / Next have no playlist handlers. */
|
|
2374
|
+
skipSeconds?: number;
|
|
2375
|
+
/** Available playback rates in the speed popover. */
|
|
2376
|
+
playbackRates?: number[];
|
|
2377
|
+
muted?: boolean;
|
|
2378
|
+
defaultMuted?: boolean;
|
|
2379
|
+
onMutedChange?: (muted: boolean) => void;
|
|
2380
|
+
playbackRate?: number;
|
|
2381
|
+
defaultPlaybackRate?: number;
|
|
2382
|
+
onPlaybackRateChange?: (rate: number) => void;
|
|
2383
|
+
/** Figma 画面比例 — original→contain, stretch→fill, fill→cover. */
|
|
2384
|
+
objectFit?: VideoObjectFit;
|
|
2385
|
+
defaultObjectFit?: VideoObjectFit;
|
|
2386
|
+
onObjectFitChange?: (fit: VideoObjectFit) => void;
|
|
2387
|
+
/** Lightweight loudness balance via Web Audio DynamicsCompressor. */
|
|
2388
|
+
volumeBalance?: boolean;
|
|
2389
|
+
defaultVolumeBalance?: boolean;
|
|
2390
|
+
onVolumeBalanceChange?: (enabled: boolean) => void;
|
|
2391
|
+
/** Linear gain 0–1 (`HTMLMediaElement.volume`). */
|
|
2392
|
+
volume?: number;
|
|
2393
|
+
defaultVolume?: number;
|
|
2394
|
+
onVolumeChange?: (volume: number) => void;
|
|
2395
|
+
/** Override Previous (default: seek back `skipSeconds`). */
|
|
2396
|
+
onPrevious?: () => void;
|
|
2397
|
+
/** Override Next (default: seek forward `skipSeconds`). */
|
|
2398
|
+
onNext?: () => void;
|
|
2399
|
+
/**
|
|
2400
|
+
* Letterbox / pillarbox fill behind the media.
|
|
2401
|
+
* CSS color value — prefer a token, e.g. `var(--box-box-normal-background-blackonly)`.
|
|
2402
|
+
* Defaults to Black (`--box-box-normal-background-blackonly`).
|
|
2403
|
+
*/
|
|
2404
|
+
stageBackground?: string;
|
|
2405
|
+
/**
|
|
2406
|
+
* Auto-hide the control bar after idle (slide down + fade).
|
|
2407
|
+
* Pointer move / press on the player reveals it again.
|
|
2408
|
+
*/
|
|
2409
|
+
autoHideControls?: boolean;
|
|
2410
|
+
/** Idle time in ms before hiding when `autoHideControls` is on. Default 2500. */
|
|
2411
|
+
autoHideDelay?: number;
|
|
2412
|
+
className?: string;
|
|
2413
|
+
style?: CSSProperties;
|
|
2414
|
+
} & react.RefAttributes<VideoHandle>>;
|
|
2415
|
+
|
|
2270
2416
|
type ScrollPickerProps = HTMLAttributes<HTMLDivElement>;
|
|
2271
2417
|
declare function ScrollPicker({ className, children, ...props }: ScrollPickerProps): react.JSX.Element;
|
|
2272
2418
|
type ScrollPickerColumnProps<T = string> = {
|
|
@@ -2576,4 +2722,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
2576
2722
|
*/
|
|
2577
2723
|
declare function initKeyboardFocus(): void;
|
|
2578
2724
|
|
|
2579
|
-
export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type CheckboxSize, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, ConfigProvider, type ConfigProviderProps, DEFAULT_COLOR, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, type Direction, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, Form, FormField, type FormFieldControlledProps, type FormFieldDirection, type FormFieldLayoutProps, type FormFieldProps, type FormFieldRenderProps, type HSVA, HoverPopover, type HoverPopoverProps, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, type Locale, type LocaleComponentName, LocaleProvider, type LocaleProviderProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, NumberInput, type NumberInputProps, type NumberInputStyle, Pagehead, type PageheadProps, Pagination, type PaginationProps, type PhysicalSide, Popover, PopoverAnchor, type PopoverAppearance, PopoverContent, type PopoverContentLevel, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RESPONSIVE_TOOLTIP_LONG_PRESS_MS, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, ResponsiveTooltip, type ResponsiveTooltipProps, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, type SegmentatorDirection, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Tab, type TabBackground, TabItem, type TabItemProps, type TabProps, type TabStyle, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentLevel, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, alertVariants, backChevronSide, buttonVariants, cn, enUS, formatDisplayDate, formatMonthYear, formatTimeValue, forwardChevronSide, initKeyboardFocus, inputRootVariants, interpolate, loadingLevelForButtonSize, mirrorSide, mirrorSideForDirection, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, typographyVariants, useColorPickerState, useDirection, useLocale, useLocaleMessages, useResolvedControlError, useRtl, useTheme, useThemeLayoutKey, zhCN };
|
|
2725
|
+
export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type CheckboxSize, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, ConfigProvider, type ConfigProviderProps, DEFAULT_COLOR, DEFAULT_PLAYBACK_RATES, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, type Direction, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, Form, FormField, type FormFieldControlledProps, type FormFieldDirection, type FormFieldLayoutProps, type FormFieldProps, type FormFieldRenderProps, type HSVA, HoverPopover, type HoverPopoverProps, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, type Locale, type LocaleComponentName, LocaleProvider, type LocaleProviderProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, NumberInput, type NumberInputProps, type NumberInputStyle, OverlayContainerProvider, type OverlayContainerProviderProps, Pagehead, type PageheadProps, Pagination, type PaginationProps, type PhysicalSide, Popover, PopoverAnchor, type PopoverAppearance, PopoverContent, type PopoverContentLevel, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RESPONSIVE_TOOLTIP_LONG_PRESS_MS, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, ResponsiveTooltip, type ResponsiveTooltipProps, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, type SegmentatorDirection, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Tab, type TabBackground, TabItem, type TabItemProps, type TabProps, type TabStyle, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentLevel, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, Video, type VideoAppearance, type VideoHandle, type VideoObjectFit, type VideoProps, alertVariants, backChevronSide, buttonVariants, cn, enUS, formatDisplayDate, formatMonthYear, formatTimeValue, formatVideoTime, forwardChevronSide, initKeyboardFocus, inputRootVariants, interpolate, loadingLevelForButtonSize, mirrorSide, mirrorSideForDirection, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, parseVideoTime, typographyVariants, useColorPickerState, useDirection, useLocale, useLocaleMessages, useOverlayPortalContainer, useResolvedControlError, useRtl, useTheme, useThemeLayoutKey, videoObjectFitToCss, zhCN };
|