@3w-witim/ui 0.2.0 → 0.3.1

package/dist/index.d.mts

@@ -174,6 +174,28 @@ interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Varia
 }
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
 
+declare const reactionPillVariants: (props?: ({
+    state?: "default" | "selected" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ReactionPillProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, Omit<VariantProps<typeof reactionPillVariants>, "state"> {
+    /** The reaction emoji. */
+    emoji: string;
+    /** Number of reactors shown next to the emoji. */
+    count: number;
+    /** True when the current user has reacted — brand-tinted, sets aria-pressed. */
+    active?: boolean;
+}
+/**
+ * ReactionPill — an emoji reaction chip (emoji + count).
+ *
+ * Presentation-only: it renders one reaction and toggles it via `onClick`,
+ * with `active` reflecting whether the current user reacted (brand tint +
+ * `aria-pressed`). The reaction list, the "add reaction" affordance and all
+ * mutation / tooltip logic stay in the consumer. Rendered as a `<button>`.
+ */
+declare const ReactionPill: React.ForwardRefExoticComponent<ReactionPillProps & React.RefAttributes<HTMLButtonElement>>;
+
 declare const alertVariants: (props?: ({
     variant?: "danger" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -968,4 +990,4 @@ interface BannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
 }
 declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
 
-export { AVATAR_COLORS, Accordion, AccordionItem, type AccordionItemData, type AccordionItemProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarColor, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarPresence, type AvatarProps, type AvatarSize, AvatarWithPresence, type AvatarWithPresenceProps, Banner, type BannerProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, Dialog, Button as DialogAction, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuEmpty, type DropdownMenuEmptyProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, type EmptyStateProps, Field, type FieldProps, Input, type InputProps, Kbd, type KbdProps, type KpiItem, KpiRow, type KpiRowProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, PRESENCE_LABEL, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, type PaginationNavProps, PaginationNext, PaginationPrevious, type PaginationProps, Popover, type PopoverAlign, type PopoverPlacement, type PopoverProps, Presence, type PresenceProps, type PresenceSize, type PresenceStatus, Progress, type ProgressItem, ProgressList, type ProgressListProps, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Ring, type RingProps, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, SheetBody, SheetDescription, SheetFooter, SheetHandle, SheetHeader, type SheetProps, SheetTitle, Sidebar, SidebarChannel, type SidebarChannelData, type SidebarChannelProps, SidebarDm, type SidebarDmData, type SidebarDmProps, type SidebarItem, SidebarPanel, type SidebarProps, SidebarSection, type SidebarSectionData, type SidebarSectionProps, Skeleton, type SkeletonProps, StackBar, type StackBarProps, type StackSegment, SuccessCheck, type SuccessCheckProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, type ToggleProps, Tooltip, type TooltipPlacement, type TooltipProps, WorkHoursBar, type WorkHoursBarProps, type WorkHoursItem, type WorkHoursState, alertVariants, avatarVariants, bannerVariants, buildPageRange, buttonVariants, cardVariants, checkboxVariants, chipVariants, cn, dialogPanelVariants, dropdownMenuContentVariants, dropdownMenuItemVariants, fieldVariants, inputVariants, labelVariants, paginationItemVariants, popoverContentVariants, progressFillVariants, progressTrackVariants, radioVariants, segmentContainerVariants, segmentItemVariants, selectTriggerVariants, separatorVariants, sheetOverlayVariants, sheetPanelVariants, sidebarContainerVariants, skeletonVariants, tableRowVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleThumbVariants, toggleTrackVariants, tooltipArrowVariants, tooltipContentVariants };
+export { AVATAR_COLORS, Accordion, AccordionItem, type AccordionItemData, type AccordionItemProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarColor, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarPresence, type AvatarProps, type AvatarSize, AvatarWithPresence, type AvatarWithPresenceProps, Banner, type BannerProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, Dialog, Button as DialogAction, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuEmpty, type DropdownMenuEmptyProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, type EmptyStateProps, Field, type FieldProps, Input, type InputProps, Kbd, type KbdProps, type KpiItem, KpiRow, type KpiRowProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, PRESENCE_LABEL, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, type PaginationNavProps, PaginationNext, PaginationPrevious, type PaginationProps, Popover, type PopoverAlign, type PopoverPlacement, type PopoverProps, Presence, type PresenceProps, type PresenceSize, type PresenceStatus, Progress, type ProgressItem, ProgressList, type ProgressListProps, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ReactionPill, type ReactionPillProps, Ring, type RingProps, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, SheetBody, SheetDescription, SheetFooter, SheetHandle, SheetHeader, type SheetProps, SheetTitle, Sidebar, SidebarChannel, type SidebarChannelData, type SidebarChannelProps, SidebarDm, type SidebarDmData, type SidebarDmProps, type SidebarItem, SidebarPanel, type SidebarProps, SidebarSection, type SidebarSectionData, type SidebarSectionProps, Skeleton, type SkeletonProps, StackBar, type StackBarProps, type StackSegment, SuccessCheck, type SuccessCheckProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, type ToggleProps, Tooltip, type TooltipPlacement, type TooltipProps, WorkHoursBar, type WorkHoursBarProps, type WorkHoursItem, type WorkHoursState, alertVariants, avatarVariants, bannerVariants, buildPageRange, buttonVariants, cardVariants, checkboxVariants, chipVariants, cn, dialogPanelVariants, dropdownMenuContentVariants, dropdownMenuItemVariants, fieldVariants, inputVariants, labelVariants, paginationItemVariants, popoverContentVariants, progressFillVariants, progressTrackVariants, radioVariants, reactionPillVariants, segmentContainerVariants, segmentItemVariants, selectTriggerVariants, separatorVariants, sheetOverlayVariants, sheetPanelVariants, sidebarContainerVariants, skeletonVariants, tableRowVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleThumbVariants, toggleTrackVariants, tooltipArrowVariants, tooltipContentVariants };

package/dist/index.d.ts

@@ -174,6 +174,28 @@ interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Varia
 }
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
 
+declare const reactionPillVariants: (props?: ({
+    state?: "default" | "selected" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ReactionPillProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, Omit<VariantProps<typeof reactionPillVariants>, "state"> {
+    /** The reaction emoji. */
+    emoji: string;
+    /** Number of reactors shown next to the emoji. */
+    count: number;
+    /** True when the current user has reacted — brand-tinted, sets aria-pressed. */
+    active?: boolean;
+}
+/**
+ * ReactionPill — an emoji reaction chip (emoji + count).
+ *
+ * Presentation-only: it renders one reaction and toggles it via `onClick`,
+ * with `active` reflecting whether the current user reacted (brand tint +
+ * `aria-pressed`). The reaction list, the "add reaction" affordance and all
+ * mutation / tooltip logic stay in the consumer. Rendered as a `<button>`.
+ */
+declare const ReactionPill: React.ForwardRefExoticComponent<ReactionPillProps & React.RefAttributes<HTMLButtonElement>>;
+
 declare const alertVariants: (props?: ({
     variant?: "danger" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -968,4 +990,4 @@ interface BannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"
 }
 declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
 
-export { AVATAR_COLORS, Accordion, AccordionItem, type AccordionItemData, type AccordionItemProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarColor, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarPresence, type AvatarProps, type AvatarSize, AvatarWithPresence, type AvatarWithPresenceProps, Banner, type BannerProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, Dialog, Button as DialogAction, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuEmpty, type DropdownMenuEmptyProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, type EmptyStateProps, Field, type FieldProps, Input, type InputProps, Kbd, type KbdProps, type KpiItem, KpiRow, type KpiRowProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, PRESENCE_LABEL, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, type PaginationNavProps, PaginationNext, PaginationPrevious, type PaginationProps, Popover, type PopoverAlign, type PopoverPlacement, type PopoverProps, Presence, type PresenceProps, type PresenceSize, type PresenceStatus, Progress, type ProgressItem, ProgressList, type ProgressListProps, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Ring, type RingProps, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, SheetBody, SheetDescription, SheetFooter, SheetHandle, SheetHeader, type SheetProps, SheetTitle, Sidebar, SidebarChannel, type SidebarChannelData, type SidebarChannelProps, SidebarDm, type SidebarDmData, type SidebarDmProps, type SidebarItem, SidebarPanel, type SidebarProps, SidebarSection, type SidebarSectionData, type SidebarSectionProps, Skeleton, type SkeletonProps, StackBar, type StackBarProps, type StackSegment, SuccessCheck, type SuccessCheckProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, type ToggleProps, Tooltip, type TooltipPlacement, type TooltipProps, WorkHoursBar, type WorkHoursBarProps, type WorkHoursItem, type WorkHoursState, alertVariants, avatarVariants, bannerVariants, buildPageRange, buttonVariants, cardVariants, checkboxVariants, chipVariants, cn, dialogPanelVariants, dropdownMenuContentVariants, dropdownMenuItemVariants, fieldVariants, inputVariants, labelVariants, paginationItemVariants, popoverContentVariants, progressFillVariants, progressTrackVariants, radioVariants, segmentContainerVariants, segmentItemVariants, selectTriggerVariants, separatorVariants, sheetOverlayVariants, sheetPanelVariants, sidebarContainerVariants, skeletonVariants, tableRowVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleThumbVariants, toggleTrackVariants, tooltipArrowVariants, tooltipContentVariants };
+export { AVATAR_COLORS, Accordion, AccordionItem, type AccordionItemData, type AccordionItemProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarColor, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarPresence, type AvatarProps, type AvatarSize, AvatarWithPresence, type AvatarWithPresenceProps, Banner, type BannerProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, Dialog, Button as DialogAction, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuEmpty, type DropdownMenuEmptyProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, type EmptyStateProps, Field, type FieldProps, Input, type InputProps, Kbd, type KbdProps, type KpiItem, KpiRow, type KpiRowProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, PRESENCE_LABEL, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, type PaginationNavProps, PaginationNext, PaginationPrevious, type PaginationProps, Popover, type PopoverAlign, type PopoverPlacement, type PopoverProps, Presence, type PresenceProps, type PresenceSize, type PresenceStatus, Progress, type ProgressItem, ProgressList, type ProgressListProps, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ReactionPill, type ReactionPillProps, Ring, type RingProps, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Sheet, SheetBody, SheetDescription, SheetFooter, SheetHandle, SheetHeader, type SheetProps, SheetTitle, Sidebar, SidebarChannel, type SidebarChannelData, type SidebarChannelProps, SidebarDm, type SidebarDmData, type SidebarDmProps, type SidebarItem, SidebarPanel, type SidebarProps, SidebarSection, type SidebarSectionData, type SidebarSectionProps, Skeleton, type SkeletonProps, StackBar, type StackBarProps, type StackSegment, SuccessCheck, type SuccessCheckProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, type ToggleProps, Tooltip, type TooltipPlacement, type TooltipProps, WorkHoursBar, type WorkHoursBarProps, type WorkHoursItem, type WorkHoursState, alertVariants, avatarVariants, bannerVariants, buildPageRange, buttonVariants, cardVariants, checkboxVariants, chipVariants, cn, dialogPanelVariants, dropdownMenuContentVariants, dropdownMenuItemVariants, fieldVariants, inputVariants, labelVariants, paginationItemVariants, popoverContentVariants, progressFillVariants, progressTrackVariants, radioVariants, reactionPillVariants, segmentContainerVariants, segmentItemVariants, selectTriggerVariants, separatorVariants, sheetOverlayVariants, sheetPanelVariants, sidebarContainerVariants, skeletonVariants, tableRowVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleThumbVariants, toggleTrackVariants, tooltipArrowVariants, tooltipContentVariants };