@ikatec/nebula-react 1.4.1-beta.3 → 1.5.0-beta.2

package/dist/index.d.mts

@@ -20,6 +20,7 @@ import { DayPicker, Locale } from 'react-day-picker';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { UniqueIdentifier, DragEndEvent, CollisionDetection, Modifiers, SensorDescriptor, DndContext } from '@dnd-kit/core';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 
 declare enum buttonVariantEnum {
     primary = "\n    bg-button-primary-background-default\n    hover:bg-button-primary-background-hover\n    active:bg-button-primary-background-active\n    focus:bg-button-primary-background-focus\n    focus:ring-button-primary-border-focus\n    text-button-primary-text\n  ",
@@ -784,7 +785,7 @@ interface CropperProps {
 }
 declare function Cropper({ onOpenChange, open, previewUrl, onApply, onCancelCrop, rounded, portal, }: CropperProps): react_jsx_runtime.JSX.Element;
 
-interface ProfileImageProps extends Pick<FileUploadOptions, 'maxFiles'> {
+interface ProfileImageProps extends Omit<FileUploadOptions, 'maxSize'> {
     maxSizeMB?: number;
     onError?: (errors: {
         file?: File | FileMetadata;
@@ -800,7 +801,7 @@ interface ProfileImageProps extends Pick<FileUploadOptions, 'maxFiles'> {
     icon?: React__default.JSX.Element;
 }
 declare const ProfileImage: {
-    ({ maxSizeMB, subtitle, onError, maxFiles, onRemove, image, cropperProps, onChange, size, icon, }: ProfileImageProps): react_jsx_runtime.JSX.Element;
+    ({ maxSizeMB, subtitle, onError, maxFiles, accept, onRemove, image, cropperProps, onChange, size, icon, }: ProfileImageProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -962,6 +963,86 @@ interface KanbanCardProps extends HTMLAttributes<HTMLDivElement> {
 declare const KanbanCard: React$1.ForwardRefExoticComponent<KanbanCardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const KanbanColumnDragHandle: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare const TipCard: ({ children, looping, }: PropsWithChildren<{
+    looping?: boolean;
+}>) => react_jsx_runtime.JSX.Element;
+
+declare const TipCardItem: {
+    ({ ["data-tip-card-item-order" as keyof React.HTMLAttributes<HTMLDivElement>]: order, children, ...props }: PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface TipCardContextType {
+    registeredTipsMap: Map<string, boolean>;
+    currentTipOrder: number;
+    isCarouselMode: boolean;
+    looping: boolean;
+    nextTip: () => void;
+    previousTip: () => void;
+    registerTip: (id: string) => void;
+    unregisterTip: (id: string) => void;
+}
+declare const TipCardProvider: ({ children, looping, }: PropsWithChildren<{
+    looping?: boolean;
+}>) => react_jsx_runtime.JSX.Element;
+declare const useTipCard: () => TipCardContextType;
+
+declare const TipCardFooter: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element | null>;
+
+declare const TipCardHeader: React__default.MemoExoticComponent<({ children, icon }: PropsWithChildren<{
+    icon?: React__default.ReactNode;
+}>) => react_jsx_runtime.JSX.Element>;
+
+declare const TipCardContent: ({ children }: PropsWithChildren) => react_jsx_runtime.JSX.Element;
+
+declare enum TipCardMediaType {
+    image = "image",
+    video = "video"
+}
+interface TipCardMediaProps {
+    type: keyof typeof TipCardMediaType;
+    source?: string;
+    alt?: string;
+    children?: React__default.ReactNode;
+}
+declare const TipCardMedia: {
+    ({ type, source, alt, children, }: TipCardMediaProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare enum AvatarVariantEnum {
+    primary = "primary",
+    success = "success",
+    warning = "warning",
+    danger = "danger",
+    neutral = "neutral",
+    random = "random"
+}
+declare enum AvatarSizeEnum {
+    'xs' = "xs",// 32px
+    'sm' = "sm",// 40px
+    'md' = "md",// 44px
+    'lg' = "lg",// 48px
+    'xl' = "xl",// 56px
+    '2xl' = "2xl",// 64px
+    '3xl' = "3xl",// 72px
+    '4xl' = "4xl",// 80px
+    '5xl' = "5xl"
+}
+type AvatarSizeType = keyof typeof AvatarSizeEnum;
+type AvatarVariantType = keyof typeof AvatarVariantEnum;
+declare function Avatar({ className, size, variant, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: AvatarSizeType;
+    variant?: AvatarVariantType;
+}): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+declare function AvatarStick({ className, x, y, ...props }: React$1.ComponentProps<'span'> & {
+    x: 'left' | 'right';
+    y: 'top' | 'bottom';
+}): react_jsx_runtime.JSX.Element;
+declare function AvatarHoverAction({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
 interface Content {
     /**
      * Path to `node_modules` where `flowbite-react` is installed
@@ -1032,4 +1113,4 @@ declare function useClickOutside<T extends HTMLElement>(refs: PossibleRefs<T>, o
 
 declare function useKeyPress(key: string, callback: VoidFunction): void;
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, BannerType, BannerVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, type CropperProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateRangePicker, type InputDateRangePickerProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, KanbanBoard, type KanbanBoardCard, type KanbanBoardColumn, type KanbanBoardProps, KanbanCard, type KanbanCardDropEvent, KanbanColumn, KanbanColumnDragHandle, type KanbanColumnDropEvent, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, type KanbanOrderingMode, type KanbanRenderCardContext, type KanbanRenderColumnContext, type KanbanVirtualizationOptions, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, BannerType, BannerVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, type CropperProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateRangePicker, type InputDateRangePickerProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, KanbanBoard, type KanbanBoardCard, type KanbanBoardColumn, type KanbanBoardProps, KanbanCard, type KanbanCardDropEvent, KanbanColumn, KanbanColumnDragHandle, type KanbanColumnDropEvent, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, type KanbanOrderingMode, type KanbanRenderCardContext, type KanbanRenderColumnContext, type KanbanVirtualizationOptions, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, TipCard, TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n, useTipCard };

package/dist/index.d.ts

@@ -20,6 +20,7 @@ import { DayPicker, Locale } from 'react-day-picker';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { UniqueIdentifier, DragEndEvent, CollisionDetection, Modifiers, SensorDescriptor, DndContext } from '@dnd-kit/core';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 
 declare enum buttonVariantEnum {
     primary = "\n    bg-button-primary-background-default\n    hover:bg-button-primary-background-hover\n    active:bg-button-primary-background-active\n    focus:bg-button-primary-background-focus\n    focus:ring-button-primary-border-focus\n    text-button-primary-text\n  ",
@@ -784,7 +785,7 @@ interface CropperProps {
 }
 declare function Cropper({ onOpenChange, open, previewUrl, onApply, onCancelCrop, rounded, portal, }: CropperProps): react_jsx_runtime.JSX.Element;
 
-interface ProfileImageProps extends Pick<FileUploadOptions, 'maxFiles'> {
+interface ProfileImageProps extends Omit<FileUploadOptions, 'maxSize'> {
     maxSizeMB?: number;
     onError?: (errors: {
         file?: File | FileMetadata;
@@ -800,7 +801,7 @@ interface ProfileImageProps extends Pick<FileUploadOptions, 'maxFiles'> {
     icon?: React__default.JSX.Element;
 }
 declare const ProfileImage: {
-    ({ maxSizeMB, subtitle, onError, maxFiles, onRemove, image, cropperProps, onChange, size, icon, }: ProfileImageProps): react_jsx_runtime.JSX.Element;
+    ({ maxSizeMB, subtitle, onError, maxFiles, accept, onRemove, image, cropperProps, onChange, size, icon, }: ProfileImageProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -962,6 +963,86 @@ interface KanbanCardProps extends HTMLAttributes<HTMLDivElement> {
 declare const KanbanCard: React$1.ForwardRefExoticComponent<KanbanCardProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const KanbanColumnDragHandle: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare const TipCard: ({ children, looping, }: PropsWithChildren<{
+    looping?: boolean;
+}>) => react_jsx_runtime.JSX.Element;
+
+declare const TipCardItem: {
+    ({ ["data-tip-card-item-order" as keyof React.HTMLAttributes<HTMLDivElement>]: order, children, ...props }: PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface TipCardContextType {
+    registeredTipsMap: Map<string, boolean>;
+    currentTipOrder: number;
+    isCarouselMode: boolean;
+    looping: boolean;
+    nextTip: () => void;
+    previousTip: () => void;
+    registerTip: (id: string) => void;
+    unregisterTip: (id: string) => void;
+}
+declare const TipCardProvider: ({ children, looping, }: PropsWithChildren<{
+    looping?: boolean;
+}>) => react_jsx_runtime.JSX.Element;
+declare const useTipCard: () => TipCardContextType;
+
+declare const TipCardFooter: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element | null>;
+
+declare const TipCardHeader: React__default.MemoExoticComponent<({ children, icon }: PropsWithChildren<{
+    icon?: React__default.ReactNode;
+}>) => react_jsx_runtime.JSX.Element>;
+
+declare const TipCardContent: ({ children }: PropsWithChildren) => react_jsx_runtime.JSX.Element;
+
+declare enum TipCardMediaType {
+    image = "image",
+    video = "video"
+}
+interface TipCardMediaProps {
+    type: keyof typeof TipCardMediaType;
+    source?: string;
+    alt?: string;
+    children?: React__default.ReactNode;
+}
+declare const TipCardMedia: {
+    ({ type, source, alt, children, }: TipCardMediaProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare enum AvatarVariantEnum {
+    primary = "primary",
+    success = "success",
+    warning = "warning",
+    danger = "danger",
+    neutral = "neutral",
+    random = "random"
+}
+declare enum AvatarSizeEnum {
+    'xs' = "xs",// 32px
+    'sm' = "sm",// 40px
+    'md' = "md",// 44px
+    'lg' = "lg",// 48px
+    'xl' = "xl",// 56px
+    '2xl' = "2xl",// 64px
+    '3xl' = "3xl",// 72px
+    '4xl' = "4xl",// 80px
+    '5xl' = "5xl"
+}
+type AvatarSizeType = keyof typeof AvatarSizeEnum;
+type AvatarVariantType = keyof typeof AvatarVariantEnum;
+declare function Avatar({ className, size, variant, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: AvatarSizeType;
+    variant?: AvatarVariantType;
+}): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+declare function AvatarStick({ className, x, y, ...props }: React$1.ComponentProps<'span'> & {
+    x: 'left' | 'right';
+    y: 'top' | 'bottom';
+}): react_jsx_runtime.JSX.Element;
+declare function AvatarHoverAction({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
 interface Content {
     /**
      * Path to `node_modules` where `flowbite-react` is installed
@@ -1032,4 +1113,4 @@ declare function useClickOutside<T extends HTMLElement>(refs: PossibleRefs<T>, o
 
 declare function useKeyPress(key: string, callback: VoidFunction): void;
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, BannerType, BannerVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, type CropperProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateRangePicker, type InputDateRangePickerProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, KanbanBoard, type KanbanBoardCard, type KanbanBoardColumn, type KanbanBoardProps, KanbanCard, type KanbanCardDropEvent, KanbanColumn, KanbanColumnDragHandle, type KanbanColumnDropEvent, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, type KanbanOrderingMode, type KanbanRenderCardContext, type KanbanRenderColumnContext, type KanbanVirtualizationOptions, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, BannerType, BannerVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, type CropperProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateRangePicker, type InputDateRangePickerProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, KanbanBoard, type KanbanBoardCard, type KanbanBoardColumn, type KanbanBoardProps, KanbanCard, type KanbanCardDropEvent, KanbanColumn, KanbanColumnDragHandle, type KanbanColumnDropEvent, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, type KanbanOrderingMode, type KanbanRenderCardContext, type KanbanRenderColumnContext, type KanbanVirtualizationOptions, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, TipCard, TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n, useTipCard };

package/dist/index.js

@@ -34,6 +34,7 @@ var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var utilities = require('@dnd-kit/utilities');
 var reactVirtual = require('@tanstack/react-virtual');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -75,6 +76,7 @@ var RPNInput__namespace = /*#__PURE__*/_interopNamespace(RPNInput);
 var flags__default = /*#__PURE__*/_interopDefault(flags);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
 // src/button.tsx
 
@@ -296,11 +298,11 @@ var Badge = React31__namespace.forwardRef(
 Badge.displayName = "Badge";
 
 // src/utils/extract-variant.ts
-function extractVariants(variants4) {
-  return Object.keys(variants4).reduce(
+function extractVariants(variants5) {
+  return Object.keys(variants5).reduce(
     (acc, key) => {
       const variantKey = key;
-      const variantValues = variants4[variantKey];
+      const variantValues = variants5[variantKey];
       if (variantValues) {
         acc[variantKey] = Object.keys(variantValues);
       }
@@ -6215,6 +6217,7 @@ var ProfileImage = ({
   subtitle,
   onError,
   maxFiles = Infinity,
+  accept = "image/*",
   onRemove,
   image,
   cropperProps,
@@ -6251,6 +6254,7 @@ var ProfileImage = ({
     }
   ] = useFileUpload({
     maxFiles,
+    accept,
     initialFiles: image ? [
       {
         id,
@@ -6262,7 +6266,6 @@ var ProfileImage = ({
     ] : [],
     multiple: false,
     maxSize: maxSize > 0 ? maxSize : void 0,
-    accept: "image/*",
     onFilesChange([file2]) {
       handleFileChange(file2?.file);
     }
@@ -8097,6 +8100,400 @@ function KanbanBoard({
     }
   );
 }
+var TipCardContext = React31.createContext({
+  registeredTipsMap: /* @__PURE__ */ new Map(),
+  currentTipOrder: 0,
+  isCarouselMode: false,
+  looping: false,
+  nextTip: () => void 0,
+  previousTip: () => void 0,
+  registerTip: () => void 0,
+  unregisterTip: () => void 0
+});
+var TipCardProvider = ({
+  children,
+  looping = false
+}) => {
+  const [currentTipOrder, setCurrentTipOrder] = React31.useState(0);
+  const [registeredTipsMap, setRegisteredTipsMap] = React31.useState(/* @__PURE__ */ new Map());
+  const isCarouselMode = React31.useMemo(() => {
+    return registeredTipsMap.size > 1;
+  }, [registeredTipsMap]);
+  const registerTip = React31.useCallback((id) => {
+    setRegisteredTipsMap((prev) => {
+      const newMap = new Map(prev);
+      newMap.set(id, true);
+      return newMap;
+    });
+  }, []);
+  const unregisterTip = React31.useCallback((id) => {
+    setRegisteredTipsMap((prev) => {
+      const newMap = new Map(prev);
+      newMap.delete(id);
+      return newMap;
+    });
+  }, []);
+  const nextTip = React31.useCallback(() => {
+    setCurrentTipOrder((prev) => {
+      if (looping) {
+        return (prev + 1) % registeredTipsMap.size;
+      }
+      return Math.min(prev + 1, registeredTipsMap.size - 1);
+    });
+  }, [registeredTipsMap.size, looping]);
+  const previousTip = React31.useCallback(() => {
+    setCurrentTipOrder((prev) => {
+      if (looping) {
+        return (prev - 1 + registeredTipsMap.size) % registeredTipsMap.size;
+      }
+      return Math.max(prev - 1, 0);
+    });
+  }, [registeredTipsMap.size, looping]);
+  const contextValue = React31.useMemo(
+    () => ({
+      registerTip,
+      unregisterTip,
+      registeredTipsMap,
+      currentTipOrder,
+      nextTip,
+      previousTip,
+      isCarouselMode,
+      looping
+    }),
+    [
+      registerTip,
+      unregisterTip,
+      registeredTipsMap,
+      currentTipOrder,
+      nextTip,
+      previousTip,
+      isCarouselMode,
+      looping
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(TipCardContext.Provider, { value: contextValue, children });
+};
+var useTipCard = () => {
+  const context = React31.useContext(TipCardContext);
+  if (!context) {
+    throw new Error("useTipCard must be used within a TipCardProvider");
+  }
+  return context;
+};
+var TipCardFooter = React31.memo(() => {
+  const {
+    isCarouselMode,
+    previousTip,
+    nextTip,
+    currentTipOrder,
+    registeredTipsMap,
+    looping
+  } = useTipCard();
+  if (isCarouselMode) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Space, { size: "xs", direction: "row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: previousTip,
+          icon: true,
+          "aria-label": "Previous tip",
+          size: "sm",
+          disabled: currentTipOrder === 0 && !looping,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: nextTip,
+          icon: true,
+          "aria-label": "Next tip",
+          size: "sm",
+          disabled: currentTipOrder === registeredTipsMap.size - 1 && !looping,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {})
+        }
+      )
+    ] });
+  }
+  return null;
+});
+TipCardFooter.displayName = "TipCardFooter";
+var TipCardItem = ({
+  ["data-tip-card-item-order"]: order,
+  children,
+  ...props
+}) => {
+  const id = React31.useId();
+  const { registerTip, currentTipOrder } = useTipCard();
+  React31.useEffect(() => {
+    registerTip(id);
+  }, [registerTip, id]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: "nebula-ds w-full inline-flex h-full flex-col gap-6", children: currentTipOrder === Number(order) && children });
+};
+TipCardItem.displayName = "TipCardItem";
+var TipCardContent = ({ children }) => {
+  const { currentTipOrder } = useTipCard();
+  const calculateTransform = React31.useCallback(() => {
+    return `translateX(-${currentTipOrder * 100}%)`;
+  }, [currentTipOrder]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "nebula-ds w-full whitespace-nowrap transition-transform duration-300",
+      style: { transform: calculateTransform() },
+      children: React31__namespace.default.Children.map(children, (child, i) => {
+        if (React31__namespace.default.isValidElement(child) && child.type === TipCardItem) {
+          return React31__namespace.default.cloneElement(child, {
+            key: child.key,
+            ["data-tip-card-item"]: true,
+            ["data-tip-card-item-order"]: i.toString()
+          });
+        }
+        return child;
+      })
+    }
+  ) });
+};
+var TipCard = ({
+  children,
+  looping = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(TipCardProvider, { looping, children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { paddingSize: "md", border: true, className: "nebula-ds flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TipCardContent, { children }),
+    /* @__PURE__ */ jsxRuntime.jsx(TipCardFooter, {})
+  ] }) });
+};
+var TipCardHeader = React31.memo(
+  ({ children, icon }) => {
+    const { currentTipOrder, isCarouselMode, registeredTipsMap } = useTipCard();
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex flex-col gap-3 items-start", children: [
+      icon && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "size-10 rounded-full bg-tipCard-header-icon-background [&_svg]:size-5 [&_svg]:text-tipCard-header-icon-color flex items-center justify-center",
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex items-center justify-between relative w-full", children: [
+        children,
+        isCarouselMode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds absolute right-0", children: /* @__PURE__ */ jsxRuntime.jsxs(Paragraph, { size: "sm", children: [
+          currentTipOrder + 1,
+          "-",
+          registeredTipsMap.size
+        ] }) })
+      ] })
+    ] });
+  }
+);
+TipCardHeader.displayName = "TipCardHeader";
+var TipCardContent2 = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex flex-col gap-4 whitespace-normal [&_:is(h1,h2,h3,h4,h5,h6)]:mb-2", children });
+};
+var TipCardMediaType = /* @__PURE__ */ ((TipCardMediaType2) => {
+  TipCardMediaType2["image"] = "image";
+  TipCardMediaType2["video"] = "video";
+  return TipCardMediaType2;
+})(TipCardMediaType || {});
+var TipCardMedia = ({
+  type,
+  source,
+  alt,
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-full min-h-36 rounded-2xl overflow-hidden", children: [
+    source && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: type === "image" /* image */ ? /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: source,
+        alt,
+        className: "nebula-ds w-full h-full object-contain"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(
+      "video",
+      {
+        className: "nebula-ds w-full h-full object-contain",
+        controls: true,
+        src: source,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("source", { src: source, type: "video/mp4" }),
+          "Your browser does not support the video tag."
+        ]
+      }
+    ) }),
+    children
+  ] });
+};
+TipCardMedia.displayName = "TipCardMedia";
+var avatarVariantsConfig = classVarianceAuthority.cva("relative flex size-8 shrink-0 rounded-full", {
+  variants: {
+    size: {
+      xs: 'size-[32px] [&>[data-slot="avatar-hover-action"]]:text-sm [&>[data-slot="avatar-fallback"]]:text-sm',
+      // 32px
+      sm: 'size-[40px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-sm',
+      // 40px
+      md: 'size-[44px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-sm',
+      // 44px
+      lg: 'size-[48px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-base',
+      // 48px
+      xl: 'size-[56px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-xl',
+      // 56px
+      "2xl": 'size-[64px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-xl',
+      // 64px
+      "3xl": 'size-[72px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-2xl',
+      // 72px
+      "4xl": 'size-[80px] [&>[data-slot="avatar-hover-action"]]:text-3xl [&>[data-slot="avatar-fallback"]]:text-2xl',
+      // 80px
+      "5xl": 'size-[88px] [&>[data-slot="avatar-hover-action"]]:text-3xl [&>[data-slot="avatar-fallback"]]:text-3xl'
+      // 88px
+    },
+    variant: {
+      primary: 'bg-primary-200 dark:bg-primary-800 [&>[data-slot="avatar-fallback"]]:text-primary-700 dark:[&>[data-slot="avatar-fallback"]]:text-primary-100',
+      success: 'bg-success-200 dark:bg-success-800 [&>[data-slot="avatar-fallback"]]:text-success-700 dark:[&>[data-slot="avatar-fallback"]]:text-success-100',
+      warning: 'bg-warning-200 dark:bg-warning-800 [&>[data-slot="avatar-fallback"]]:text-warning-700 dark:[&>[data-slot="avatar-fallback"]]:text-warning-100',
+      danger: 'bg-danger-200 dark:bg-danger-800 [&>[data-slot="avatar-fallback"]]:text-danger-700 dark:[&>[data-slot="avatar-fallback"]]:text-danger-100',
+      neutral: 'bg-neutral-200 dark:bg-neutral-800 [&>[data-slot="avatar-fallback"]]:text-neutral-700 dark:[&>[data-slot="avatar-fallback"]]:text-neutral-100',
+      random: 'bg-primary-200 dark:bg-primary-800 [&>[data-slot="avatar-fallback"]]:text-primary-700 dark:[&>[data-slot="avatar-fallback"]]:text-primary-100'
+    }
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "primary"
+  }
+});
+var AvatarVariantEnum = /* @__PURE__ */ ((AvatarVariantEnum2) => {
+  AvatarVariantEnum2["primary"] = "primary";
+  AvatarVariantEnum2["success"] = "success";
+  AvatarVariantEnum2["warning"] = "warning";
+  AvatarVariantEnum2["danger"] = "danger";
+  AvatarVariantEnum2["neutral"] = "neutral";
+  AvatarVariantEnum2["random"] = "random";
+  return AvatarVariantEnum2;
+})(AvatarVariantEnum || {});
+var AvatarSizeEnum = /* @__PURE__ */ ((AvatarSizeEnum2) => {
+  AvatarSizeEnum2["xs"] = "xs";
+  AvatarSizeEnum2["sm"] = "sm";
+  AvatarSizeEnum2["md"] = "md";
+  AvatarSizeEnum2["lg"] = "lg";
+  AvatarSizeEnum2["xl"] = "xl";
+  AvatarSizeEnum2["2xl"] = "2xl";
+  AvatarSizeEnum2["3xl"] = "3xl";
+  AvatarSizeEnum2["4xl"] = "4xl";
+  AvatarSizeEnum2["5xl"] = "5xl";
+  return AvatarSizeEnum2;
+})(AvatarSizeEnum || {});
+var variants4 = [
+  "primary" /* primary */,
+  "success" /* success */,
+  "warning" /* warning */,
+  "danger" /* danger */,
+  "neutral" /* neutral */
+];
+function Avatar({
+  className,
+  size: size4 = "sm",
+  variant: variant3 = "primary",
+  ...props
+}) {
+  const randomVariant = React31__namespace.useMemo(
+    () => variants4[Math.floor(Math.random() * variants4.length)],
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        avatarVariantsConfig({
+          size: size4,
+          variant: variant3 === "random" /* random */ ? randomVariant : variant3
+        }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full rounded-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var AvatarStickVariantsConfig = classVarianceAuthority.cva(
+  "absolute bg-transparent max-h-1/2 max-w-1/2 overflow-hidden",
+  {
+    variants: {
+      x: {
+        left: "left-0",
+        right: "right-0"
+      },
+      y: {
+        top: "top-0",
+        bottom: "bottom-0"
+      }
+    },
+    defaultVariants: {
+      x: "right",
+      y: "bottom"
+    }
+  }
+);
+function AvatarStick({
+  className,
+  x,
+  y,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "avatar-sticker",
+      className: cn(AvatarStickVariantsConfig({ x, y }), className),
+      ...props
+    }
+  );
+}
+function AvatarHoverAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "avatar-hover-action",
+      className: cn(
+        "flex items-center justify-center index-100 absolute size-full cursor-pointer rounded-full ring-1 ring-neutral-100 dark:ring-neutral-800 bg-neutral-100 dark:bg-neutral-800 transition-all duration-300 opacity-0 hover:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -8136,6 +8533,13 @@ exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AlertTitle = AlertTitle;
 exports.Async = StyledAsync;
 exports.AsyncCreatable = StyledAsyncCreatable;
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarHoverAction = AvatarHoverAction;
+exports.AvatarImage = AvatarImage;
+exports.AvatarSizeEnum = AvatarSizeEnum;
+exports.AvatarStick = AvatarStick;
+exports.AvatarVariantEnum = AvatarVariantEnum;
 exports.Badge = Badge;
 exports.BannerAlert = BannerAlert;
 exports.BannerType = BannerType;
@@ -8247,6 +8651,14 @@ exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.Tag = Tag;
 exports.TextArea = TextArea;
+exports.TipCard = TipCard;
+exports.TipCardContent = TipCardContent2;
+exports.TipCardFooter = TipCardFooter;
+exports.TipCardHeader = TipCardHeader;
+exports.TipCardItem = TipCardItem;
+exports.TipCardMedia = TipCardMedia;
+exports.TipCardMediaType = TipCardMediaType;
+exports.TipCardProvider = TipCardProvider;
 exports.Toaster = Toaster;
 exports.Tooltip = Tooltip;
 exports.alertVariants = alertVariants;
@@ -8269,3 +8681,4 @@ exports.useClickOutside = useClickOutside;
 exports.useFileUpload = useFileUpload;
 exports.useKeyPress = useKeyPress;
 exports.useNebulaI18n = useNebulaI18n;
+exports.useTipCard = useTipCard;

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as React31 from 'react';
-import React31__default, { createContext, forwardRef, useMemo, useState, useEffect, useCallback, useContext, useRef, useId } from 'react';
+import React31__default, { createContext, forwardRef, useMemo, useState, useEffect, memo, useContext, useCallback, useRef, useId } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { extendTailwindMerge } from 'tailwind-merge';
@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { ChevronRight, Check, Circle, CircleX, Eye, EyeOff, X, Minus, ClockIcon, ChevronsLeft, ChevronLeft, ChevronsRight, MoreHorizontal, ChevronDown, ChevronLeftIcon, ChevronDownIcon, ChevronRightIcon, CalendarIcon, ImageUpIcon, XIcon, MinusIcon, PlusIcon, UserIcon, LoaderCircleIcon, CheckIcon, PhoneIcon, FileTextIcon, FileAudioIcon, FileVideoIcon, Info, CircleCheckBig, InfoIcon, TriangleAlertIcon, CircleCheckBigIcon } from 'lucide-react';
+import { ChevronRight, Check, Circle, CircleX, Eye, EyeOff, X, Minus, ClockIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsLeft, ChevronLeft, ChevronsRight, MoreHorizontal, ChevronDown, ChevronDownIcon, CalendarIcon, ImageUpIcon, XIcon, MinusIcon, PlusIcon, UserIcon, LoaderCircleIcon, CheckIcon, PhoneIcon, FileTextIcon, FileAudioIcon, FileVideoIcon, Info, CircleCheckBig, InfoIcon, TriangleAlertIcon, CircleCheckBigIcon } from 'lucide-react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import Select, { components } from 'react-select';
 import Creatable from 'react-select/creatable';
@@ -33,6 +33,7 @@ import { defaultDropAnimationSideEffects, MeasuringStrategy, useDndContext, useD
 import { SortableContext, verticalListSortingStrategy, useSortable, defaultAnimateLayoutChanges, sortableKeyboardCoordinates, arrayMove, horizontalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { useVirtualizer } from '@tanstack/react-virtual';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 
 // src/button.tsx
 
@@ -254,11 +255,11 @@ var Badge = React31.forwardRef(
 Badge.displayName = "Badge";
 
 // src/utils/extract-variant.ts
-function extractVariants(variants4) {
-  return Object.keys(variants4).reduce(
+function extractVariants(variants5) {
+  return Object.keys(variants5).reduce(
     (acc, key) => {
       const variantKey = key;
-      const variantValues = variants4[variantKey];
+      const variantValues = variants5[variantKey];
       if (variantValues) {
         acc[variantKey] = Object.keys(variantValues);
       }
@@ -6173,6 +6174,7 @@ var ProfileImage = ({
   subtitle,
   onError,
   maxFiles = Infinity,
+  accept = "image/*",
   onRemove,
   image,
   cropperProps,
@@ -6209,6 +6211,7 @@ var ProfileImage = ({
     }
   ] = useFileUpload({
     maxFiles,
+    accept,
     initialFiles: image ? [
       {
         id,
@@ -6220,7 +6223,6 @@ var ProfileImage = ({
     ] : [],
     multiple: false,
     maxSize: maxSize > 0 ? maxSize : void 0,
-    accept: "image/*",
     onFilesChange([file2]) {
       handleFileChange(file2?.file);
     }
@@ -8055,6 +8057,400 @@ function KanbanBoard({
     }
   );
 }
+var TipCardContext = createContext({
+  registeredTipsMap: /* @__PURE__ */ new Map(),
+  currentTipOrder: 0,
+  isCarouselMode: false,
+  looping: false,
+  nextTip: () => void 0,
+  previousTip: () => void 0,
+  registerTip: () => void 0,
+  unregisterTip: () => void 0
+});
+var TipCardProvider = ({
+  children,
+  looping = false
+}) => {
+  const [currentTipOrder, setCurrentTipOrder] = useState(0);
+  const [registeredTipsMap, setRegisteredTipsMap] = useState(/* @__PURE__ */ new Map());
+  const isCarouselMode = useMemo(() => {
+    return registeredTipsMap.size > 1;
+  }, [registeredTipsMap]);
+  const registerTip = useCallback((id) => {
+    setRegisteredTipsMap((prev) => {
+      const newMap = new Map(prev);
+      newMap.set(id, true);
+      return newMap;
+    });
+  }, []);
+  const unregisterTip = useCallback((id) => {
+    setRegisteredTipsMap((prev) => {
+      const newMap = new Map(prev);
+      newMap.delete(id);
+      return newMap;
+    });
+  }, []);
+  const nextTip = useCallback(() => {
+    setCurrentTipOrder((prev) => {
+      if (looping) {
+        return (prev + 1) % registeredTipsMap.size;
+      }
+      return Math.min(prev + 1, registeredTipsMap.size - 1);
+    });
+  }, [registeredTipsMap.size, looping]);
+  const previousTip = useCallback(() => {
+    setCurrentTipOrder((prev) => {
+      if (looping) {
+        return (prev - 1 + registeredTipsMap.size) % registeredTipsMap.size;
+      }
+      return Math.max(prev - 1, 0);
+    });
+  }, [registeredTipsMap.size, looping]);
+  const contextValue = useMemo(
+    () => ({
+      registerTip,
+      unregisterTip,
+      registeredTipsMap,
+      currentTipOrder,
+      nextTip,
+      previousTip,
+      isCarouselMode,
+      looping
+    }),
+    [
+      registerTip,
+      unregisterTip,
+      registeredTipsMap,
+      currentTipOrder,
+      nextTip,
+      previousTip,
+      isCarouselMode,
+      looping
+    ]
+  );
+  return /* @__PURE__ */ jsx(TipCardContext.Provider, { value: contextValue, children });
+};
+var useTipCard = () => {
+  const context = useContext(TipCardContext);
+  if (!context) {
+    throw new Error("useTipCard must be used within a TipCardProvider");
+  }
+  return context;
+};
+var TipCardFooter = memo(() => {
+  const {
+    isCarouselMode,
+    previousTip,
+    nextTip,
+    currentTipOrder,
+    registeredTipsMap,
+    looping
+  } = useTipCard();
+  if (isCarouselMode) {
+    return /* @__PURE__ */ jsxs(Space, { size: "xs", direction: "row", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: previousTip,
+          icon: true,
+          "aria-label": "Previous tip",
+          size: "sm",
+          disabled: currentTipOrder === 0 && !looping,
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: nextTip,
+          icon: true,
+          "aria-label": "Next tip",
+          size: "sm",
+          disabled: currentTipOrder === registeredTipsMap.size - 1 && !looping,
+          children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+        }
+      )
+    ] });
+  }
+  return null;
+});
+TipCardFooter.displayName = "TipCardFooter";
+var TipCardItem = ({
+  ["data-tip-card-item-order"]: order,
+  children,
+  ...props
+}) => {
+  const id = useId();
+  const { registerTip, currentTipOrder } = useTipCard();
+  useEffect(() => {
+    registerTip(id);
+  }, [registerTip, id]);
+  return /* @__PURE__ */ jsx("div", { ...props, className: "nebula-ds w-full inline-flex h-full flex-col gap-6", children: currentTipOrder === Number(order) && children });
+};
+TipCardItem.displayName = "TipCardItem";
+var TipCardContent = ({ children }) => {
+  const { currentTipOrder } = useTipCard();
+  const calculateTransform = useCallback(() => {
+    return `translateX(-${currentTipOrder * 100}%)`;
+  }, [currentTipOrder]);
+  return /* @__PURE__ */ jsx("div", { className: "nebula-ds w-full overflow-hidden", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "nebula-ds w-full whitespace-nowrap transition-transform duration-300",
+      style: { transform: calculateTransform() },
+      children: React31__default.Children.map(children, (child, i) => {
+        if (React31__default.isValidElement(child) && child.type === TipCardItem) {
+          return React31__default.cloneElement(child, {
+            key: child.key,
+            ["data-tip-card-item"]: true,
+            ["data-tip-card-item-order"]: i.toString()
+          });
+        }
+        return child;
+      })
+    }
+  ) });
+};
+var TipCard = ({
+  children,
+  looping = false
+}) => {
+  return /* @__PURE__ */ jsx(TipCardProvider, { looping, children: /* @__PURE__ */ jsxs(Box, { paddingSize: "md", border: true, className: "nebula-ds flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx(TipCardContent, { children }),
+    /* @__PURE__ */ jsx(TipCardFooter, {})
+  ] }) });
+};
+var TipCardHeader = memo(
+  ({ children, icon }) => {
+    const { currentTipOrder, isCarouselMode, registeredTipsMap } = useTipCard();
+    return /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex flex-col gap-3 items-start", children: [
+      icon && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "size-10 rounded-full bg-tipCard-header-icon-background [&_svg]:size-5 [&_svg]:text-tipCard-header-icon-color flex items-center justify-center",
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "nebula-ds flex items-center justify-between relative w-full", children: [
+        children,
+        isCarouselMode && /* @__PURE__ */ jsx("div", { className: "nebula-ds absolute right-0", children: /* @__PURE__ */ jsxs(Paragraph, { size: "sm", children: [
+          currentTipOrder + 1,
+          "-",
+          registeredTipsMap.size
+        ] }) })
+      ] })
+    ] });
+  }
+);
+TipCardHeader.displayName = "TipCardHeader";
+var TipCardContent2 = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "nebula-ds flex flex-col gap-4 whitespace-normal [&_:is(h1,h2,h3,h4,h5,h6)]:mb-2", children });
+};
+var TipCardMediaType = /* @__PURE__ */ ((TipCardMediaType2) => {
+  TipCardMediaType2["image"] = "image";
+  TipCardMediaType2["video"] = "video";
+  return TipCardMediaType2;
+})(TipCardMediaType || {});
+var TipCardMedia = ({
+  type,
+  source,
+  alt,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "nebula-ds w-full min-h-36 rounded-2xl overflow-hidden", children: [
+    source && /* @__PURE__ */ jsx(Fragment, { children: type === "image" /* image */ ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: source,
+        alt,
+        className: "nebula-ds w-full h-full object-contain"
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "video",
+      {
+        className: "nebula-ds w-full h-full object-contain",
+        controls: true,
+        src: source,
+        children: [
+          /* @__PURE__ */ jsx("source", { src: source, type: "video/mp4" }),
+          "Your browser does not support the video tag."
+        ]
+      }
+    ) }),
+    children
+  ] });
+};
+TipCardMedia.displayName = "TipCardMedia";
+var avatarVariantsConfig = cva("relative flex size-8 shrink-0 rounded-full", {
+  variants: {
+    size: {
+      xs: 'size-[32px] [&>[data-slot="avatar-hover-action"]]:text-sm [&>[data-slot="avatar-fallback"]]:text-sm',
+      // 32px
+      sm: 'size-[40px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-sm',
+      // 40px
+      md: 'size-[44px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-sm',
+      // 44px
+      lg: 'size-[48px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-base',
+      // 48px
+      xl: 'size-[56px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-xl',
+      // 56px
+      "2xl": 'size-[64px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-xl',
+      // 64px
+      "3xl": 'size-[72px] [&>[data-slot="avatar-hover-action"]]:text-xl [&>[data-slot="avatar-fallback"]]:text-2xl',
+      // 72px
+      "4xl": 'size-[80px] [&>[data-slot="avatar-hover-action"]]:text-3xl [&>[data-slot="avatar-fallback"]]:text-2xl',
+      // 80px
+      "5xl": 'size-[88px] [&>[data-slot="avatar-hover-action"]]:text-3xl [&>[data-slot="avatar-fallback"]]:text-3xl'
+      // 88px
+    },
+    variant: {
+      primary: 'bg-primary-200 dark:bg-primary-800 [&>[data-slot="avatar-fallback"]]:text-primary-700 dark:[&>[data-slot="avatar-fallback"]]:text-primary-100',
+      success: 'bg-success-200 dark:bg-success-800 [&>[data-slot="avatar-fallback"]]:text-success-700 dark:[&>[data-slot="avatar-fallback"]]:text-success-100',
+      warning: 'bg-warning-200 dark:bg-warning-800 [&>[data-slot="avatar-fallback"]]:text-warning-700 dark:[&>[data-slot="avatar-fallback"]]:text-warning-100',
+      danger: 'bg-danger-200 dark:bg-danger-800 [&>[data-slot="avatar-fallback"]]:text-danger-700 dark:[&>[data-slot="avatar-fallback"]]:text-danger-100',
+      neutral: 'bg-neutral-200 dark:bg-neutral-800 [&>[data-slot="avatar-fallback"]]:text-neutral-700 dark:[&>[data-slot="avatar-fallback"]]:text-neutral-100',
+      random: 'bg-primary-200 dark:bg-primary-800 [&>[data-slot="avatar-fallback"]]:text-primary-700 dark:[&>[data-slot="avatar-fallback"]]:text-primary-100'
+    }
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "primary"
+  }
+});
+var AvatarVariantEnum = /* @__PURE__ */ ((AvatarVariantEnum2) => {
+  AvatarVariantEnum2["primary"] = "primary";
+  AvatarVariantEnum2["success"] = "success";
+  AvatarVariantEnum2["warning"] = "warning";
+  AvatarVariantEnum2["danger"] = "danger";
+  AvatarVariantEnum2["neutral"] = "neutral";
+  AvatarVariantEnum2["random"] = "random";
+  return AvatarVariantEnum2;
+})(AvatarVariantEnum || {});
+var AvatarSizeEnum = /* @__PURE__ */ ((AvatarSizeEnum2) => {
+  AvatarSizeEnum2["xs"] = "xs";
+  AvatarSizeEnum2["sm"] = "sm";
+  AvatarSizeEnum2["md"] = "md";
+  AvatarSizeEnum2["lg"] = "lg";
+  AvatarSizeEnum2["xl"] = "xl";
+  AvatarSizeEnum2["2xl"] = "2xl";
+  AvatarSizeEnum2["3xl"] = "3xl";
+  AvatarSizeEnum2["4xl"] = "4xl";
+  AvatarSizeEnum2["5xl"] = "5xl";
+  return AvatarSizeEnum2;
+})(AvatarSizeEnum || {});
+var variants4 = [
+  "primary" /* primary */,
+  "success" /* success */,
+  "warning" /* warning */,
+  "danger" /* danger */,
+  "neutral" /* neutral */
+];
+function Avatar({
+  className,
+  size: size4 = "sm",
+  variant: variant3 = "primary",
+  ...props
+}) {
+  const randomVariant = React31.useMemo(
+    () => variants4[Math.floor(Math.random() * variants4.length)],
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        avatarVariantsConfig({
+          size: size4,
+          variant: variant3 === "random" /* random */ ? randomVariant : variant3
+        }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full rounded-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var AvatarStickVariantsConfig = cva(
+  "absolute bg-transparent max-h-1/2 max-w-1/2 overflow-hidden",
+  {
+    variants: {
+      x: {
+        left: "left-0",
+        right: "right-0"
+      },
+      y: {
+        top: "top-0",
+        bottom: "bottom-0"
+      }
+    },
+    defaultVariants: {
+      x: "right",
+      y: "bottom"
+    }
+  }
+);
+function AvatarStick({
+  className,
+  x,
+  y,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-sticker",
+      className: cn(AvatarStickVariantsConfig({ x, y }), className),
+      ...props
+    }
+  );
+}
+function AvatarHoverAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-hover-action",
+      className: cn(
+        "flex items-center justify-center index-100 absolute size-full cursor-pointer rounded-full ring-1 ring-neutral-100 dark:ring-neutral-800 bg-neutral-100 dark:bg-neutral-800 transition-all duration-300 opacity-0 hover:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -8066,4 +8462,4 @@ var tailwind = {
   // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
 };
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, BannerAlert, BannerType, BannerVariant, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, StyledCreatable as Creatable, Cropper2 as Cropper, CropperCropArea2 as CropperCropArea, CropperDescription2 as CropperDescription, CropperImage2 as CropperImage, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadError, Heading, InputDatePickerSingle, InputDateRangePicker, InputDateTimePickerSingle, InputPhone, InputText, InputTime, KanbanBoard, KanbanCard, KanbanColumn, KanbanColumnDragHandle, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, ProfileImage, RadioGroup2 as RadioGroup, RadioGroupItem, StyledSelect as Select, Separator2 as Separator, Skeleton, Slider, Space, SpaceDirectionEnum, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextArea, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages19 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };
+export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, BannerAlert, BannerType, BannerVariant, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, StyledCreatable as Creatable, Cropper2 as Cropper, CropperCropArea2 as CropperCropArea, CropperDescription2 as CropperDescription, CropperImage2 as CropperImage, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadError, Heading, InputDatePickerSingle, InputDateRangePicker, InputDateTimePickerSingle, InputPhone, InputText, InputTime, KanbanBoard, KanbanCard, KanbanColumn, KanbanColumnDragHandle, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, ProfileImage, RadioGroup2 as RadioGroup, RadioGroupItem, StyledSelect as Select, Separator2 as Separator, Skeleton, Slider, Space, SpaceDirectionEnum, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextArea, TipCard, TipCardContent2 as TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages19 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n, useTipCard };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.4.1-beta.3",
+  "version": "1.5.0-beta.2",
   "description": "React components for Nebula Design System",
   "publishConfig": {
     "access": "public"
@@ -30,7 +30,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
     "@ikatec/eslint-config": "*",
-    "@ikatec/nebula-tokens": "1.3.0",
+    "@ikatec/nebula-tokens": "1.4.0-beta.1",
     "@ikatec/typescript-config": "*",
     "ts-node": "^10.9.2",
     "tsup": "^8.3.5",
@@ -43,6 +43,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-alert-dialog": "^1.1.7",
+    "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dialog": "^1.1.7",
     "@radix-ui/react-dropdown-menu": "^2.1.6",