@tutti-os/ui-system 0.0.197 → 0.0.199

package/dist/components/index.d.ts

@@ -1,9 +1,9 @@
+import { Avatar as Avatar$1, Checkbox as Checkbox$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Popover as Popover$1, Select as Select$1, Separator as Separator$1, Slider as Slider$1, Switch as Switch$1, Toast, Tooltip as Tooltip$1 } from 'radix-ui';
+import * as React$1 from 'react';
+import { ComponentProps, ReactNode, ComponentPropsWithoutRef, JSX, CSSProperties } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
-import { ReactNode, JSX, CSSProperties } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { Checkbox as Checkbox$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Popover as Popover$1, Select as Select$1, Separator as Separator$1, Slider as Slider$1, Switch as Switch$1, Toast, Tooltip as Tooltip$1 } from 'radix-ui';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import { ToasterProps } from 'sonner';
@@ -11,9 +11,29 @@ export { ExternalToast, ToasterProps, toast } from 'sonner';
 import { DndContextProps, UniqueIdentifier, DragEndEvent, DragOverlay } from '@dnd-kit/core';
 import { SortableContextProps } from '@dnd-kit/sortable';
 
+type AvatarFallback = "initial" | "empty";
+type AvatarSize = "xs" | "sm" | "md" | "lg" | number;
+type DataAttributes = {
+    [key: `data-${string}`]: boolean | number | string | undefined;
+};
+interface AvatarProps extends Omit<ComponentProps<typeof Avatar$1.Root>, "asChild" | "children"> {
+    children?: ReactNode;
+    fallback?: AvatarFallback;
+    fallbackColor?: string;
+    imageClassName?: string;
+    imageProps?: Omit<ComponentPropsWithoutRef<typeof Avatar$1.Image>, "alt" | "className" | "src"> & DataAttributes;
+    initial?: string;
+    label: string;
+    loading?: boolean;
+    size?: AvatarSize;
+    src?: string | null;
+    surfaceClassName?: string;
+}
+declare function Avatar({ children, className, fallback, fallbackColor, imageClassName, imageProps, initial, label, loading, size, src, style, surfaceClassName, ...rootProps }: AvatarProps): React.JSX.Element;
+
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "accent" | "success" | "warning" | "pending" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | null | undefined;
+    variant?: "link" | "default" | "accent" | "success" | "warning" | "pending" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
@@ -32,8 +52,8 @@ type BareIconButtonProps = Omit<React$1.ComponentProps<"button">, "aria-label" |
 declare const BareIconButton: React$1.ForwardRefExoticComponent<Omit<BareIconButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "chrome" | "destructive-secondary" | null | undefined;
