@ikatec/nebula-react 1.5.0-beta.1 → 1.5.0

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  ",
@@ -1009,6 +1010,39 @@ declare const TipCardMedia: {
     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
@@ -1079,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, 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 };
+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  ",
@@ -1009,6 +1010,39 @@ declare const TipCardMedia: {
     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
@@ -1079,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, 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 };
+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);
       }
@@ -8324,6 +8326,174 @@ var TipCardMedia = ({
   ] });
 };
 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 = "./" } = {}) {
@@ -8363,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;

package/dist/index.mjs

@@ -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);
       }
@@ -8282,6 +8283,174 @@ var TipCardMedia = ({
   ] });
 };
 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 = "./" } = {}) {
@@ -8293,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, 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 };
+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.5.0-beta.1",
+  "version": "1.5.0",
   "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.4.0-beta.1",
+    "@ikatec/nebula-tokens": "1.4.0",
     "@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",