organify-ui 0.3.8 → 0.3.10

package/dist/index.d.ts

@@ -37,7 +37,7 @@ export { AiAdminLog, AiAdminLogsResponse, AiAdminStatsResponse, AiAdminUserStat,
 declare function cn(...inputs: ClassValue[]): string;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "default" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -53,7 +53,7 @@ declare function Button({ className, variant, size, asChild, loading, children,
  * Squircle radius, organic easing, focus glow.
  */
 declare const inputVariants: (props?: ({
-    variant?: "default" | "flat" | "rounded" | "error" | "cream" | null | undefined;
+    variant?: "error" | "flat" | "default" | "rounded" | "cream" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
     label?: string;
@@ -100,7 +100,7 @@ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAtt
  * Theme-aware: uses CSS variables for theme switching.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "error" | "in-flow" | "primary" | "success" | "warning" | "info" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
+    variant?: "success" | "error" | "warning" | "info" | "default" | "in-flow" | "primary" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     /** Animated pulse dot */
@@ -233,7 +233,7 @@ declare function OrgLoaderInline({ className, ...props }: React.SVGProps<SVGSVGE
  * - Semantic border colors per variant
  */
 declare const alertVariants: (props?: ({
-    variant?: "error" | "success" | "warning" | "info" | null | undefined;
+    variant?: "success" | "error" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     /** Alert title */
@@ -262,7 +262,7 @@ declare function Alert({ className, variant, title, description, icon, onClose,
  * - Close button on top right
  */
 declare const toastVariants: (props?: ({
-    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
+    variant?: "success" | "error" | "warning" | "info" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
     /** Close handler */
@@ -384,9 +384,9 @@ declare function SettingsSkeleton({ className }: {
  * - `flat`: no clip-path, rounded corners
  */
 declare const glassPanelVariants: (props?: ({
-    variant?: "default" | "flat" | "cream" | "alt" | "highlight" | null | undefined;
+    variant?: "flat" | "default" | "cream" | "alt" | "highlight" | null | undefined;
     corners?: "none" | "both" | "br" | "tl" | null | undefined;
-    padding?: "sm" | "default" | "lg" | "xl" | "none" | null | undefined;
+    padding?: "none" | "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface GlassPanelProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof glassPanelVariants> {
     /** Add the in-flow indicator dot */
@@ -477,7 +477,7 @@ declare function SidebarButton({ item, expanded, renderLink, onNavigate, }: {
     expanded: boolean;
     renderLink?: DockSidebarProps['renderLink'];
     onNavigate?: () => void;
-}): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 interface WorkspaceSwitcherProps {
     /** Whether the sidebar is collapsed (icon-only mode) */
@@ -515,7 +515,7 @@ declare function Logo({ size, variant, animated, className, ...props }: LogoProp
  * From Brand Assets & Icons HTML.
  */
 declare const geometricIconVariants: (props?: ({
-    variant?: "default" | "outline" | "error" | "cream" | "filled" | "success" | "warning" | null | undefined;
+    variant?: "success" | "error" | "warning" | "default" | "outline" | "cream" | "filled" | null | undefined;
     size?: "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface GeometricIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof geometricIconVariants> {
@@ -606,7 +606,7 @@ declare function StepConnector({ status, variant, }: {
  * From Brand Assets & Icons HTML.
  */
 declare const statusPillVariants: (props?: ({
-    variant?: "default" | "error" | "cream" | "in-flow" | "primary" | "success" | "warning" | "info" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
+    variant?: "success" | "error" | "warning" | "info" | "default" | "cream" | "in-flow" | "primary" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
     size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface StatusPillProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusPillVariants> {
@@ -709,6 +709,7 @@ interface TaskDetailData {
     commentCount?: number;
     attachmentCount?: number;
     subtasks?: TaskSubtask[];
+    assigneeGroup?: TaskAssignee;
 }
 interface TaskDetailSheetProps {
     task: TaskDetailData | null;
@@ -724,10 +725,13 @@ interface TaskDetailSheetProps {
     onRemoveAssignee?: (taskId: string, assigneeId: string) => void;
     onToggleAssignee?: (taskId: string, assignee: TaskAssignee) => void;
     availableUsers?: TaskAssignee[];
+    availableGroups?: TaskAssignee[];
+    onToggleAssigneeGroup?: (taskId: string, group: TaskAssignee | null) => void;
     onAddSubtask?: (taskId: string, title: string) => Promise<void>;
     onToggleSubtask?: (taskId: string, subtaskId: string, completed: boolean) => Promise<void>;
     onDeleteSubtask?: (taskId: string, subtaskId: string) => Promise<void>;
     onUpdateSubtask?: (taskId: string, subtaskId: string, title: string) => Promise<void>;
+    onDeleteTask?: (taskId: string) => Promise<void>;
     comments?: Comment[];
     currentUser?: CommentAuthor;
     loading?: boolean;
@@ -741,7 +745,7 @@ interface TaskDetailSheetProps {
         color: string;
     }[];
 }
-declare function TaskDetailSheet({ task, open, onOpenChange, onUpdate, onAddLabel, onRemoveLabel, onToggleLabel, onCreateLabel, availableLabels, onAddAssignee, onRemoveAssignee, onToggleAssignee, availableUsers, onAddSubtask, onToggleSubtask, onDeleteSubtask, onUpdateSubtask, comments, currentUser, loading, availableStatuses, availablePriorities, }: TaskDetailSheetProps): react_jsx_runtime.JSX.Element;
+declare function TaskDetailSheet({ task, open, onOpenChange, onUpdate, onAddLabel, onRemoveLabel, onToggleLabel, onCreateLabel, availableLabels, onAddAssignee, onRemoveAssignee, onToggleAssignee, availableUsers, availableGroups, onToggleAssigneeGroup, onAddSubtask, onToggleSubtask, onDeleteSubtask, onUpdateSubtask, onDeleteTask, comments, currentUser, loading, availableStatuses, availablePriorities, }: TaskDetailSheetProps): react_jsx_runtime.JSX.Element;
 declare namespace TaskDetailSheet {
     var displayName: string;
 }
@@ -976,11 +980,14 @@ interface KanbanBoardProps {
     onRemoveLabel?: TaskDetailSheetProps['onRemoveLabel'];
     onToggleAssignee?: TaskDetailSheetProps['onToggleAssignee'];
     availableUsers?: TaskDetailSheetProps['availableUsers'];
+    availableGroups?: TaskDetailSheetProps['availableGroups'];
+    onToggleAssigneeGroup?: TaskDetailSheetProps['onToggleAssigneeGroup'];
     onAddAssignee?: TaskDetailSheetProps['onAddAssignee'];
     onRemoveAssignee?: TaskDetailSheetProps['onRemoveAssignee'];
     onAddSubtask?: TaskDetailSheetProps['onAddSubtask'];
     onToggleSubtask?: TaskDetailSheetProps['onToggleSubtask'];
     onDeleteSubtask?: TaskDetailSheetProps['onDeleteSubtask'];
+    onDeleteTask?: TaskDetailSheetProps['onDeleteTask'];
     onUpdateSubtask?: TaskDetailSheetProps['onUpdateSubtask'];
     /** When provided, fires on task click instead of opening internal sheet.
      *  The parent then renders its own TaskDetailSheet with full data (subtasks, comments). */
@@ -1019,7 +1026,7 @@ declare function Column({ column, onTaskClick, onAddTask, onRenameColumn, extern
 declare namespace Column {
     var displayName: string;
 }
-declare function KanbanBoard({ columns, onColumnChange, onTaskMove, onAddTask, onAddColumn, onRenameColumn, className, externalDnD, onTaskUpdate, onToggleLabel, onCreateLabel, availableLabels, onAddLabel, onRemoveLabel, onToggleAssignee, availableUsers, onAddAssignee, onRemoveAssignee, onAddSubtask, onToggleSubtask, onDeleteSubtask, onUpdateSubtask, onTaskClick, }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
+declare function KanbanBoard({ columns, onColumnChange, onTaskMove, onAddTask, onAddColumn, onRenameColumn, className, externalDnD, onTaskUpdate, onToggleLabel, onCreateLabel, availableLabels, onAddLabel, onRemoveLabel, onToggleAssignee, availableUsers, availableGroups, onToggleAssigneeGroup, onAddAssignee, onRemoveAssignee, onAddSubtask, onToggleSubtask, onDeleteSubtask, onDeleteTask, onUpdateSubtask, onTaskClick, }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
 declare namespace KanbanBoard {
     var displayName: string;
 }
@@ -1206,7 +1213,7 @@ declare function Label({ className, ...props }: React.ComponentProps<'label'>):
  * Squircle radius, organic easing, focus glow.
  */
 declare const textareaVariants: (props?: ({
-    variant?: "default" | "flat" | "rounded" | "error" | "cream" | null | undefined;
+    variant?: "error" | "flat" | "default" | "rounded" | "cream" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
     label?: string;

package/dist/index.js

@@ -1,8 +1,8 @@
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-SAYB3NN2.js';
 export { NotificationBell, NotificationItem, NotificationList, OrganifyNotifications, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceAvatarStack, PresenceIndicator, useNotifications, usePresence } from './chunk-SAYB3NN2.js';
 export { createAiClient, useAiChat, useAiCommand, useAiSuggest, useAiUsage } from './chunk-NV4RWAQ2.js';
-export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
 export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
+export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Separator, ResponsiveDialog, Label, Input, Textarea, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-HFX2XZKZ.js';
 export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, InlineAiButton, Input, Label, MOCK_PROJECTS, MOCK_USERS, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, orgLoaderVariants, typingIndicator, useAiInline, useChat } from './chunk-HFX2XZKZ.js';
 import { cn, Avatar, AvatarImage, AvatarFallback, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Skeleton, useOrganify, useOrganifyGql, ScrollArea, useOrganifyUser, useOrganifyApi, Badge, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject } from './chunk-VHQZS77G.js';
@@ -13,7 +13,7 @@ import * as React5 from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { X, XIcon, GripVertical, Check, ChevronRight, Circle, Search, MoreHorizontal, AlertCircle, AlertTriangle, CheckCircle2, Info, Sparkles, Plus, Calendar, Trash2 } from 'lucide-react';
+import { X, XIcon, GripVertical, Check, ChevronRight, Circle, Search, MoreHorizontal, AlertCircle, AlertTriangle, CheckCircle2, Info, Sparkles, Plus, Trash2, Calendar } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -5683,10 +5683,13 @@ function TaskDetailContent({
   onRemoveAssignee,
   onToggleAssignee,
   availableUsers,
+  availableGroups,
+  onToggleAssigneeGroup,
   onAddSubtask,
   onToggleSubtask,
   onDeleteSubtask,
   onUpdateSubtask,
+  onDeleteTask,
   comments,
   currentUser,
   statuses,
@@ -5824,6 +5827,29 @@ function TaskDetailContent({
         assignee.id
       )) })
     ] }),
+    availableGroups && availableGroups.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-theme-muted uppercase tracking-wide", children: "Grupo respons\xE1vel" }),
+        onToggleAssigneeGroup && /* @__PURE__ */ jsx(
+          AssigneePicker,
+          {
+            selectedAssignees: task.assigneeGroup ? [{ id: task.assigneeGroup.id, name: task.assigneeGroup.name, avatarUrl: task.assigneeGroup.avatarUrl }] : [],
+            availableUsers: availableGroups.map((g) => ({ id: g.id, name: g.name, avatarUrl: g.avatarUrl })),
+            onToggle: (group) => {
+              const isSame = task.assigneeGroup?.id === group.id;
+              onToggleAssigneeGroup(task.id, isSame ? null : { id: group.id, name: group.name, avatarUrl: group.avatarUrl });
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: task.assigneeGroup ? /* @__PURE__ */ jsx(
+        AssigneeItem,
+        {
+          assignee: task.assigneeGroup,
+          onRemove: onToggleAssigneeGroup ? () => onToggleAssigneeGroup(task.id, null) : void 0
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-theme-muted italic", children: "Nenhum grupo" }) })
+    ] }),
     /* @__PURE__ */ jsx(Separator, { className: "bg-theme-subtle" }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -5875,6 +5901,22 @@ function TaskDetailContent({
           currentUser
         }
       )
+    ] }),
+    onDeleteTask && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Separator, { className: "bg-theme-subtle" }),
+      /* @__PURE__ */ jsx("div", { className: "pb-2", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "destructive",
+          size: "sm",
+          className: "w-full",
+          onClick: () => onDeleteTask(task.id),
+          children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-2" }),
+            "Excluir tarefa"
+          ]
+        }
+      ) })
     ] })
   ] });
 }
@@ -5917,10 +5959,13 @@ function TaskDetailSheet({
   onRemoveAssignee,
   onToggleAssignee,
   availableUsers,
+  availableGroups,
+  onToggleAssigneeGroup,
   onAddSubtask,
   onToggleSubtask,
   onDeleteSubtask,
   onUpdateSubtask,
+  onDeleteTask,
   comments,
   currentUser,
   loading = false,
@@ -5942,10 +5987,13 @@ function TaskDetailSheet({
       onRemoveAssignee,
       onToggleAssignee,
       availableUsers,
+      availableGroups,
+      onToggleAssigneeGroup,
       onAddSubtask,
       onToggleSubtask,
       onDeleteSubtask,
       onUpdateSubtask,
+      onDeleteTask,
       comments,
       currentUser,
       statuses: availableStatuses,
@@ -6829,11 +6877,14 @@ function KanbanBoard({
   onRemoveLabel,
   onToggleAssignee,
   availableUsers,
+  availableGroups,
+  onToggleAssigneeGroup,
   onAddAssignee,
   onRemoveAssignee,
   onAddSubtask,
   onToggleSubtask,
   onDeleteSubtask,
+  onDeleteTask,
   onUpdateSubtask,
   onTaskClick
 }) {
@@ -7057,11 +7108,14 @@ function KanbanBoard({
         onRemoveLabel,
         onToggleAssignee,
         availableUsers,
+        availableGroups,
+        onToggleAssigneeGroup,
         onAddAssignee,
         onRemoveAssignee,
         onAddSubtask,
         onToggleSubtask,
         onDeleteSubtask,
+        onDeleteTask,
         onUpdateSubtask
       }
     )