-    size?: "default" | "sm" | "dialog" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "chrome" | "destructive-secondary" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "dialog" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonProps = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
@@ -413,7 +433,7 @@ declare function SortableOverlay(props: SortableOverlayProps): React$1.ReactPort
 
 declare const statusDotVariants: (props?: ({
     tone?: "blue" | "green" | "red" | "neutral" | "amber" | null | undefined;
-    size?: "sm" | "md" | "xs" | null | undefined;
+    size?: "xs" | "sm" | "md" | null | undefined;
     pulse?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type StatusDotProps = VariantProps<typeof statusDotVariants> & {
@@ -511,4 +531,4 @@ interface ViewportMenuSurfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivEl
 }
 declare const ViewportMenuSurface: React$1.ForwardRefExoticComponent<ViewportMenuSurfaceProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Badge, BareIconButton, type BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, type ComboboxOption, ConfirmationDialog, type ConfirmationDialogTone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerLabels, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, type MentionPillFileKind, type MentionPillKind, type MentionPillProps, type MenuPoint, type MenuPointAlignment, type MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, RadioIndicator, type RadioIndicatorProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, type SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Slider, type SliderProps, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, type SortableProps, Spinner, type SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TruncatingPillLabel, type TruncatingPillLabelProps, type UnderlineTabItem, UnderlineTabs, type ViewportMenuPlacement, ViewportMenuSurface, type ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants, useTextOverflow };
+export { Avatar, type AvatarProps, Badge, BareIconButton, type BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, type ComboboxOption, ConfirmationDialog, type ConfirmationDialogTone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerLabels, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, type MentionPillFileKind, type MentionPillKind, type MentionPillProps, type MenuPoint, type MenuPointAlignment, type MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, RadioIndicator, type RadioIndicatorProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, type SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Slider, type SliderProps, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, type SortableProps, Spinner, type SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TruncatingPillLabel, type TruncatingPillLabelProps, type UnderlineTabItem, UnderlineTabs, type ViewportMenuPlacement, ViewportMenuSurface, type ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants, useTextOverflow };

package/dist/components/index.js

@@ -1,4 +1,5 @@
 import {
+  Avatar,
   Badge,
   BareIconButton,
   Button,
@@ -124,10 +125,11 @@ import {
   toast,
   toastVariants,
   useTextOverflow
-} from "../chunk-OW6744SQ.js";
+} from "../chunk-QSVO3ZI2.js";
 import "../chunk-LD3MNTUQ.js";
 import "../chunk-DGPY4WP3.js";
 export {
+  Avatar,
   Badge,
   BareIconButton,
   Button,

package/dist/index.d.ts

@@ -1,13 +1,13 @@
-export { Badge, BareIconButton, BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, ComboboxOption, ConfirmationDialog, ConfirmationDialogTone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DatePickerLabels, DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, MentionPillFileKind, MentionPillKind, MentionPillProps, MenuPoint, MenuPointAlignment, MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, RadioIndicator, RadioIndicatorProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Slider, SliderProps, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, SortableProps, Spinner, SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TruncatingPillLabel, TruncatingPillLabelProps, UnderlineTabItem, UnderlineTabs, ViewportMenuPlacement, ViewportMenuSurface, ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants, useTextOverflow } from './components/index.js';
+export { Avatar, AvatarProps, Badge, BareIconButton, BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, ComboboxOption, ConfirmationDialog, ConfirmationDialogTone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DatePickerLabels, DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, MentionPillFileKind, MentionPillKind, MentionPillProps, MenuPoint, MenuPointAlignment, MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, RadioIndicator, RadioIndicatorProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Slider, SliderProps, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, SortableProps, Spinner, SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TruncatingPillLabel, TruncatingPillLabelProps, UnderlineTabItem, UnderlineTabs, ViewportMenuPlacement, ViewportMenuSurface, ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants, useTextOverflow } from './components/index.js';
 export { AddIcon, AddLinedIcon, AgentSessionsIcon, AppWindowIcon, ArrowLeftIcon, ArrowRightIcon, AskLinedIcon, BillingIcon, CapabilityIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, ChromeIcon, CloseEyesIcon, CloseIcon, CollapseLinedIcon, CopyIcon, CreateChatIcon, CreditsIcon, DarkModeIcon, DashboardIcon, DeleteIcon, DirectoryIcon, DiscordIcon, DownloadIcon, EditIcon, EyeIcon, FailedFilledIcon, FailedLinedIcon, FeedbackIcon, FileCodeIcon, FileCreateIcon, FileIcon, FileLinedIcon, FileTextIcon, FolderFailedFilledIcon, FolderFailedIcon, FolderFilledIcon, FolderIcon, FolderOpenLinedIcon, GitHubBrandIcon, GoogleBrandIcon, GridBottomLinedIcon, GridHorizontalLinedIcon, GridLeftLinedIcon, GridRightLinedIcon, GridTopLinedIcon, GridVerticalLinedIcon, GripVerticalIcon, GuideIcon, HealthIcon, IconProps, ImageFileIcon, ImageGenerateIcon, ImportLinedIcon, InspectIcon, IssueIcon, KeyboardFilledIcon, KeyboardIcon, LaunchIcon, LayoutMenuIcon, LayoutPresetIcon, LayoutPresetIconProps, LightModeIcon, LinkIcon, LoadingIcon, LoadingIconProps, LocateFolderIcon, LockGridHorizontalLinedIcon, LockGridVerticalLinedIcon, LockLayoutLinedIcon, MaximizeIcon, MessageSquareTextIcon, MinimizeIcon, MoreHorizontalIcon, NavAgentsIcon, NavApplicationsFilledIcon, NavApplicationsLinedIcon, NavLaunchIcon, NewWorkspaceIcon, NewWorkspaceLinedIcon, NoWorkspaceLinedIcon, OpenLinkLinedIcon, OpenSessionsIcon, OverviewLayoutIcon, PanelIcon, PauseIcon, PinFilledIcon, PinIcon, PlatformIcon, PlayIcon, ProductDocIcon, ProductIcon, RecentLinedIcon, RefreshIcon, RestoreIcon, RoomsHintIcon, SearchIcon, SettingsIcon, SignOutIcon, SuccessFilledIcon, SuccessLinedIcon, TaskIcon, TerminalLinedIcon, ThinkingIcon, ToolsIcon, TuttiMark, UnavailableChatIcon, UninstallIcon, UpgradeArrowIcon, UploadFolderIcon, UploadIcon, UserLinedIcon, VideoFileIcon, ViewGridLinedIcon, ViewListLinedIcon, WarningFilledIcon, WarningLinedIcon, WeChatIcon, WebIcon, WebScrapeIcon, WindowTrafficLightIcon, WindowTrafficLightIconName, WindowTrafficLightIconProps } from './icons/index.js';
 export { TuttiDateLocale, formatTuttiDateTime, formatTuttiShortDateTime, getCurrentTuttiDateLocale } from './date-format.js';
 export { cn } from './utils.js';
 export { ExternalToast, ToasterProps, toast } from 'sonner';
+import 'radix-ui';
+import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority/types';
-import 'react';
 import 'class-variance-authority';
-import 'radix-ui';
 import 'vaul';
 import 'react-resizable-panels';
 import '@dnd-kit/core';

package/dist/index.js

@@ -1,4 +1,5 @@
 import {
+  Avatar,
   Badge,
   BareIconButton,
   Button,
@@ -124,7 +125,7 @@ import {
   toast,
   toastVariants,
   useTextOverflow
-} from "./chunk-OW6744SQ.js";
+} from "./chunk-QSVO3ZI2.js";
 import {
   formatTuttiDateTime,
   formatTuttiShortDateTime,
@@ -265,6 +266,7 @@ export {
   ArrowLeftIcon,
   ArrowRightIcon,
   AskLinedIcon,
+  Avatar,
   Badge,
   BareIconButton,
   BillingIcon,

package/dist/metadata/components.json

@@ -94,6 +94,28 @@
       "useCases": ["Drag handles", "Reorder controls"],
       "migrationHints": []
     },
+    {
+      "id": "avatar",
+      "layer": "base",
+      "name": "Avatar",
+      "export": "Avatar",
+      "from": "@tutti-os/ui-system/components",
+      "category": "primitive",
+      "status": "stable",
+      "source": "src/components/avatar/index.tsx",
+      "description": "High-level identity image primitive with initial, empty, loading, and broken-image fallback states.",
+      "propsType": "AvatarProps",
+      "useCases": [
+        "People and account identity",
+        "Agent identity",
+        "Compact image surfaces with caller-owned overlays"
+      ],
+      "migrationHints": [
+        "Pass a stable label even when src is available so broken images have a meaningful fallback.",
+        "Use children for caller-owned presence badges and other overlays."
+      ],
+      "storyboard": true
+    },
     {
       "id": "badge",
       "layer": "base",

package/dist/metadata/index.js

@@ -95,6 +95,28 @@ var components_default = {
       useCases: ["Drag handles", "Reorder controls"],
       migrationHints: []
     },
+    {
+      id: "avatar",
+      layer: "base",
+      name: "Avatar",
+      export: "Avatar",
+      from: "@tutti-os/ui-system/components",
+      category: "primitive",
+      status: "stable",
+      source: "src/components/avatar/index.tsx",
+      description: "High-level identity image primitive with initial, empty, loading, and broken-image fallback states.",
+      propsType: "AvatarProps",
+      useCases: [
+        "People and account identity",
+        "Agent identity",
+        "Compact image surfaces with caller-owned overlays"
+      ],
+      migrationHints: [
+        "Pass a stable label even when src is available so broken images have a meaningful fallback.",
+        "Use children for caller-owned presence badges and other overlays."
+      ],
+      storyboard: true
+    },
     {
       id: "badge",
       layer: "base",