raft-ui 0.0.13 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -7
- package/dist/index.d.mts +18 -4
- package/dist/index.mjs +66 -30
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
## [0.0.
|
|
1
|
+
## [0.0.15](https://github.com/botiverse/rui/compare/v0.0.14...v0.0.15) (2026-07-07)
|
|
2
2
|
|
|
3
3
|
### Features
|
|
4
4
|
|
|
5
|
-
- **
|
|
6
|
-
|
|
7
|
-
### Bug Fixes
|
|
8
|
-
|
|
9
|
-
- **segmented-control:** make selection updates immediate ([87e1d05](https://github.com/botiverse/rui/commit/87e1d05e6b6a0c2e9a911898d18d0d9f9fcde91d))
|
|
10
|
-
- **tooltip:** tighten content padding ([ce37fde](https://github.com/botiverse/rui/commit/ce37fde21b8be7adab49e81723b331e01a87c2df))
|
|
5
|
+
- **select:** align source comparison parity ([eb03e29](https://github.com/botiverse/rui/commit/eb03e293e058d3a4a73c1dd83338096ad5810169))
|
package/dist/index.d.mts
CHANGED
|
@@ -1995,6 +1995,11 @@ declare function SelectItem({
|
|
|
1995
1995
|
className,
|
|
1996
1996
|
...props
|
|
1997
1997
|
}: SelectItemProps): import("react").JSX.Element;
|
|
1998
|
+
type SelectItemLeadingProps = StyledProps<ComponentPropsWithRef<"span">>;
|
|
1999
|
+
declare function SelectItemLeading({
|
|
2000
|
+
className,
|
|
2001
|
+
...props
|
|
2002
|
+
}: SelectItemLeadingProps): import("react").JSX.Element;
|
|
1998
2003
|
type SelectItemIndicatorProps = StyledProps<Select$1.ItemIndicator.Props>;
|
|
1999
2004
|
declare function SelectItemIndicator({
|
|
2000
2005
|
className,
|
|
@@ -3381,6 +3386,7 @@ declare const notificationCenter: import("tailwind-variants/lite").TVReturnType<
|
|
|
3381
3386
|
actionButton: never[];
|
|
3382
3387
|
};
|
|
3383
3388
|
elegant: {
|
|
3389
|
+
trigger: string[];
|
|
3384
3390
|
popup: string[];
|
|
3385
3391
|
header: string[];
|
|
3386
3392
|
title: string[];
|
|
@@ -3431,6 +3437,7 @@ declare const notificationCenter: import("tailwind-variants/lite").TVReturnType<
|
|
|
3431
3437
|
secondary: {};
|
|
3432
3438
|
};
|
|
3433
3439
|
}, {
|
|
3440
|
+
trigger: never[];
|
|
3434
3441
|
popup: string[];
|
|
3435
3442
|
header: string[];
|
|
3436
3443
|
title: string[];
|
|
@@ -3459,6 +3466,7 @@ declare const notificationCenter: import("tailwind-variants/lite").TVReturnType<
|
|
|
3459
3466
|
actionButton: never[];
|
|
3460
3467
|
};
|
|
3461
3468
|
elegant: {
|
|
3469
|
+
trigger: string[];
|
|
3462
3470
|
popup: string[];
|
|
3463
3471
|
header: string[];
|
|
3464
3472
|
title: string[];
|
|
@@ -3509,6 +3517,7 @@ declare const notificationCenter: import("tailwind-variants/lite").TVReturnType<
|
|
|
3509
3517
|
secondary: {};
|
|
3510
3518
|
};
|
|
3511
3519
|
}, {
|
|
3520
|
+
trigger: never[];
|
|
3512
3521
|
popup: string[];
|
|
3513
3522
|
header: string[];
|
|
3514
3523
|
title: string[];
|
|
@@ -3537,6 +3546,7 @@ declare const notificationCenter: import("tailwind-variants/lite").TVReturnType<
|
|
|
3537
3546
|
actionButton: never[];
|
|
3538
3547
|
};
|
|
3539
3548
|
elegant: {
|
|
3549
|
+
trigger: string[];
|
|
3540
3550
|
popup: string[];
|
|
3541
3551
|
header: string[];
|
|
3542
3552
|
title: string[];
|
|
@@ -3587,6 +3597,7 @@ declare const notificationCenter: import("tailwind-variants/lite").TVReturnType<
|
|
|
3587
3597
|
secondary: {};
|
|
3588
3598
|
};
|
|
3589
3599
|
}, {
|
|
3600
|
+
trigger: never[];
|
|
3590
3601
|
popup: string[];
|
|
3591
3602
|
header: string[];
|
|
3592
3603
|
title: string[];
|
|
@@ -3607,8 +3618,11 @@ declare function NotificationCenter({
|
|
|
3607
3618
|
modal,
|
|
3608
3619
|
...props
|
|
3609
3620
|
}: NotificationCenterProps): import("react").JSX.Element;
|
|
3610
|
-
type NotificationCenterTriggerProps = Popover$1.Trigger.Props
|
|
3611
|
-
declare function NotificationCenterTrigger(
|
|
3621
|
+
type NotificationCenterTriggerProps = StyledProps<Popover$1.Trigger.Props>;
|
|
3622
|
+
declare function NotificationCenterTrigger({
|
|
3623
|
+
className,
|
|
3624
|
+
...props
|
|
3625
|
+
}: NotificationCenterTriggerProps): import("react").JSX.Element;
|
|
3612
3626
|
type NotificationCenterPortalProps = Popover$1.Portal.Props;
|
|
3613
3627
|
type NotificationCenterPopupProps = StyledProps<Popover$1.Popup.Props> & Pick<VariantProps<typeof notificationCenter>, "size" | "viewport"> & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
|
|
3614
3628
|
portalProps?: NotificationCenterPortalProps;
|
|
@@ -4068,7 +4082,7 @@ type ToastArrowProps = StyledProps<Toast.Arrow.Props>;
|
|
|
4068
4082
|
declare function ToastArrow({
|
|
4069
4083
|
className,
|
|
4070
4084
|
...props
|
|
4071
|
-
}: ToastArrowProps): import("react").JSX.Element;
|
|
4085
|
+
}: ToastArrowProps): import("react").JSX.Element | null;
|
|
4072
4086
|
//#endregion
|
|
4073
4087
|
//#region src/components/tabs/tabs.d.ts
|
|
4074
4088
|
declare const tabs: import("tailwind-variants/lite").TVReturnType<{
|
|
@@ -4284,4 +4298,4 @@ declare function useThemeFamily(): Theme;
|
|
|
4284
4298
|
/** Read and update the application-level RUI theme selection. */
|
|
4285
4299
|
declare function useTheme(): ThemeState;
|
|
4286
4300
|
//#endregion
|
|
4287
|
-
export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogClose, type AlertDialogCloseProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Banner, BannerAction, type BannerActionProps, BannerDescription, type BannerDescriptionProps, type BannerProps, type BannerStatus, BannerTitle, type BannerTitleProps, BottomSheet, BottomSheetActions, type BottomSheetActionsProps, BottomSheetBody, type BottomSheetBodyProps, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, BottomSheetOverlay, type BottomSheetOverlayProps, BottomSheetPortal, type BottomSheetPortalProps, BottomSheetPositioner, type BottomSheetPositionerProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, type ComboboxProps, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerIndicator, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemIndicator, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSubmenu, type ContextMenuSubmenuProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, CopyableCode, type CopyableCodeActionProps, type CopyableCodeCodeProps, type CopyableCodeProps, type CopyableCodeRootProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateContent, type EmptyStateContentProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldValidity, type FieldValidityProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupAddonTextProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, LabelAsterisk, type LabelAsteriskProps, LabelOptional, type LabelOptionalProps, type LabelProps, LabelSub, type LabelSubProps, Lightbox, LightboxActions, type LightboxActionsProps, LightboxClose, type LightboxCloseProps, LightboxContent, type LightboxContentProps, LightboxHeader, type LightboxHeaderProps, LightboxInfoActions, type LightboxInfoActionsProps, LightboxInfoBar, type LightboxInfoBarProps, LightboxInfoTitle, type LightboxInfoTitleProps, LightboxMedia, type LightboxMediaProps, LightboxNavigationButton, type LightboxNavigationButtonProps, LightboxPortal, type LightboxPortalProps, type LightboxProps, LightboxStage, type LightboxStageProps, LightboxTitle, type LightboxTitleProps, LightboxTrigger, type LightboxTriggerProps, NotificationCenter, NotificationCenterActionButton, type NotificationCenterActionButtonProps, NotificationCenterCount, type NotificationCenterCountProps, NotificationCenterEmptyState, type NotificationCenterEmptyStateProps, NotificationCenterHeader, type NotificationCenterHeaderProps, NotificationCenterItem, NotificationCenterItemActions, type NotificationCenterItemActionsProps, NotificationCenterItemBody, type NotificationCenterItemBodyProps, NotificationCenterItemContent, type NotificationCenterItemContentProps, NotificationCenterItemIcon, type NotificationCenterItemIconProps, type NotificationCenterItemProps, NotificationCenterItemRow, type NotificationCenterItemRowProps, NotificationCenterItemTitle, type NotificationCenterItemTitleProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPopup, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, NotificationCenterScroller, type NotificationCenterScrollerProps, NotificationCenterTitle, type NotificationCenterTitleProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type OrderedTabItem, Popover, PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverSeparator, type PopoverSeparatorProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps, PreviewCard, PreviewCardArrow, type PreviewCardArrowProps, PreviewCardContent, type PreviewCardContentProps, PreviewCardDescription, type PreviewCardDescriptionProps, PreviewCardHeader, type PreviewCardHeaderProps, PreviewCardPopup, type PreviewCardPopupProps, PreviewCardPortal, type PreviewCardPortalProps, type PreviewCardProps, PreviewCardSeparator, type PreviewCardSeparatorProps, PreviewCardTitle, type PreviewCardTitleProps, PreviewCardTrigger, type PreviewCardTriggerProps, Progress, ProgressHeader, type ProgressHeaderProps, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, type ProgressProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps, RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResolvedThemeMode, SegmentedControl, SegmentedControlCount, type SegmentedControlCountProps, SegmentedControlItem, type SegmentedControlItemProps, SegmentedControlLabel, type SegmentedControlLabelProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, type SetTheme, type SetThemeOptions, Skeleton, type SkeletonProps, type SkeletonVariant, SortableTabsList, type SortableTabsListProps, SortableTabsTab, type SortableTabsTabProps, Spinner, type SpinnerProps, Status, type StatusProps, Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps, Tabs, TabsBackground, type TabsBackgroundProps, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Text, TextHeading, type TextHeadingProps, TextMono, type TextMonoProps, TextSans, type TextSansProps, Textarea, TextareaCounter, type TextareaCounterProps, TextareaGroup, type TextareaGroupProps, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeState, ToastAction, type ToastActionProps, ToastActions, type ToastActionsProps, ToastArrow, type ToastArrowProps, ToastBody, type ToastBodyProps, ToastClose, type ToastCloseProps, ToastContent, type ToastContentProps, type ToastData, ToastDescription, type ToastDescriptionProps, ToastIcon, type ToastIconProps, type ToastIntent, type ToastObject, ToastPortal, type ToastPortalProps, ToastPositioner, type ToastPositionerProps, ToastProvider, type ToastProviderProps, ToastRoot, type ToastRootProps, ToastTitle, type ToastTitleProps, ToastViewport, type ToastViewportProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, createToastManager, toast, useOrderedTabs, useTheme, useThemeFamily, useToastManager };
|
|
4301
|
+
export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogClose, type AlertDialogCloseProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Banner, BannerAction, type BannerActionProps, BannerDescription, type BannerDescriptionProps, type BannerProps, type BannerStatus, BannerTitle, type BannerTitleProps, BottomSheet, BottomSheetActions, type BottomSheetActionsProps, BottomSheetBody, type BottomSheetBodyProps, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, BottomSheetOverlay, type BottomSheetOverlayProps, BottomSheetPortal, type BottomSheetPortalProps, BottomSheetPositioner, type BottomSheetPositionerProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, type ComboboxProps, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerIndicator, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemIndicator, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSubmenu, type ContextMenuSubmenuProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, CopyableCode, type CopyableCodeActionProps, type CopyableCodeCodeProps, type CopyableCodeProps, type CopyableCodeRootProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateContent, type EmptyStateContentProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldValidity, type FieldValidityProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupAddonTextProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, LabelAsterisk, type LabelAsteriskProps, LabelOptional, type LabelOptionalProps, type LabelProps, LabelSub, type LabelSubProps, Lightbox, LightboxActions, type LightboxActionsProps, LightboxClose, type LightboxCloseProps, LightboxContent, type LightboxContentProps, LightboxHeader, type LightboxHeaderProps, LightboxInfoActions, type LightboxInfoActionsProps, LightboxInfoBar, type LightboxInfoBarProps, LightboxInfoTitle, type LightboxInfoTitleProps, LightboxMedia, type LightboxMediaProps, LightboxNavigationButton, type LightboxNavigationButtonProps, LightboxPortal, type LightboxPortalProps, type LightboxProps, LightboxStage, type LightboxStageProps, LightboxTitle, type LightboxTitleProps, LightboxTrigger, type LightboxTriggerProps, NotificationCenter, NotificationCenterActionButton, type NotificationCenterActionButtonProps, NotificationCenterCount, type NotificationCenterCountProps, NotificationCenterEmptyState, type NotificationCenterEmptyStateProps, NotificationCenterHeader, type NotificationCenterHeaderProps, NotificationCenterItem, NotificationCenterItemActions, type NotificationCenterItemActionsProps, NotificationCenterItemBody, type NotificationCenterItemBodyProps, NotificationCenterItemContent, type NotificationCenterItemContentProps, NotificationCenterItemIcon, type NotificationCenterItemIconProps, type NotificationCenterItemProps, NotificationCenterItemRow, type NotificationCenterItemRowProps, NotificationCenterItemTitle, type NotificationCenterItemTitleProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPopup, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, NotificationCenterScroller, type NotificationCenterScrollerProps, NotificationCenterTitle, type NotificationCenterTitleProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type OrderedTabItem, Popover, PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverSeparator, type PopoverSeparatorProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps, PreviewCard, PreviewCardArrow, type PreviewCardArrowProps, PreviewCardContent, type PreviewCardContentProps, PreviewCardDescription, type PreviewCardDescriptionProps, PreviewCardHeader, type PreviewCardHeaderProps, PreviewCardPopup, type PreviewCardPopupProps, PreviewCardPortal, type PreviewCardPortalProps, type PreviewCardProps, PreviewCardSeparator, type PreviewCardSeparatorProps, PreviewCardTitle, type PreviewCardTitleProps, PreviewCardTrigger, type PreviewCardTriggerProps, Progress, ProgressHeader, type ProgressHeaderProps, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, type ProgressProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps, RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResolvedThemeMode, SegmentedControl, SegmentedControlCount, type SegmentedControlCountProps, SegmentedControlItem, type SegmentedControlItemProps, SegmentedControlLabel, type SegmentedControlLabelProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, SelectItemLeading, type SelectItemLeadingProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, type SetTheme, type SetThemeOptions, Skeleton, type SkeletonProps, type SkeletonVariant, SortableTabsList, type SortableTabsListProps, SortableTabsTab, type SortableTabsTabProps, Spinner, type SpinnerProps, Status, type StatusProps, Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps, Tabs, TabsBackground, type TabsBackgroundProps, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Text, TextHeading, type TextHeadingProps, TextMono, type TextMonoProps, TextSans, type TextSansProps, Textarea, TextareaCounter, type TextareaCounterProps, TextareaGroup, type TextareaGroupProps, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeState, ToastAction, type ToastActionProps, ToastActions, type ToastActionsProps, ToastArrow, type ToastArrowProps, ToastBody, type ToastBodyProps, ToastClose, type ToastCloseProps, ToastContent, type ToastContentProps, type ToastData, ToastDescription, type ToastDescriptionProps, ToastIcon, type ToastIconProps, type ToastIntent, type ToastObject, ToastPortal, type ToastPortalProps, ToastPositioner, type ToastPositionerProps, ToastProvider, type ToastProviderProps, ToastRoot, type ToastRootProps, ToastTitle, type ToastTitleProps, ToastViewport, type ToastViewportProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, createToastManager, toast, useOrderedTabs, useTheme, useThemeFamily, useToastManager };
|
package/dist/index.mjs
CHANGED
|
@@ -4159,12 +4159,13 @@ const select = tv({
|
|
|
4159
4159
|
"[&_[data-slot='select-trigger-content']_svg]:!size-3.5 [&_[data-slot='select-trigger-content']_svg]:shrink-0 [&_[data-slot='select-trigger-content']_svg]:!stroke-[1.5] [&_[data-slot='select-trigger-content']_svg_*]:!stroke-[1.5]",
|
|
4160
4160
|
"[&_[data-slot='select-icon']]:!stroke-[1.5] [&_[data-slot='select-icon']_*]:!stroke-[1.5]"
|
|
4161
4161
|
],
|
|
4162
|
-
icon: ["ml-auto flex shrink-0 items-center justify-center opacity-80"],
|
|
4162
|
+
icon: ["ml-auto flex shrink-0 items-center justify-center opacity-80 transition-transform"],
|
|
4163
4163
|
value: ["flex min-w-0 flex-1 truncate text-left"],
|
|
4164
4164
|
positioner: ["isolate z-50 outline-none"],
|
|
4165
4165
|
content: ["relative max-h-[var(--available-height)] min-w-[max(var(--anchor-width),220px)] overflow-hidden bg-layer-panel", "outline-none"],
|
|
4166
4166
|
list: ["max-h-64 overflow-y-auto overscroll-contain scroll-py-6"],
|
|
4167
4167
|
item: ["flex h-8 w-full shrink-0 cursor-default select-none items-center justify-between gap-2 overflow-hidden px-3", "text-left outline-none transition-colors"],
|
|
4168
|
+
itemLeading: ["flex shrink-0 items-center justify-center", "[&_svg]:pointer-events-none [&_svg]:shrink-0"],
|
|
4168
4169
|
itemIndicator: ["pointer-events-none ml-auto flex shrink-0 items-center justify-center"],
|
|
4169
4170
|
itemText: ["min-w-0 flex-1 truncate font-normal"],
|
|
4170
4171
|
label: ["m-0 font-medium"],
|
|
@@ -4181,22 +4182,25 @@ const select = tv({
|
|
|
4181
4182
|
variants: { theme: {
|
|
4182
4183
|
brutal: {
|
|
4183
4184
|
trigger: [
|
|
4184
|
-
"
|
|
4185
|
-
"
|
|
4185
|
+
"flex w-full items-center justify-between gap-2 border-2 border-black bg-white p-2 text-sm text-black shadow-[var(--shadow-brutal-sm)] focus:outline-none",
|
|
4186
|
+
"hover:bg-white hover:shadow-[var(--shadow-brutal-sm)]",
|
|
4187
|
+
"disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-black/50 disabled:opacity-100",
|
|
4186
4188
|
"[&_[data-slot='select-value']_svg]:!stroke-2 [&_[data-slot='select-value']_svg_*]:!stroke-2",
|
|
4187
4189
|
"data-[popup-open]:translate-x-0 data-[popup-open]:translate-y-0",
|
|
4188
|
-
"data-[popup-open]:hover:translate-x-0 data-[popup-open]:hover:translate-y-0"
|
|
4190
|
+
"data-[popup-open]:hover:translate-x-0 data-[popup-open]:hover:translate-y-0",
|
|
4191
|
+
"[&[data-popup-open]_[data-slot='select-icon']]:rotate-180"
|
|
4189
4192
|
],
|
|
4190
|
-
content: ["border-2 border-black bg-white shadow-
|
|
4193
|
+
content: ["w-[var(--anchor-width)] min-w-[var(--anchor-width)] border-2 border-black bg-white shadow-[var(--shadow-brutal)]"],
|
|
4191
4194
|
item: [
|
|
4192
|
-
"border-b border-black/10 bg-white
|
|
4193
|
-
"[&_[data-slot='select-item-text']]:font-
|
|
4194
|
-
"hover:bg-
|
|
4195
|
-
"data-[selected]:bg-
|
|
4195
|
+
"h-auto border-b border-black/10 bg-white py-1.5 text-xs font-bold leading-6 text-black last:border-b-0",
|
|
4196
|
+
"[&_[data-slot='select-item-text']]:font-bold",
|
|
4197
|
+
"hover:bg-soft-signal/30 data-[highlighted]:bg-soft-signal/30",
|
|
4198
|
+
"data-[selected]:bg-white data-[selected]:hover:bg-soft-signal/30 data-[selected][data-highlighted]:bg-soft-signal/30",
|
|
4196
4199
|
"data-[disabled]:pointer-events-none data-[disabled]:text-black/30",
|
|
4197
4200
|
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:stroke-[1.5] [&_svg_*]:stroke-[1.5] [&_svg:not([class*='size-'])]:size-3",
|
|
4198
4201
|
"[&>svg]:!stroke-2 [&>svg_*]:!stroke-2"
|
|
4199
4202
|
],
|
|
4203
|
+
itemLeading: ["size-5 text-black [&_svg]:size-3.5 [&_svg]:stroke-2 [&_svg_*]:stroke-2"],
|
|
4200
4204
|
itemIndicator: ["text-black [&_svg]:!stroke-[2.25] [&_svg_*]:!stroke-[2.25]"],
|
|
4201
4205
|
label: ["font-sans text-[10px] font-semibold uppercase leading-none tracking-wide text-black"],
|
|
4202
4206
|
groupLabel: ["font-sans text-[10px] font-semibold uppercase leading-none tracking-wide text-black/60"],
|
|
@@ -4221,6 +4225,7 @@ const select = tv({
|
|
|
4221
4225
|
"data-[disabled]:pointer-events-none data-[disabled]:text-foreground-disabled",
|
|
4222
4226
|
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:stroke-[1.5] [&_svg_*]:stroke-[1.5] [&_svg:not([class*='size-'])]:size-3.5"
|
|
4223
4227
|
],
|
|
4228
|
+
itemLeading: ["size-4 text-foreground-muted [&_svg]:size-3.5 [&_svg]:stroke-[1.5] [&_svg_*]:stroke-[1.5]"],
|
|
4224
4229
|
itemIndicator: ["text-foreground-strong"],
|
|
4225
4230
|
label: ["text-[11px] leading-none tracking-[-0.005em] text-foreground-strong"],
|
|
4226
4231
|
groupLabel: ["px-2 text-[11px] font-medium leading-none tracking-[-0.005em] text-foreground/45"],
|
|
@@ -4236,14 +4241,16 @@ function Select(props) {
|
|
|
4236
4241
|
...props
|
|
4237
4242
|
});
|
|
4238
4243
|
}
|
|
4239
|
-
function SelectTrigger({ className, children, render
|
|
4240
|
-
|
|
4241
|
-
|
|
4242
|
-
|
|
4243
|
-
|
|
4244
|
+
function SelectTrigger({ className, children, render, ...props }) {
|
|
4245
|
+
const theme = useThemeFamily();
|
|
4246
|
+
const { trigger } = select({ theme });
|
|
4247
|
+
const renderProp = render ?? (theme === "brutal" ? void 0 : /* @__PURE__ */ jsx(Button, {
|
|
4248
|
+
variant: "outline",
|
|
4249
|
+
size: "md"
|
|
4250
|
+
}));
|
|
4244
4251
|
return /* @__PURE__ */ jsx(Select$1.Trigger, {
|
|
4245
4252
|
"data-slot": "select-trigger",
|
|
4246
|
-
render,
|
|
4253
|
+
...renderProp ? { render: renderProp } : {},
|
|
4247
4254
|
className: trigger({ className }),
|
|
4248
4255
|
...props,
|
|
4249
4256
|
children: /* @__PURE__ */ jsx("span", {
|
|
@@ -4331,6 +4338,14 @@ function SelectItem({ className, ...props }) {
|
|
|
4331
4338
|
...props
|
|
4332
4339
|
});
|
|
4333
4340
|
}
|
|
4341
|
+
function SelectItemLeading({ className, ...props }) {
|
|
4342
|
+
const { itemLeading } = select({ theme: useThemeFamily() });
|
|
4343
|
+
return /* @__PURE__ */ jsx("span", {
|
|
4344
|
+
"data-slot": "select-item-leading",
|
|
4345
|
+
className: itemLeading({ className }),
|
|
4346
|
+
...props
|
|
4347
|
+
});
|
|
4348
|
+
}
|
|
4334
4349
|
function SelectItemIndicator({ className, children, ...props }) {
|
|
4335
4350
|
const theme = useThemeFamily();
|
|
4336
4351
|
const { itemIndicator } = select({ theme });
|
|
@@ -5878,6 +5893,7 @@ function EmptyStateActions({ render, className, ...props }) {
|
|
|
5878
5893
|
//#region src/components/notification-center/notification-center.tsx
|
|
5879
5894
|
const notificationCenter = tv({
|
|
5880
5895
|
slots: {
|
|
5896
|
+
trigger: [],
|
|
5881
5897
|
popup: ["flex flex-col overflow-hidden bg-layer-panel"],
|
|
5882
5898
|
header: ["flex items-center gap-2 px-4 py-2"],
|
|
5883
5899
|
title: ["text-xs"],
|
|
@@ -5907,6 +5923,12 @@ const notificationCenter = tv({
|
|
|
5907
5923
|
actionButton: []
|
|
5908
5924
|
},
|
|
5909
5925
|
elegant: {
|
|
5926
|
+
trigger: [
|
|
5927
|
+
"relative inline-flex size-9 items-center justify-center overflow-visible border-0 bg-transparent p-0",
|
|
5928
|
+
"select-none text-foreground-muted transition-colors hover:text-foreground-strong",
|
|
5929
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400/35",
|
|
5930
|
+
"[&>svg]:size-5 [&>svg]:shrink-0"
|
|
5931
|
+
],
|
|
5910
5932
|
popup: ["rounded-md bg-layer-popover", "shadow-lg"],
|
|
5911
5933
|
header: ["border-b border-line-muted bg-white pt-2.5"],
|
|
5912
5934
|
title: ["text-sm font-medium normal-case tracking-normal text-foreground-strong"],
|
|
@@ -6004,9 +6026,11 @@ function NotificationCenter({ modal = false, ...props }) {
|
|
|
6004
6026
|
...props
|
|
6005
6027
|
});
|
|
6006
6028
|
}
|
|
6007
|
-
function NotificationCenterTrigger(props) {
|
|
6029
|
+
function NotificationCenterTrigger({ className, ...props }) {
|
|
6030
|
+
const { trigger } = notificationCenter({ theme: useThemeFamily() });
|
|
6008
6031
|
return /* @__PURE__ */ jsx(Popover$1.Trigger, {
|
|
6009
6032
|
"data-slot": "notification-center-trigger",
|
|
6033
|
+
className: trigger({ className }),
|
|
6010
6034
|
...props
|
|
6011
6035
|
});
|
|
6012
6036
|
}
|
|
@@ -6207,7 +6231,7 @@ function NotificationCenterEmptyState(props) {
|
|
|
6207
6231
|
const toastStyles = tv({
|
|
6208
6232
|
slots: {
|
|
6209
6233
|
viewport: ["pointer-events-none isolate z-[70] w-[min(24rem,calc(100vw-2rem))]", "outline-none"],
|
|
6210
|
-
positioner: ["isolate z-[70] outline-none"],
|
|
6234
|
+
positioner: ["isolate z-[calc(70-var(--toast-index))] outline-none"],
|
|
6211
6235
|
root: [
|
|
6212
6236
|
"group/toast pointer-events-auto",
|
|
6213
6237
|
"select-text overflow-hidden text-foreground-strong",
|
|
@@ -6232,7 +6256,6 @@ const toastStyles = tv({
|
|
|
6232
6256
|
"[&:not(:has([data-slot=toast-icon])):not(:has([data-slot=toast-actions])):not(:has([data-slot=toast-description]))]:py-[var(--toast-title-only-py,0.5rem)]",
|
|
6233
6257
|
"[&:not(:has([data-slot=toast-description]))>[data-slot=toast-body]:only-child]:justify-self-center [&:not(:has([data-slot=toast-description]))>[data-slot=toast-body]:only-child]:text-center",
|
|
6234
6258
|
"transition-opacity duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
|
|
6235
|
-
"data-[behind]:opacity-0 data-[expanded]:opacity-100",
|
|
6236
6259
|
"motion-reduce:transition-none"
|
|
6237
6260
|
],
|
|
6238
6261
|
icon: ["flex size-5 shrink-0 items-center justify-center", "[&_svg]:size-3.5 [&_svg]:shrink-0"],
|
|
@@ -6250,12 +6273,12 @@ const toastStyles = tv({
|
|
|
6250
6273
|
],
|
|
6251
6274
|
arrow: [
|
|
6252
6275
|
"pointer-events-none flex",
|
|
6253
|
-
"data-[side=top]:bottom-[-
|
|
6254
|
-
"data-[side=bottom]:top-[-
|
|
6255
|
-
"data-[side=left]:right-[-
|
|
6256
|
-
"data-[side=right]:left-[-
|
|
6257
|
-
"data-[side=inline-start]:right-[-
|
|
6258
|
-
"data-[side=inline-end]:left-[-
|
|
6276
|
+
"data-[side=top]:bottom-[-5px]",
|
|
6277
|
+
"data-[side=bottom]:top-[-5px] data-[side=bottom]:rotate-180",
|
|
6278
|
+
"data-[side=left]:right-[-7px] data-[side=left]:-rotate-90",
|
|
6279
|
+
"data-[side=right]:left-[-7px] data-[side=right]:rotate-90",
|
|
6280
|
+
"data-[side=inline-start]:right-[-7px] data-[side=inline-start]:-rotate-90",
|
|
6281
|
+
"data-[side=inline-end]:left-[-7px] data-[side=inline-end]:rotate-90"
|
|
6259
6282
|
]
|
|
6260
6283
|
},
|
|
6261
6284
|
variants: {
|
|
@@ -6289,6 +6312,7 @@ const toastStyles = tv({
|
|
|
6289
6312
|
"[&:has([data-slot=toast-actions])]:min-h-14",
|
|
6290
6313
|
"[&:has([data-slot=toast-actions])]:py-3",
|
|
6291
6314
|
"[&:has([data-slot=toast-actions])]:pl-3.5",
|
|
6315
|
+
"[&:has([data-slot=toast-actions])]:pr-3",
|
|
6292
6316
|
"[&:has([data-slot=toast-description]):has([data-slot=toast-title])]:min-h-14",
|
|
6293
6317
|
"[&:has([data-slot=toast-description]):has([data-slot=toast-title])]:min-w-[18rem]",
|
|
6294
6318
|
"[&:has([data-slot=toast-description]):has([data-slot=toast-title])]:py-3",
|
|
@@ -6342,13 +6366,15 @@ const toastStyles = tv({
|
|
|
6342
6366
|
"data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+120%))_translateY(var(--toast-y))]",
|
|
6343
6367
|
"data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-120%))_translateY(var(--toast-y))]",
|
|
6344
6368
|
"data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+120%))]",
|
|
6345
|
-
"data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-120%))]"
|
|
6369
|
+
"data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-120%))]",
|
|
6370
|
+
"[&_[data-slot=toast-content][data-behind]]:opacity-0 [&_[data-slot=toast-content][data-expanded]]:opacity-100"
|
|
6346
6371
|
] },
|
|
6347
6372
|
inline: { root: [
|
|
6348
6373
|
"relative mx-auto w-max max-w-[min(24rem,var(--available-width,calc(100vw-2rem)))] overflow-visible",
|
|
6349
6374
|
"origin-[var(--transform-origin)]",
|
|
6350
6375
|
"data-[starting-style]:[transform:scale(0.97)]",
|
|
6351
|
-
"data-[ending-style]:[transform:scale(0.99)]"
|
|
6376
|
+
"data-[ending-style]:[transform:scale(0.99)]",
|
|
6377
|
+
"[&_[data-slot=toast-content]]:opacity-100"
|
|
6352
6378
|
] }
|
|
6353
6379
|
},
|
|
6354
6380
|
tone: {
|
|
@@ -6383,6 +6409,16 @@ const toastStyles = tv({
|
|
|
6383
6409
|
theme: "brutal",
|
|
6384
6410
|
layout: "stacked",
|
|
6385
6411
|
class: { root: "w-max max-w-full" }
|
|
6412
|
+
},
|
|
6413
|
+
{
|
|
6414
|
+
theme: "elegant",
|
|
6415
|
+
layout: "stacked",
|
|
6416
|
+
class: { root: "w-max max-w-full" }
|
|
6417
|
+
},
|
|
6418
|
+
{
|
|
6419
|
+
theme: "elegant",
|
|
6420
|
+
layout: "inline",
|
|
6421
|
+
class: { root: "bg-[oklch(0.263_0.009_294.9_/_0.62)] after:hidden dark:bg-[oklch(0.230_0.010_294.8_/_0.62)]" }
|
|
6386
6422
|
}
|
|
6387
6423
|
]
|
|
6388
6424
|
});
|
|
@@ -6611,6 +6647,7 @@ function ToastClose({ className, children, ...props }) {
|
|
|
6611
6647
|
function ToastArrow({ className, ...props }) {
|
|
6612
6648
|
const theme = useThemeFamily();
|
|
6613
6649
|
const { arrow } = toastStyles({ theme });
|
|
6650
|
+
if (theme === "elegant") return null;
|
|
6614
6651
|
return /* @__PURE__ */ jsx(Toast.Arrow, {
|
|
6615
6652
|
"data-slot": "toast-arrow",
|
|
6616
6653
|
className: arrow({ className }),
|
|
@@ -6640,7 +6677,6 @@ function DefaultToastItem({ toast: toastObject }) {
|
|
|
6640
6677
|
const showIcon = toastObject.data?.hasIcon !== false;
|
|
6641
6678
|
return /* @__PURE__ */ jsx(ToastRoot, {
|
|
6642
6679
|
toast: toastObject,
|
|
6643
|
-
layout: !showIcon && !showDescription && !showAction && !showClose ? "inline" : "stacked",
|
|
6644
6680
|
children: /* @__PURE__ */ jsxs(ToastContent, {
|
|
6645
6681
|
className: toastObject.data?.contentClassName,
|
|
6646
6682
|
children: [
|
|
@@ -6665,9 +6701,9 @@ function ToastArrowSvg({ theme, ...props }) {
|
|
|
6665
6701
|
children: [/* @__PURE__ */ jsx("path", {
|
|
6666
6702
|
d: "M1 0H11L6 5.25Z",
|
|
6667
6703
|
className: theme === "elegant" ? "fill-[oklch(0.263_0.009_294.9_/_0.50)] dark:fill-[oklch(0.230_0.010_294.8_/_0.50)]" : "fill-soft-signal"
|
|
6668
|
-
}), /* @__PURE__ */ jsx("path", {
|
|
6704
|
+
}), theme === "elegant" ? null : /* @__PURE__ */ jsx("path", {
|
|
6669
6705
|
d: "M1 0.5L6 5.25L11 0.5",
|
|
6670
|
-
className:
|
|
6706
|
+
className: "stroke-line-strong",
|
|
6671
6707
|
strokeLinecap: "round",
|
|
6672
6708
|
strokeLinejoin: "round",
|
|
6673
6709
|
vectorEffect: "non-scaling-stroke"
|
|
@@ -7162,4 +7198,4 @@ function ThemeProvider({ theme, defaultTheme = "brutal", onThemeChange, mode, de
|
|
|
7162
7198
|
});
|
|
7163
7199
|
}
|
|
7164
7200
|
//#endregion
|
|
7165
|
-
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerDescription, BannerTitle, BottomSheet, BottomSheetActions, BottomSheetBody, BottomSheetClose, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetOverlay, BottomSheetPortal, BottomSheetPositioner, BottomSheetTitle, BottomSheetTrigger, Button, Checkbox, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerIndicator, ComboboxValue, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, CopyableCode, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxInfoActions, LightboxInfoBar, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxTitle, LightboxTrigger, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SortableTabsList, SortableTabsTab, Spinner, Status, Switch, SwitchThumb, Tabs, TabsBackground, TabsIndicator, TabsLabel, TabsList, TabsPanel, TabsTab, Text, TextHeading, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, cn, createToastManager, toast, useOrderedTabs, useTheme, useThemeFamily, useToastManager };
|
|
7201
|
+
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerDescription, BannerTitle, BottomSheet, BottomSheetActions, BottomSheetBody, BottomSheetClose, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetOverlay, BottomSheetPortal, BottomSheetPositioner, BottomSheetTitle, BottomSheetTrigger, Button, Checkbox, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerIndicator, ComboboxValue, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, CopyableCode, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxInfoActions, LightboxInfoBar, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxTitle, LightboxTrigger, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, SortableTabsList, SortableTabsTab, Spinner, Status, Switch, SwitchThumb, Tabs, TabsBackground, TabsIndicator, TabsLabel, TabsList, TabsPanel, TabsTab, Text, TextHeading, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, cn, createToastManager, toast, useOrderedTabs, useTheme, useThemeFamily, useToastManager };
|