@aviala-design/spiral 2.0.0 → 2.1.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/index.cjs +690 -425
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +115 -4
- package/dist/index.d.ts +115 -4
- package/dist/index.js +625 -358
- package/dist/index.js.map +1 -1
- package/dist/props.json +7 -1
- package/dist/styles.css +8 -1
- package/package.json +3 -2
package/dist/index.d.cts
CHANGED
|
@@ -59,6 +59,7 @@ type ButtonSize = "tiny" | "small" | "regular" | "big";
|
|
|
59
59
|
declare const buttonVariants: (props?: ({
|
|
60
60
|
mode?: "default" | "primary" | "second" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | "destructive" | null | undefined;
|
|
61
61
|
allRound?: boolean | null | undefined;
|
|
62
|
+
compact?: boolean | null | undefined;
|
|
62
63
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
63
64
|
type LegacyVariant = "default" | "secondary" | "outline" | "ghost" | "destructive" | "link";
|
|
64
65
|
type LegacySize = "default" | "sm" | "lg" | "icon";
|
|
@@ -83,6 +84,7 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<t
|
|
|
83
84
|
declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<(props?: ({
|
|
84
85
|
mode?: "default" | "primary" | "second" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | "destructive" | null | undefined;
|
|
85
86
|
allRound?: boolean | null | undefined;
|
|
87
|
+
compact?: boolean | null | undefined;
|
|
86
88
|
} & class_variance_authority_types.ClassProp) | undefined) => string>, "mode"> & {
|
|
87
89
|
/** Figma `Mode` — preferred over legacy `variant`. */
|
|
88
90
|
mode?: ButtonMode;
|
|
@@ -1310,9 +1312,11 @@ declare function TimePickerWheels({ value, onChange, className }: TimePickerWhee
|
|
|
1310
1312
|
|
|
1311
1313
|
type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
|
|
1312
1314
|
/**
|
|
1313
|
-
*
|
|
1314
|
-
*
|
|
1315
|
-
*
|
|
1315
|
+
* Thin controlled/uncontrolled wrapper around Radix `Popover.Root`. We don't add
|
|
1316
|
+
* any custom close-suppression: a non-modal Popover already prevents focus-outside
|
|
1317
|
+
* from dismissing (`onFocusOutside` is default-prevented by Radix), so a window
|
|
1318
|
+
* blur never closes it — no extra bookkeeping needed, and it keeps Escape a
|
|
1319
|
+
* single, predictable dismiss.
|
|
1316
1320
|
*/
|
|
1317
1321
|
declare function Popover({ open: openProp, defaultOpen, onOpenChange, modal, ...props }: PopoverProps): react.JSX.Element;
|
|
1318
1322
|
declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1322,14 +1326,72 @@ type PopoverContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Cont
|
|
|
1322
1326
|
portalled?: boolean;
|
|
1323
1327
|
/** Show a caret arrow pointing at the trigger (Figma with-arrow variant). */
|
|
1324
1328
|
showArrow?: boolean;
|
|
1329
|
+
/** Strip surface padding — consumer controls inner spacing. */
|
|
1330
|
+
flush?: boolean;
|
|
1325
1331
|
};
|
|
1326
1332
|
declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1327
1333
|
/** Render without Portal — use inside nested overlays. */
|
|
1328
1334
|
portalled?: boolean;
|
|
1329
1335
|
/** Show a caret arrow pointing at the trigger (Figma with-arrow variant). */
|
|
1330
1336
|
showArrow?: boolean;
|
|
1337
|
+
/** Strip surface padding — consumer controls inner spacing. */
|
|
1338
|
+
flush?: boolean;
|
|
1331
1339
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1332
1340
|
|
|
1341
|
+
interface HoverPopoverProps {
|
|
1342
|
+
/** Floating body — may hold rich / interactive content. */
|
|
1343
|
+
content: ReactNode;
|
|
1344
|
+
/** The trigger element. Rendered with `asChild`, so pass a single element. */
|
|
1345
|
+
children: ReactNode;
|
|
1346
|
+
/** Preferred placement of the floating content. */
|
|
1347
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1348
|
+
/** Cross-axis alignment relative to the trigger. */
|
|
1349
|
+
align?: "start" | "center" | "end";
|
|
1350
|
+
/** Gap between trigger and content, in px. */
|
|
1351
|
+
sideOffset?: number;
|
|
1352
|
+
/** Distance from viewport edges before collision flipping, in px. */
|
|
1353
|
+
collisionPadding?: number;
|
|
1354
|
+
/** Show the caret arrow pointing at the trigger. */
|
|
1355
|
+
showArrow?: boolean;
|
|
1356
|
+
/** Delay before opening on hover, in ms. */
|
|
1357
|
+
openDelay?: number;
|
|
1358
|
+
/** Delay before closing on pointer leave, in ms (lets the cursor reach the content). */
|
|
1359
|
+
closeDelay?: number;
|
|
1360
|
+
/** Controlled open state. */
|
|
1361
|
+
open?: boolean;
|
|
1362
|
+
/** Uncontrolled initial open state. */
|
|
1363
|
+
defaultOpen?: boolean;
|
|
1364
|
+
/** Open-state change callback. */
|
|
1365
|
+
onOpenChange?: (open: boolean) => void;
|
|
1366
|
+
/** Extra class on the inner content surface. */
|
|
1367
|
+
contentClassName?: string;
|
|
1368
|
+
}
|
|
1369
|
+
/**
|
|
1370
|
+
* Popover that opens on hover (desktop) / tap (touch).
|
|
1371
|
+
*
|
|
1372
|
+
* Radix Popover is click-only, so this wraps it in a controlled shell:
|
|
1373
|
+
* - Desktop (`pointer: fine`): opens on `mouseenter` (after `openDelay`) via the
|
|
1374
|
+
* trigger's hover handlers. Keyboard uses Radix `PopoverTrigger`'s native
|
|
1375
|
+
* semantics — Tab *selects* the trigger (does not open), Enter/Space reveals
|
|
1376
|
+
* the popover, and Escape closes it on the *first* press with focus returned
|
|
1377
|
+
* to the trigger. Hover/click opens keep focus on the trigger; keyboard opens
|
|
1378
|
+
* move focus into the content. Closes on `mouseleave`/`blur` after
|
|
1379
|
+
* `closeDelay`. The delay keeps the surface open while the cursor travels the
|
|
1380
|
+
* gap into the content, and cancels the close when the cursor/focus
|
|
1381
|
+
* re-enters the content.
|
|
1382
|
+
* - Touch (`pointer: coarse`): degrades to a normal Popover — `PopoverTrigger`
|
|
1383
|
+
* tap to toggle, outside tap / Escape to dismiss. No hover exists on touch.
|
|
1384
|
+
*
|
|
1385
|
+
* Use this for rich / interactive previews. For a non-essential text hint,
|
|
1386
|
+
* prefer `Tooltip` / `ResponsiveTooltip`.
|
|
1387
|
+
*
|
|
1388
|
+
* @example
|
|
1389
|
+
* <HoverPopover content={<PriceBreakdown />}>
|
|
1390
|
+
* <Button>See price</Button>
|
|
1391
|
+
* </HoverPopover>
|
|
1392
|
+
*/
|
|
1393
|
+
declare function HoverPopover({ content, children, side, align, sideOffset, collisionPadding, showArrow, openDelay, closeDelay, open: openProp, defaultOpen, onOpenChange, contentClassName, }: HoverPopoverProps): react.JSX.Element;
|
|
1394
|
+
|
|
1333
1395
|
/** Figma Components → Information Display → Modal (553:58593) */
|
|
1334
1396
|
type ModalSize = "default" | "large";
|
|
1335
1397
|
declare const modalContentVariants: (props?: ({
|
|
@@ -1414,6 +1476,55 @@ declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimit
|
|
|
1414
1476
|
showArrow?: boolean;
|
|
1415
1477
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1416
1478
|
|
|
1479
|
+
interface ResponsiveTooltipProps {
|
|
1480
|
+
/** Tooltip body — the same content is shown on desktop (hover) and touch (tap). */
|
|
1481
|
+
content: ReactNode;
|
|
1482
|
+
/** The trigger element. Rendered with `asChild`, so pass a single element. */
|
|
1483
|
+
children: ReactNode;
|
|
1484
|
+
/** Preferred placement of the floating content. */
|
|
1485
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1486
|
+
/** Cross-axis alignment relative to the trigger. */
|
|
1487
|
+
align?: "start" | "center" | "end";
|
|
1488
|
+
/** Gap between trigger and content, in px. */
|
|
1489
|
+
sideOffset?: number;
|
|
1490
|
+
/** Distance from viewport edges before collision flipping, in px. */
|
|
1491
|
+
collisionPadding?: number;
|
|
1492
|
+
/** Show the caret arrow pointing at the trigger. */
|
|
1493
|
+
showArrow?: boolean;
|
|
1494
|
+
/** Hover open delay on desktop, in ms (ignored on touch). Requires a TooltipProvider ancestor. */
|
|
1495
|
+
delayDuration?: number;
|
|
1496
|
+
/** Controlled open state. */
|
|
1497
|
+
open?: boolean;
|
|
1498
|
+
/** Uncontrolled initial open state. */
|
|
1499
|
+
defaultOpen?: boolean;
|
|
1500
|
+
/** Open-state change callback. */
|
|
1501
|
+
onOpenChange?: (open: boolean) => void;
|
|
1502
|
+
/** Extra class on the inner content surface. */
|
|
1503
|
+
contentClassName?: string;
|
|
1504
|
+
}
|
|
1505
|
+
/**
|
|
1506
|
+
* Tooltip with a mobile-friendly trigger.
|
|
1507
|
+
*
|
|
1508
|
+
* Radix Tooltip is hover/focus only and deliberately ignores touch, so it has
|
|
1509
|
+
* no trigger on phones. `ResponsiveTooltip` renders the SAME content through the
|
|
1510
|
+
* right primitive for the device:
|
|
1511
|
+
* - Desktop (`pointer: fine`): Radix Tooltip — opens on hover and keyboard focus.
|
|
1512
|
+
* - Touch (`pointer: coarse`): Radix Popover — opens on tap, dismisses on outside
|
|
1513
|
+
* tap / Escape, like any other popover.
|
|
1514
|
+
*
|
|
1515
|
+
* The consumer API is unchanged between devices; only the trigger gesture differs.
|
|
1516
|
+
* Animations are handled by the respective effect CSS (tooltip-effects /
|
|
1517
|
+
* popover-effects), so direction-aware scale-in/out works on both branches.
|
|
1518
|
+
*
|
|
1519
|
+
* @example
|
|
1520
|
+
* <TooltipProvider> // needed for the desktop hover-delay; Popover needs none
|
|
1521
|
+
* <ResponsiveTooltip content="Save changes">
|
|
1522
|
+
* <Button>Save</Button>
|
|
1523
|
+
* </ResponsiveTooltip>
|
|
1524
|
+
* </TooltipProvider>
|
|
1525
|
+
*/
|
|
1526
|
+
declare function ResponsiveTooltip({ content, children, side, align, sideOffset, collisionPadding, showArrow, delayDuration, open, defaultOpen, onOpenChange, contentClassName, }: ResponsiveTooltipProps): react.JSX.Element;
|
|
1527
|
+
|
|
1417
1528
|
/** Figma Components → Response And Feedback → Feedback (553:58620) */
|
|
1418
1529
|
type FeedbackType = "information" | "warning" | "wrong" | "success" | "normal";
|
|
1419
1530
|
type FeedbackSize = "default" | "small";
|
|
@@ -2072,4 +2183,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
2072
2183
|
*/
|
|
2073
2184
|
declare function initKeyboardFocus(): void;
|
|
2074
2185
|
|
|
2075
|
-
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 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, 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, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, FormField, type FormFieldDirection, type FormFieldProps, type HSVA, 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, 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, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, 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, 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 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, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };
|
|
2186
|
+
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 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, 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, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, FormField, type FormFieldDirection, type FormFieldProps, 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, 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, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, 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, 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, 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 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, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };
|
package/dist/index.d.ts
CHANGED
|
@@ -59,6 +59,7 @@ type ButtonSize = "tiny" | "small" | "regular" | "big";
|
|
|
59
59
|
declare const buttonVariants: (props?: ({
|
|
60
60
|
mode?: "default" | "primary" | "second" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | "destructive" | null | undefined;
|
|
61
61
|
allRound?: boolean | null | undefined;
|
|
62
|
+
compact?: boolean | null | undefined;
|
|
62
63
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
63
64
|
type LegacyVariant = "default" | "secondary" | "outline" | "ghost" | "destructive" | "link";
|
|
64
65
|
type LegacySize = "default" | "sm" | "lg" | "icon";
|
|
@@ -83,6 +84,7 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<t
|
|
|
83
84
|
declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & Omit<VariantProps<(props?: ({
|
|
84
85
|
mode?: "default" | "primary" | "second" | "defaultCustom" | "noBackground" | "noBackgroundCustom" | "destructive" | null | undefined;
|
|
85
86
|
allRound?: boolean | null | undefined;
|
|
87
|
+
compact?: boolean | null | undefined;
|
|
86
88
|
} & class_variance_authority_types.ClassProp) | undefined) => string>, "mode"> & {
|
|
87
89
|
/** Figma `Mode` — preferred over legacy `variant`. */
|
|
88
90
|
mode?: ButtonMode;
|
|
@@ -1310,9 +1312,11 @@ declare function TimePickerWheels({ value, onChange, className }: TimePickerWhee
|
|
|
1310
1312
|
|
|
1311
1313
|
type PopoverProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
|
|
1312
1314
|
/**
|
|
1313
|
-
*
|
|
1314
|
-
*
|
|
1315
|
-
*
|
|
1315
|
+
* Thin controlled/uncontrolled wrapper around Radix `Popover.Root`. We don't add
|
|
1316
|
+
* any custom close-suppression: a non-modal Popover already prevents focus-outside
|
|
1317
|
+
* from dismissing (`onFocusOutside` is default-prevented by Radix), so a window
|
|
1318
|
+
* blur never closes it — no extra bookkeeping needed, and it keeps Escape a
|
|
1319
|
+
* single, predictable dismiss.
|
|
1316
1320
|
*/
|
|
1317
1321
|
declare function Popover({ open: openProp, defaultOpen, onOpenChange, modal, ...props }: PopoverProps): react.JSX.Element;
|
|
1318
1322
|
declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1322,14 +1326,72 @@ type PopoverContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Cont
|
|
|
1322
1326
|
portalled?: boolean;
|
|
1323
1327
|
/** Show a caret arrow pointing at the trigger (Figma with-arrow variant). */
|
|
1324
1328
|
showArrow?: boolean;
|
|
1329
|
+
/** Strip surface padding — consumer controls inner spacing. */
|
|
1330
|
+
flush?: boolean;
|
|
1325
1331
|
};
|
|
1326
1332
|
declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1327
1333
|
/** Render without Portal — use inside nested overlays. */
|
|
1328
1334
|
portalled?: boolean;
|
|
1329
1335
|
/** Show a caret arrow pointing at the trigger (Figma with-arrow variant). */
|
|
1330
1336
|
showArrow?: boolean;
|
|
1337
|
+
/** Strip surface padding — consumer controls inner spacing. */
|
|
1338
|
+
flush?: boolean;
|
|
1331
1339
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1332
1340
|
|
|
1341
|
+
interface HoverPopoverProps {
|
|
1342
|
+
/** Floating body — may hold rich / interactive content. */
|
|
1343
|
+
content: ReactNode;
|
|
1344
|
+
/** The trigger element. Rendered with `asChild`, so pass a single element. */
|
|
1345
|
+
children: ReactNode;
|
|
1346
|
+
/** Preferred placement of the floating content. */
|
|
1347
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1348
|
+
/** Cross-axis alignment relative to the trigger. */
|
|
1349
|
+
align?: "start" | "center" | "end";
|
|
1350
|
+
/** Gap between trigger and content, in px. */
|
|
1351
|
+
sideOffset?: number;
|
|
1352
|
+
/** Distance from viewport edges before collision flipping, in px. */
|
|
1353
|
+
collisionPadding?: number;
|
|
1354
|
+
/** Show the caret arrow pointing at the trigger. */
|
|
1355
|
+
showArrow?: boolean;
|
|
1356
|
+
/** Delay before opening on hover, in ms. */
|
|
1357
|
+
openDelay?: number;
|
|
1358
|
+
/** Delay before closing on pointer leave, in ms (lets the cursor reach the content). */
|
|
1359
|
+
closeDelay?: number;
|
|
1360
|
+
/** Controlled open state. */
|
|
1361
|
+
open?: boolean;
|
|
1362
|
+
/** Uncontrolled initial open state. */
|
|
1363
|
+
defaultOpen?: boolean;
|
|
1364
|
+
/** Open-state change callback. */
|
|
1365
|
+
onOpenChange?: (open: boolean) => void;
|
|
1366
|
+
/** Extra class on the inner content surface. */
|
|
1367
|
+
contentClassName?: string;
|
|
1368
|
+
}
|
|
1369
|
+
/**
|
|
1370
|
+
* Popover that opens on hover (desktop) / tap (touch).
|
|
1371
|
+
*
|
|
1372
|
+
* Radix Popover is click-only, so this wraps it in a controlled shell:
|
|
1373
|
+
* - Desktop (`pointer: fine`): opens on `mouseenter` (after `openDelay`) via the
|
|
1374
|
+
* trigger's hover handlers. Keyboard uses Radix `PopoverTrigger`'s native
|
|
1375
|
+
* semantics — Tab *selects* the trigger (does not open), Enter/Space reveals
|
|
1376
|
+
* the popover, and Escape closes it on the *first* press with focus returned
|
|
1377
|
+
* to the trigger. Hover/click opens keep focus on the trigger; keyboard opens
|
|
1378
|
+
* move focus into the content. Closes on `mouseleave`/`blur` after
|
|
1379
|
+
* `closeDelay`. The delay keeps the surface open while the cursor travels the
|
|
1380
|
+
* gap into the content, and cancels the close when the cursor/focus
|
|
1381
|
+
* re-enters the content.
|
|
1382
|
+
* - Touch (`pointer: coarse`): degrades to a normal Popover — `PopoverTrigger`
|
|
1383
|
+
* tap to toggle, outside tap / Escape to dismiss. No hover exists on touch.
|
|
1384
|
+
*
|
|
1385
|
+
* Use this for rich / interactive previews. For a non-essential text hint,
|
|
1386
|
+
* prefer `Tooltip` / `ResponsiveTooltip`.
|
|
1387
|
+
*
|
|
1388
|
+
* @example
|
|
1389
|
+
* <HoverPopover content={<PriceBreakdown />}>
|
|
1390
|
+
* <Button>See price</Button>
|
|
1391
|
+
* </HoverPopover>
|
|
1392
|
+
*/
|
|
1393
|
+
declare function HoverPopover({ content, children, side, align, sideOffset, collisionPadding, showArrow, openDelay, closeDelay, open: openProp, defaultOpen, onOpenChange, contentClassName, }: HoverPopoverProps): react.JSX.Element;
|
|
1394
|
+
|
|
1333
1395
|
/** Figma Components → Information Display → Modal (553:58593) */
|
|
1334
1396
|
type ModalSize = "default" | "large";
|
|
1335
1397
|
declare const modalContentVariants: (props?: ({
|
|
@@ -1414,6 +1476,55 @@ declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimit
|
|
|
1414
1476
|
showArrow?: boolean;
|
|
1415
1477
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1416
1478
|
|
|
1479
|
+
interface ResponsiveTooltipProps {
|
|
1480
|
+
/** Tooltip body — the same content is shown on desktop (hover) and touch (tap). */
|
|
1481
|
+
content: ReactNode;
|
|
1482
|
+
/** The trigger element. Rendered with `asChild`, so pass a single element. */
|
|
1483
|
+
children: ReactNode;
|
|
1484
|
+
/** Preferred placement of the floating content. */
|
|
1485
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1486
|
+
/** Cross-axis alignment relative to the trigger. */
|
|
1487
|
+
align?: "start" | "center" | "end";
|
|
1488
|
+
/** Gap between trigger and content, in px. */
|
|
1489
|
+
sideOffset?: number;
|
|
1490
|
+
/** Distance from viewport edges before collision flipping, in px. */
|
|
1491
|
+
collisionPadding?: number;
|
|
1492
|
+
/** Show the caret arrow pointing at the trigger. */
|
|
1493
|
+
showArrow?: boolean;
|
|
1494
|
+
/** Hover open delay on desktop, in ms (ignored on touch). Requires a TooltipProvider ancestor. */
|
|
1495
|
+
delayDuration?: number;
|
|
1496
|
+
/** Controlled open state. */
|
|
1497
|
+
open?: boolean;
|
|
1498
|
+
/** Uncontrolled initial open state. */
|
|
1499
|
+
defaultOpen?: boolean;
|
|
1500
|
+
/** Open-state change callback. */
|
|
1501
|
+
onOpenChange?: (open: boolean) => void;
|
|
1502
|
+
/** Extra class on the inner content surface. */
|
|
1503
|
+
contentClassName?: string;
|
|
1504
|
+
}
|
|
1505
|
+
/**
|
|
1506
|
+
* Tooltip with a mobile-friendly trigger.
|
|
1507
|
+
*
|
|
1508
|
+
* Radix Tooltip is hover/focus only and deliberately ignores touch, so it has
|
|
1509
|
+
* no trigger on phones. `ResponsiveTooltip` renders the SAME content through the
|
|
1510
|
+
* right primitive for the device:
|
|
1511
|
+
* - Desktop (`pointer: fine`): Radix Tooltip — opens on hover and keyboard focus.
|
|
1512
|
+
* - Touch (`pointer: coarse`): Radix Popover — opens on tap, dismisses on outside
|
|
1513
|
+
* tap / Escape, like any other popover.
|
|
1514
|
+
*
|
|
1515
|
+
* The consumer API is unchanged between devices; only the trigger gesture differs.
|
|
1516
|
+
* Animations are handled by the respective effect CSS (tooltip-effects /
|
|
1517
|
+
* popover-effects), so direction-aware scale-in/out works on both branches.
|
|
1518
|
+
*
|
|
1519
|
+
* @example
|
|
1520
|
+
* <TooltipProvider> // needed for the desktop hover-delay; Popover needs none
|
|
1521
|
+
* <ResponsiveTooltip content="Save changes">
|
|
1522
|
+
* <Button>Save</Button>
|
|
1523
|
+
* </ResponsiveTooltip>
|
|
1524
|
+
* </TooltipProvider>
|
|
1525
|
+
*/
|
|
1526
|
+
declare function ResponsiveTooltip({ content, children, side, align, sideOffset, collisionPadding, showArrow, delayDuration, open, defaultOpen, onOpenChange, contentClassName, }: ResponsiveTooltipProps): react.JSX.Element;
|
|
1527
|
+
|
|
1417
1528
|
/** Figma Components → Response And Feedback → Feedback (553:58620) */
|
|
1418
1529
|
type FeedbackType = "information" | "warning" | "wrong" | "success" | "normal";
|
|
1419
1530
|
type FeedbackSize = "default" | "small";
|
|
@@ -2072,4 +2183,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
2072
2183
|
*/
|
|
2073
2184
|
declare function initKeyboardFocus(): void;
|
|
2074
2185
|
|
|
2075
|
-
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 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, 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, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, FormField, type FormFieldDirection, type FormFieldProps, type HSVA, 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, 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, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, 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, 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 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, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };
|
|
2186
|
+
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 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, 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, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, FormField, type FormFieldDirection, type FormFieldProps, 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, 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, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, 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, 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, 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 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, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };
|