@aviala-design/spiral 2.9.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-CXGFGGGI.cjs +174 -0
- package/dist/chunk-CXGFGGGI.cjs.map +1 -0
- package/dist/chunk-XVABQUTX.js +174 -0
- package/dist/chunk-XVABQUTX.js.map +1 -0
- package/dist/component-changelogs.json +137 -0
- package/dist/form-field-context-XYh-G1KL.d.cts +7 -0
- package/dist/form-field-context-XYh-G1KL.d.ts +7 -0
- package/dist/form.cjs +187 -0
- package/dist/form.cjs.map +1 -0
- package/dist/form.d.cts +85 -0
- package/dist/form.d.ts +85 -0
- package/dist/form.js +187 -0
- package/dist/form.js.map +1 -0
- package/dist/index.cjs +4520 -3592
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +14 -99
- package/dist/index.d.ts +14 -99
- package/dist/index.js +3292 -2432
- package/dist/index.js.map +1 -1
- package/dist/props.json +15 -12
- package/dist/styles.css +240 -65
- package/package.json +17 -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,
|
|
2
|
+
import { ReactNode, CSSProperties, ButtonHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes, 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';
|
|
@@ -9,8 +9,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
|
|
|
9
9
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
10
10
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
11
11
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
12
|
-
|
|
13
|
-
import { FieldValues, FieldPath, UseControllerProps, Control, ControllerRenderProps, ControllerFieldState, UseFormStateReturn } from 'react-hook-form';
|
|
12
|
+
export { u as useResolvedControlError } from './form-field-context-XYh-G1KL.cjs';
|
|
14
13
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
15
14
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
16
15
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -191,7 +190,7 @@ type LocaleProviderProps = {
|
|
|
191
190
|
/** Locale pack. Defaults to `zhCN`. */
|
|
192
191
|
locale?: Locale;
|
|
193
192
|
};
|
|
194
|
-
declare function LocaleProvider({ children, locale }: LocaleProviderProps): react.JSX.Element;
|
|
193
|
+
declare function LocaleProvider({ children, locale, }: LocaleProviderProps): react.JSX.Element;
|
|
195
194
|
|
|
196
195
|
/** Current locale pack (falls back to zh-CN when no Provider). */
|
|
197
196
|
declare function useLocale(): Locale;
|
|
@@ -440,12 +439,7 @@ declare namespace SelectSubMenu {
|
|
|
440
439
|
var displayName: string;
|
|
441
440
|
}
|
|
442
441
|
type SelectProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Root>;
|
|
443
|
-
|
|
444
|
-
* Radix Select closes on `window` blur (e.g. focusing DevTools). Suppress only
|
|
445
|
-
* blur-initiated closes; pointer-down (outside click, item select, trigger toggle)
|
|
446
|
-
* and Escape must still dismiss on the first interaction.
|
|
447
|
-
*/
|
|
448
|
-
declare function Select({ open: openProp, defaultOpen, onOpenChange, ...props }: SelectProps): react.JSX.Element;
|
|
442
|
+
declare function Select({ open: openProp, defaultOpen, onOpenChange, disabled, ...props }: SelectProps): react.JSX.Element;
|
|
449
443
|
declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
|
|
450
444
|
declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
451
445
|
type SelectTriggerProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
|
|
@@ -748,7 +742,6 @@ type LoadingLevel = "display" | "headline1" | "headline2" | "title" | "subtitle"
|
|
|
748
742
|
type LoadingMode = "theme" | "themeText" | "black" | "white" | "inherit";
|
|
749
743
|
declare const loadingVariants: (props?: ({
|
|
750
744
|
level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
|
|
751
|
-
mode?: "theme" | "themeText" | "black" | "white" | "inherit" | null | undefined;
|
|
752
745
|
lineHeightFix?: boolean | null | undefined;
|
|
753
746
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
754
747
|
declare const BUTTON_SIZE_TO_LOADING_LEVEL: {
|
|
@@ -760,14 +753,17 @@ declare const BUTTON_SIZE_TO_LOADING_LEVEL: {
|
|
|
760
753
|
type LoadingButtonSize = keyof typeof BUTTON_SIZE_TO_LOADING_LEVEL;
|
|
761
754
|
declare function loadingLevelForButtonSize(size: LoadingButtonSize): LoadingLevel;
|
|
762
755
|
type LoadingProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof loadingVariants> & {
|
|
756
|
+
/** Ring color source; applied through the inline conic gradient, not a class. */
|
|
757
|
+
mode?: LoadingMode;
|
|
763
758
|
/** Accessible name; omit when decorative (`aria-hidden`). */
|
|
764
759
|
label?: string;
|
|
765
760
|
};
|
|
766
761
|
declare const Loading: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
|
|
767
762
|
level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
|
|
768
|
-
mode?: "theme" | "themeText" | "black" | "white" | "inherit" | null | undefined;
|
|
769
763
|
lineHeightFix?: boolean | null | undefined;
|
|
770
764
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
765
|
+
/** Ring color source; applied through the inline conic gradient, not a class. */
|
|
766
|
+
mode?: LoadingMode;
|
|
771
767
|
/** Accessible name; omit when decorative (`aria-hidden`). */
|
|
772
768
|
label?: string;
|
|
773
769
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
@@ -935,89 +931,6 @@ declare const SegmentatorItem: react.ForwardRefExoticComponent<Omit<ButtonHTMLAt
|
|
|
935
931
|
iconOnly?: boolean;
|
|
936
932
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
937
933
|
|
|
938
|
-
/** Figma Components → System Composition → Form (527:57461 / 527:57641) */
|
|
939
|
-
type FormFieldDirection = "vertical" | "horizontal";
|
|
940
|
-
/**
|
|
941
|
-
* Resolve a control `error` prop against the surrounding FormField.
|
|
942
|
-
* Explicit `error={true|false}` wins; otherwise inherits FormField tip invalidity.
|
|
943
|
-
*/
|
|
944
|
-
declare function useResolvedControlError(errorProp?: boolean): boolean;
|
|
945
|
-
/** Layout mode — the original props-driven wrapper */
|
|
946
|
-
type FormFieldLayoutProps = HTMLAttributes<HTMLDivElement> & {
|
|
947
|
-
label?: ReactNode;
|
|
948
|
-
htmlFor?: string;
|
|
949
|
-
description?: ReactNode;
|
|
950
|
-
error?: ReactNode;
|
|
951
|
-
info?: ReactNode;
|
|
952
|
-
/** Optional Alert / Feedback under the control */
|
|
953
|
-
alert?: ReactNode;
|
|
954
|
-
required?: boolean;
|
|
955
|
-
/** Figma `Direction` — vertical stacks label above control; horizontal places label beside */
|
|
956
|
-
direction?: FormFieldDirection;
|
|
957
|
-
children?: ReactNode;
|
|
958
|
-
};
|
|
959
|
-
/** Render arguments passed to `render` in react-hook-form mode */
|
|
960
|
-
type FormFieldRenderProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
961
|
-
field: ControllerRenderProps<TFieldValues, TName>;
|
|
962
|
-
fieldState: ControllerFieldState;
|
|
963
|
-
formState: UseFormStateReturn<TFieldValues>;
|
|
964
|
-
/**
|
|
965
|
-
* Auto-generated control id. The field label is already wired to it via
|
|
966
|
-
* `htmlFor` — pass it to the underlying input (`<Input id={id} />`).
|
|
967
|
-
*/
|
|
968
|
-
id: string;
|
|
969
|
-
};
|
|
970
|
-
/**
|
|
971
|
-
* react-hook-form mode — bind the field to a form via `name` (+ optional
|
|
972
|
-
* `control`; falls back to the surrounding `<Form>` context). Validation
|
|
973
|
-
* errors from the resolver (zod etc.) are rendered automatically unless the
|
|
974
|
-
* `error` prop overrides them. Nested controls inherit the invalid state via
|
|
975
|
-
* context unless they set an explicit `error` prop.
|
|
976
|
-
*/
|
|
977
|
-
type FormFieldControlledProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormFieldLayoutProps, "children" | "htmlFor"> & Pick<UseControllerProps<TFieldValues, TName>, "rules" | "defaultValue" | "shouldUnregister" | "disabled"> & {
|
|
978
|
-
name: TName;
|
|
979
|
-
control?: Control<TFieldValues>;
|
|
980
|
-
render: (props: FormFieldRenderProps<TFieldValues, TName>) => ReactNode;
|
|
981
|
-
/** Overrides the validation error message shown under the control */
|
|
982
|
-
error?: ReactNode;
|
|
983
|
-
};
|
|
984
|
-
type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldLayoutProps | FormFieldControlledProps<TFieldValues, TName>;
|
|
985
|
-
/**
|
|
986
|
-
* FormField — layout wrapper around a form control, or a react-hook-form
|
|
987
|
-
* bound field when given `name` + `render` (shadcn-style).
|
|
988
|
-
*
|
|
989
|
-
* When an error tip is shown, nested Spiral controls that support `error`
|
|
990
|
-
* (Input, Textarea, SelectTrigger, …) inherit the invalid state unless they
|
|
991
|
-
* set an explicit `error` prop.
|
|
992
|
-
*
|
|
993
|
-
* @example Layout mode
|
|
994
|
-
* <FormField label="Email" htmlFor="email" error="Required">
|
|
995
|
-
* <Input id="email" />
|
|
996
|
-
* </FormField>
|
|
997
|
-
*
|
|
998
|
-
* @example react-hook-form + zod mode
|
|
999
|
-
* <Form {...form}>
|
|
1000
|
-
* <form onSubmit={form.handleSubmit(onSubmit)}>
|
|
1001
|
-
* <FormField
|
|
1002
|
-
* control={form.control}
|
|
1003
|
-
* name="email"
|
|
1004
|
-
* label="Email"
|
|
1005
|
-
* render={({ field, id }) => (
|
|
1006
|
-
* <Input id={id} {...field} />
|
|
1007
|
-
* )}
|
|
1008
|
-
* />
|
|
1009
|
-
* </form>
|
|
1010
|
-
* </Form>
|
|
1011
|
-
*/
|
|
1012
|
-
declare const FormField: {
|
|
1013
|
-
<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormFieldProps<TFieldValues, TName> & {
|
|
1014
|
-
ref?: Ref<HTMLDivElement>;
|
|
1015
|
-
}): ReactElement | null;
|
|
1016
|
-
displayName?: string;
|
|
1017
|
-
};
|
|
1018
|
-
/** Alias of react-hook-form's FormProvider — wrap your form with it (shadcn-style `<Form {...form}>`) */
|
|
1019
|
-
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
1020
|
-
|
|
1021
934
|
/** Figma Components → System Composition → Typography (128:85) */
|
|
1022
935
|
type TypographyLevel = "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption";
|
|
1023
936
|
type TypographyContent = "text" | "number";
|
|
@@ -1375,9 +1288,11 @@ type CascaderItemProps = {
|
|
|
1375
1288
|
declare const CascaderItem: react.ForwardRefExoticComponent<CascaderItemProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1376
1289
|
type CascaderOptionsMenuProps = {
|
|
1377
1290
|
className?: string;
|
|
1291
|
+
/** Optional group header above each column's options — omitted by default */
|
|
1292
|
+
groupTitle?: ReactNode;
|
|
1378
1293
|
};
|
|
1379
1294
|
/** Renders cascade columns from `Cascader` `options` prop. */
|
|
1380
|
-
declare function CascaderOptionsMenu({ className }: CascaderOptionsMenuProps): react.JSX.Element;
|
|
1295
|
+
declare function CascaderOptionsMenu({ className, groupTitle, }: CascaderOptionsMenuProps): react.JSX.Element;
|
|
1381
1296
|
type CascaderFieldProps = Omit<CascaderProps, "children"> & Omit<CascaderTriggerProps, "displayValue"> & {
|
|
1382
1297
|
contentClassName?: string;
|
|
1383
1298
|
menuClassName?: string;
|
|
@@ -1581,7 +1496,7 @@ type TimePickerWheelsProps = {
|
|
|
1581
1496
|
onChange: (value: TimePickerWheelsValue) => void;
|
|
1582
1497
|
className?: string;
|
|
1583
1498
|
};
|
|
1584
|
-
declare function TimePickerWheels({ value, onChange, className }: TimePickerWheelsProps): react.JSX.Element;
|
|
1499
|
+
declare function TimePickerWheels({ value, onChange, className, }: TimePickerWheelsProps): react.JSX.Element;
|
|
1585
1500
|
|
|
1586
1501
|
type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
|
|
1587
1502
|
/**
|
|
@@ -2074,7 +1989,7 @@ type ListItemGroupProps = {
|
|
|
2074
1989
|
className?: string;
|
|
2075
1990
|
};
|
|
2076
1991
|
/** Convenience wrapper — titled list section (Figma List title + card) */
|
|
2077
|
-
declare function ListItemGroup({ label, children, className }: ListItemGroupProps): react.JSX.Element;
|
|
1992
|
+
declare function ListItemGroup({ label, children, className, }: ListItemGroupProps): react.JSX.Element;
|
|
2078
1993
|
type ListDividerProps = HTMLAttributes<HTMLSpanElement>;
|
|
2079
1994
|
/** Vertical divider between trailing actions (Figma `last` separator) */
|
|
2080
1995
|
declare const ListDivider: react.ForwardRefExoticComponent<ListDividerProps & react.RefAttributes<HTMLSpanElement>>;
|
|
@@ -2794,4 +2709,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
2794
2709
|
*/
|
|
2795
2710
|
declare function initKeyboardFocus(): void;
|
|
2796
2711
|
|
|
2797
|
-
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, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerHeaderText, type DrawerHeaderTextProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerPosition, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps,
|
|
2712
|
+
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, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerHeaderText, type DrawerHeaderTextProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerPosition, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, 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, drawerContentVariants, enUS, formatDisplayDate, formatMonthYear, formatTimeValue, formatVideoTime, forwardChevronSide, initKeyboardFocus, inputRootVariants, interpolate, loadingLevelForButtonSize, mirrorSide, mirrorSideForDirection, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, parseVideoTime, typographyVariants, useColorPickerState, useDirection, useLocale, useLocaleMessages, useOverlayPortalContainer, 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,
|
|
2
|
+
import { ReactNode, CSSProperties, ButtonHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes, 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';
|
|
@@ -9,8 +9,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
|
|
|
9
9
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
10
10
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
11
11
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
12
|
-
|
|
13
|
-
import { FieldValues, FieldPath, UseControllerProps, Control, ControllerRenderProps, ControllerFieldState, UseFormStateReturn } from 'react-hook-form';
|
|
12
|
+
export { u as useResolvedControlError } from './form-field-context-XYh-G1KL.js';
|
|
14
13
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
15
14
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
16
15
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -191,7 +190,7 @@ type LocaleProviderProps = {
|
|
|
191
190
|
/** Locale pack. Defaults to `zhCN`. */
|
|
192
191
|
locale?: Locale;
|
|
193
192
|
};
|
|
194
|
-
declare function LocaleProvider({ children, locale }: LocaleProviderProps): react.JSX.Element;
|
|
193
|
+
declare function LocaleProvider({ children, locale, }: LocaleProviderProps): react.JSX.Element;
|
|
195
194
|
|
|
196
195
|
/** Current locale pack (falls back to zh-CN when no Provider). */
|
|
197
196
|
declare function useLocale(): Locale;
|
|
@@ -440,12 +439,7 @@ declare namespace SelectSubMenu {
|
|
|
440
439
|
var displayName: string;
|
|
441
440
|
}
|
|
442
441
|
type SelectProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Root>;
|
|
443
|
-
|
|
444
|
-
* Radix Select closes on `window` blur (e.g. focusing DevTools). Suppress only
|
|
445
|
-
* blur-initiated closes; pointer-down (outside click, item select, trigger toggle)
|
|
446
|
-
* and Escape must still dismiss on the first interaction.
|
|
447
|
-
*/
|
|
448
|
-
declare function Select({ open: openProp, defaultOpen, onOpenChange, ...props }: SelectProps): react.JSX.Element;
|
|
442
|
+
declare function Select({ open: openProp, defaultOpen, onOpenChange, disabled, ...props }: SelectProps): react.JSX.Element;
|
|
449
443
|
declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
|
|
450
444
|
declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
451
445
|
type SelectTriggerProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
|
|
@@ -748,7 +742,6 @@ type LoadingLevel = "display" | "headline1" | "headline2" | "title" | "subtitle"
|
|
|
748
742
|
type LoadingMode = "theme" | "themeText" | "black" | "white" | "inherit";
|
|
749
743
|
declare const loadingVariants: (props?: ({
|
|
750
744
|
level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
|
|
751
|
-
mode?: "theme" | "themeText" | "black" | "white" | "inherit" | null | undefined;
|
|
752
745
|
lineHeightFix?: boolean | null | undefined;
|
|
753
746
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
754
747
|
declare const BUTTON_SIZE_TO_LOADING_LEVEL: {
|
|
@@ -760,14 +753,17 @@ declare const BUTTON_SIZE_TO_LOADING_LEVEL: {
|
|
|
760
753
|
type LoadingButtonSize = keyof typeof BUTTON_SIZE_TO_LOADING_LEVEL;
|
|
761
754
|
declare function loadingLevelForButtonSize(size: LoadingButtonSize): LoadingLevel;
|
|
762
755
|
type LoadingProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof loadingVariants> & {
|
|
756
|
+
/** Ring color source; applied through the inline conic gradient, not a class. */
|
|
757
|
+
mode?: LoadingMode;
|
|
763
758
|
/** Accessible name; omit when decorative (`aria-hidden`). */
|
|
764
759
|
label?: string;
|
|
765
760
|
};
|
|
766
761
|
declare const Loading: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
|
|
767
762
|
level?: "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption" | null | undefined;
|
|
768
|
-
mode?: "theme" | "themeText" | "black" | "white" | "inherit" | null | undefined;
|
|
769
763
|
lineHeightFix?: boolean | null | undefined;
|
|
770
764
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
765
|
+
/** Ring color source; applied through the inline conic gradient, not a class. */
|
|
766
|
+
mode?: LoadingMode;
|
|
771
767
|
/** Accessible name; omit when decorative (`aria-hidden`). */
|
|
772
768
|
label?: string;
|
|
773
769
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
@@ -935,89 +931,6 @@ declare const SegmentatorItem: react.ForwardRefExoticComponent<Omit<ButtonHTMLAt
|
|
|
935
931
|
iconOnly?: boolean;
|
|
936
932
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
937
933
|
|
|
938
|
-
/** Figma Components → System Composition → Form (527:57461 / 527:57641) */
|
|
939
|
-
type FormFieldDirection = "vertical" | "horizontal";
|
|
940
|
-
/**
|
|
941
|
-
* Resolve a control `error` prop against the surrounding FormField.
|
|
942
|
-
* Explicit `error={true|false}` wins; otherwise inherits FormField tip invalidity.
|
|
943
|
-
*/
|
|
944
|
-
declare function useResolvedControlError(errorProp?: boolean): boolean;
|
|
945
|
-
/** Layout mode — the original props-driven wrapper */
|
|
946
|
-
type FormFieldLayoutProps = HTMLAttributes<HTMLDivElement> & {
|
|
947
|
-
label?: ReactNode;
|
|
948
|
-
htmlFor?: string;
|
|
949
|
-
description?: ReactNode;
|
|
950
|
-
error?: ReactNode;
|
|
951
|
-
info?: ReactNode;
|
|
952
|
-
/** Optional Alert / Feedback under the control */
|
|
953
|
-
alert?: ReactNode;
|
|
954
|
-
required?: boolean;
|
|
955
|
-
/** Figma `Direction` — vertical stacks label above control; horizontal places label beside */
|
|
956
|
-
direction?: FormFieldDirection;
|
|
957
|
-
children?: ReactNode;
|
|
958
|
-
};
|
|
959
|
-
/** Render arguments passed to `render` in react-hook-form mode */
|
|
960
|
-
type FormFieldRenderProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
961
|
-
field: ControllerRenderProps<TFieldValues, TName>;
|
|
962
|
-
fieldState: ControllerFieldState;
|
|
963
|
-
formState: UseFormStateReturn<TFieldValues>;
|
|
964
|
-
/**
|
|
965
|
-
* Auto-generated control id. The field label is already wired to it via
|
|
966
|
-
* `htmlFor` — pass it to the underlying input (`<Input id={id} />`).
|
|
967
|
-
*/
|
|
968
|
-
id: string;
|
|
969
|
-
};
|
|
970
|
-
/**
|
|
971
|
-
* react-hook-form mode — bind the field to a form via `name` (+ optional
|
|
972
|
-
* `control`; falls back to the surrounding `<Form>` context). Validation
|
|
973
|
-
* errors from the resolver (zod etc.) are rendered automatically unless the
|
|
974
|
-
* `error` prop overrides them. Nested controls inherit the invalid state via
|
|
975
|
-
* context unless they set an explicit `error` prop.
|
|
976
|
-
*/
|
|
977
|
-
type FormFieldControlledProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormFieldLayoutProps, "children" | "htmlFor"> & Pick<UseControllerProps<TFieldValues, TName>, "rules" | "defaultValue" | "shouldUnregister" | "disabled"> & {
|
|
978
|
-
name: TName;
|
|
979
|
-
control?: Control<TFieldValues>;
|
|
980
|
-
render: (props: FormFieldRenderProps<TFieldValues, TName>) => ReactNode;
|
|
981
|
-
/** Overrides the validation error message shown under the control */
|
|
982
|
-
error?: ReactNode;
|
|
983
|
-
};
|
|
984
|
-
type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldLayoutProps | FormFieldControlledProps<TFieldValues, TName>;
|
|
985
|
-
/**
|
|
986
|
-
* FormField — layout wrapper around a form control, or a react-hook-form
|
|
987
|
-
* bound field when given `name` + `render` (shadcn-style).
|
|
988
|
-
*
|
|
989
|
-
* When an error tip is shown, nested Spiral controls that support `error`
|
|
990
|
-
* (Input, Textarea, SelectTrigger, …) inherit the invalid state unless they
|
|
991
|
-
* set an explicit `error` prop.
|
|
992
|
-
*
|
|
993
|
-
* @example Layout mode
|
|
994
|
-
* <FormField label="Email" htmlFor="email" error="Required">
|
|
995
|
-
* <Input id="email" />
|
|
996
|
-
* </FormField>
|
|
997
|
-
*
|
|
998
|
-
* @example react-hook-form + zod mode
|
|
999
|
-
* <Form {...form}>
|
|
1000
|
-
* <form onSubmit={form.handleSubmit(onSubmit)}>
|
|
1001
|
-
* <FormField
|
|
1002
|
-
* control={form.control}
|
|
1003
|
-
* name="email"
|
|
1004
|
-
* label="Email"
|
|
1005
|
-
* render={({ field, id }) => (
|
|
1006
|
-
* <Input id={id} {...field} />
|
|
1007
|
-
* )}
|
|
1008
|
-
* />
|
|
1009
|
-
* </form>
|
|
1010
|
-
* </Form>
|
|
1011
|
-
*/
|
|
1012
|
-
declare const FormField: {
|
|
1013
|
-
<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormFieldProps<TFieldValues, TName> & {
|
|
1014
|
-
ref?: Ref<HTMLDivElement>;
|
|
1015
|
-
}): ReactElement | null;
|
|
1016
|
-
displayName?: string;
|
|
1017
|
-
};
|
|
1018
|
-
/** Alias of react-hook-form's FormProvider — wrap your form with it (shadcn-style `<Form {...form}>`) */
|
|
1019
|
-
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
1020
|
-
|
|
1021
934
|
/** Figma Components → System Composition → Typography (128:85) */
|
|
1022
935
|
type TypographyLevel = "display" | "headline1" | "headline2" | "title" | "subtitle" | "text" | "caption";
|
|
1023
936
|
type TypographyContent = "text" | "number";
|
|
@@ -1375,9 +1288,11 @@ type CascaderItemProps = {
|
|
|
1375
1288
|
declare const CascaderItem: react.ForwardRefExoticComponent<CascaderItemProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1376
1289
|
type CascaderOptionsMenuProps = {
|
|
1377
1290
|
className?: string;
|
|
1291
|
+
/** Optional group header above each column's options — omitted by default */
|
|
1292
|
+
groupTitle?: ReactNode;
|
|
1378
1293
|
};
|
|
1379
1294
|
/** Renders cascade columns from `Cascader` `options` prop. */
|
|
1380
|
-
declare function CascaderOptionsMenu({ className }: CascaderOptionsMenuProps): react.JSX.Element;
|
|
1295
|
+
declare function CascaderOptionsMenu({ className, groupTitle, }: CascaderOptionsMenuProps): react.JSX.Element;
|
|
1381
1296
|
type CascaderFieldProps = Omit<CascaderProps, "children"> & Omit<CascaderTriggerProps, "displayValue"> & {
|
|
1382
1297
|
contentClassName?: string;
|
|
1383
1298
|
menuClassName?: string;
|
|
@@ -1581,7 +1496,7 @@ type TimePickerWheelsProps = {
|
|
|
1581
1496
|
onChange: (value: TimePickerWheelsValue) => void;
|
|
1582
1497
|
className?: string;
|
|
1583
1498
|
};
|
|
1584
|
-
declare function TimePickerWheels({ value, onChange, className }: TimePickerWheelsProps): react.JSX.Element;
|
|
1499
|
+
declare function TimePickerWheels({ value, onChange, className, }: TimePickerWheelsProps): react.JSX.Element;
|
|
1585
1500
|
|
|
1586
1501
|
type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
|
|
1587
1502
|
/**
|
|
@@ -2074,7 +1989,7 @@ type ListItemGroupProps = {
|
|
|
2074
1989
|
className?: string;
|
|
2075
1990
|
};
|
|
2076
1991
|
/** Convenience wrapper — titled list section (Figma List title + card) */
|
|
2077
|
-
declare function ListItemGroup({ label, children, className }: ListItemGroupProps): react.JSX.Element;
|
|
1992
|
+
declare function ListItemGroup({ label, children, className, }: ListItemGroupProps): react.JSX.Element;
|
|
2078
1993
|
type ListDividerProps = HTMLAttributes<HTMLSpanElement>;
|
|
2079
1994
|
/** Vertical divider between trailing actions (Figma `last` separator) */
|
|
2080
1995
|
declare const ListDivider: react.ForwardRefExoticComponent<ListDividerProps & react.RefAttributes<HTMLSpanElement>>;
|
|
@@ -2794,4 +2709,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
2794
2709
|
*/
|
|
2795
2710
|
declare function initKeyboardFocus(): void;
|
|
2796
2711
|
|
|
2797
|
-
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, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerHeaderText, type DrawerHeaderTextProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerPosition, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps,
|
|
2712
|
+
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, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerHeaderText, type DrawerHeaderTextProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerPosition, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, 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, drawerContentVariants, enUS, formatDisplayDate, formatMonthYear, formatTimeValue, formatVideoTime, forwardChevronSide, initKeyboardFocus, inputRootVariants, interpolate, loadingLevelForButtonSize, mirrorSide, mirrorSideForDirection, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, parseVideoTime, typographyVariants, useColorPickerState, useDirection, useLocale, useLocaleMessages, useOverlayPortalContainer, useRtl, useTheme, useThemeLayoutKey, videoObjectFitToCss, zhCN };
|