organify-ui 0.2.0 → 0.2.2

package/dist/index.d.ts

@@ -8,9 +8,24 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-export { IconProps, OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgChart, OrgCheck, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgDiamond, OrgDownload, OrgEdit, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMenu, OrgMoon, OrgPlus, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgUnlock, OrgUpload, OrgUser, OrgWordmark, OrgWorkflow, OrgZap } from './icons/index.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { DialogProps } from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as vaul from 'vaul';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Command as Command$1 } from 'cmdk';
+import { Toaster as Toaster$1 } from 'sonner';
+export { IconProps, OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgChart, OrgCheck, OrgCheckCircle, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgCreditCard, OrgDiamond, OrgDoor, OrgDownload, OrgEdit, OrgError, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgInfo, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMail, OrgMention, OrgMenu, OrgMoon, OrgPlus, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgUnlock, OrgUpload, OrgUser, OrgWarning, OrgWave, OrgWordmark, OrgWorkflow, OrgZap } from './icons/index.js';
 export { Theme, ThemeProvider, ThemeProviderProps, useTheme } from './providers/theme-provider.js';
 export { I18nProvider, I18nProviderProps, Locale, TranslationKey, createTranslator, useI18n } from './i18n/index.js';
+export { b as ChatConfig, c as ChatEvents, d as ChatMention, C as ChatMessage, e as ChatMessages, f as ChatPermissions, g as ChatReaction, h as ChatRoom, i as ChatRoomMember, j as ChatSidebar, k as ChatUser, l as CreateRoomDialog, m as MOCK_PROJECTS, n as MOCK_USERS, o as MemberRole, O as OrganifyChat, r as OrganifyChatProps, R as RoomManagementPanel, s as RoomType, t as RoomVisibility, T as TypingIndicatorMock, u as generateAutoReplies, v as getMockMentionOptions, w as getRoomPermissions, x as typingIndicator, y as useChat } from './chat-mock-data-DST5Tn_H.js';
+export { Notification, NotificationBell, NotificationBellProps, NotificationItem, NotificationItemProps, NotificationList, NotificationListProps, NotificationMetadata, NotificationPreferenceChannel, NotificationPreferences, NotificationPriority, NotificationType, OrganifyNotifications, OrganifyNotificationsProps, PresenceAvatarStack, PresenceAvatarStackProps, PresenceIndicator, PresenceIndicatorProps, PresenceStatus, PresenceUser, UserPresence, useNotifications, usePresence } from './components/notifications/index.js';
 
 /**
  * Merge Tailwind CSS classes with clsx — the standard shadcn pattern.
@@ -18,12 +33,10 @@ export { I18nProvider, I18nProviderProps, Locale, TranslationKey, createTranslat
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
- * Button — Geometric Tactile Actions
+ * Button — Organic Squircle Actions
  *
- * Two primary shapes from the design system:
- * - `glass-primary`: clip-path polygon, filled primary bg
- * - `glass-outline`: inverse clip-path, transparent + border
- * - Standard variants: default, secondary, ghost, destructive, link
+ * Organic Design System — smooth squircle shapes, organic easing.
+ * Theme-aware: uses CSS variables for theme switching.
  */
 declare const buttonVariants: (props?: ({
     variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | "cream" | "cream-secondary" | null | undefined;
@@ -36,10 +49,10 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 /**
- * Input — Glass geometric input field
+ * Input — Organic Glass input field
  *
- * From the design system: bg-white/5 backdrop-blur, geometric clip-path corner,
- * floating label support, error state with red accent.
+ * Theme-aware: uses CSS variables for backgrounds and borders.
+ * Squircle radius, organic easing, focus glow.
  */
 declare const inputVariants: (props?: ({
     variant?: "default" | "flat" | "cream" | "rounded" | "error" | null | undefined;
@@ -53,9 +66,10 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
 /**
- * Select — Glass geometric select
+ * Select — Organic glass select
  *
- * Wraps Radix Select with Organify glass styling.
+ * Wraps Radix Select with Organify organic glass styling.
+ * Theme-aware: uses CSS variables for theme switching.
  */
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -71,9 +85,9 @@ declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimit
 declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 /**
- * Toggle / Switch — Glass toggle with geometric styling
+ * Toggle / Switch — Glass toggle with organic styling
  *
- * From the HTML: clip-path container, primary accent when checked.
+ * Organic squircle container, primary accent when checked.
  */
 interface ToggleProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
     label?: string;
@@ -84,7 +98,8 @@ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAtt
 /**
  * Badge — Status badges & context indicators
  *
- * Standard rectangular badges + status flow indicators.
+ * Organic Design System — smooth pill shapes.
+ * Theme-aware: uses CSS variables for theme switching.
  */
 declare const badgeVariants: (props?: ({
     variant?: "default" | "error" | "primary" | "success" | "warning" | "info" | "in-flow" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
@@ -102,6 +117,7 @@ declare function Badge({ className, variant, dot, dotColor, children, ...props }
  *
  * From the Brand Assets HTML: asymmetric shapes with gradient backgrounds,
  * geometric corner accents, status dot indicators.
+ * Theme-aware: uses CSS variables for theme switching.
  */
 declare const avatarVariants: (props?: ({
     shape?: "circle" | "square" | "asym-1" | "asym-2" | "geo" | "geo-inv" | null | undefined;
@@ -119,10 +135,37 @@ declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAtt
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
+interface UserAvatarProps extends Omit<AvatarProps, 'gradient'> {
+    /** User display name — used for initials fallback */
+    name: string;
+    /** Image URL (optional) */
+    src?: string | null;
+    /** User email (shown on hover) */
+    email?: string;
+    /** User role (shown on hover) */
+    role?: string;
+    /** Whether to show hover card with user info */
+    showHoverInfo?: boolean;
+    /** Custom fallback content (overrides initials) */
+    fallback?: React.ReactNode;
+    /** Extra info lines for hover card */
+    extraInfo?: {
+        label: string;
+        value: string;
+    }[];
+    /** Click handler */
+    onClick?: () => void;
+}
+declare function UserAvatar({ name, src, email, role, showHoverInfo, fallback, extraInfo, onClick, className, size, shape, status, ...props }: UserAvatarProps): react_jsx_runtime.JSX.Element;
+declare namespace UserAvatar {
+    var displayName: string;
+}
+
 /**
- * Tooltip — Glass panel tooltip
+ * Tooltip — Organic glass tooltip
  *
- * From the design system: glass background, arrow, clean typography.
+ * Theme-aware: uses CSS variables for theme switching.
+ * Squircle shape with glass backdrop.
  */
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
@@ -183,12 +226,14 @@ declare function OrgLoader({ size, caption, overlay, className, ...props }: OrgL
 declare function OrgLoaderInline({ className, ...props }: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 /**
- * Alert — Asymmetric alerts with floating icon wrapper
+ * Alert — Organic Glass Alert
  *
- * From the Feedback & Messaging HTML:
- * - border-l-4 with semantic color
- * - floating icon wrapper that rotates slightly and straightens on hover
- * - glass background
+ * Design language matching organic design system:
+ * - Squircle rounding
+ * - Glass backdrop with blur
+ * - border-l-4 semantic color accent
+ * - Floating icon wrapper with slight rotation
+ * - Theme-aware borders using CSS variables
  */
 declare const alertVariants: (props?: ({
     variant?: "error" | "success" | "warning" | "info" | null | undefined;
@@ -211,25 +256,34 @@ interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
 declare function Alert({ className, variant, title, description, icon, onClose, action, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
 
 /**
- * Toast — Asymmetric Glow Toasts
+ * Toast — Organic Glass Toast
  *
- * From the Feedback HTML:
- * - Glass panel with rounded corners
- * - Asymmetric glow shadow behind (offset, blurred)
- * - Optional progress bar, avatar, close button
- *
- * NOTE: This is the visual component only.
- * For a full toast system, pair with Sonner or a toast context.
+ * Design language matching organic design system:
+ * - Squircle rounding
+ * - Glass backdrop with blur
+ * - Theme-aware borders using CSS variables
+ * - Colored left accent border for variant indication
+ * - Auto-dismiss with optional progress bar
  */
-interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Glow color class, e.g. 'bg-blue-500/30' */
-    glowColor?: string;
-    /** Glow offset direction */
-    glowDirection?: 'right' | 'left';
+declare const toastVariants: (props?: ({
+    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
     /** Close handler */
     onClose?: () => void;
+    /** Custom icon element (overrides default variant icon) */
+    icon?: React.ReactNode;
+    /** Title text */
+    title?: string;
+    /** Description text */
+    description?: string;
+    /** Action button */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
 }
-declare function Toast({ className, glowColor, glowDirection, onClose, children, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
+declare function Toast({ className, variant, onClose, icon, title, description, action, children, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
 /**
  * ToastProgress — Progress bar inside a toast
  */
@@ -262,6 +316,67 @@ interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare function EmptyState({ className, icon, title, description, actionLabel, onAction, ...props }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 
+declare function useMediaQuery(query: string): boolean;
+interface TaskDetailPanelProps {
+    /** Whether the panel is open */
+    open: boolean;
+    /** Callback when open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** Task title (shown in header) */
+    title?: string;
+    /** Task subtitle / number */
+    subtitle?: string;
+    /** Panel content */
+    children: React.ReactNode;
+    /** Desktop breakpoint query */
+    desktopQuery?: string;
+    /** Loading state — shows skeleton content instead of children */
+    loading?: boolean;
+    /** Error state — shows error fallback instead of children */
+    error?: string | null;
+    /** Empty state — shows empty fallback instead of children */
+    empty?: boolean;
+    /** Custom loading skeleton (default: built-in skeleton) */
+    loadingSkeleton?: React.ReactNode;
+    /** Custom empty state content */
+    emptyContent?: React.ReactNode;
+    /** Retry callback for error state */
+    onRetry?: () => void;
+}
+declare function TaskDetailPanel({ open, onOpenChange, title, subtitle, children, desktopQuery, loading, error, empty, loadingSkeleton, emptyContent, onRetry, }: TaskDetailPanelProps): react_jsx_runtime.JSX.Element;
+declare namespace TaskDetailPanel {
+    var displayName: string;
+}
+
+declare function BoardSkeleton({ className, columns }: {
+    className?: string;
+    columns?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function TaskListSkeleton({ className, rows }: {
+    className?: string;
+    rows?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function ProjectListSkeleton({ className, items }: {
+    className?: string;
+    items?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function SprintSkeleton({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function DashboardSkeleton({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function MemberListSkeleton({ className, rows }: {
+    className?: string;
+    rows?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function ChatSkeleton({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SettingsSkeleton({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 /**
  * GlassPanel — Core layout container
  *
@@ -311,6 +426,71 @@ interface DockButtonProps {
 }
 declare function DockButton({ item }: DockButtonProps): react_jsx_runtime.JSX.Element;
 
+interface SidebarNavItem {
+    id: string;
+    icon: React.ReactNode;
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    active?: boolean;
+    badge?: number | string;
+    disabled?: boolean;
+}
+interface SidebarNavSeparator {
+    type: 'separator';
+    label?: string;
+}
+type SidebarNavEntry = SidebarNavItem | SidebarNavSeparator;
+interface DockSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Navigation items */
+    items: SidebarNavEntry[];
+    /** Bottom-pinned items (e.g., settings, profile) */
+    bottomItems?: SidebarNavEntry[];
+    /** Header slot (e.g., logo or workspace avatar) */
+    header?: React.ReactNode;
+    /** Whether the sidebar is expanded */
+    expanded?: boolean;
+    /** Callback when expanded state changes */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Render custom link element (for Next.js Link etc.) */
+    renderLink?: (props: {
+        href: string;
+        children: React.ReactNode;
+        className: string;
+        onClick?: () => void;
+    }) => React.ReactNode;
+}
+declare function DockSidebar({ items, bottomItems, header, expanded, onExpandedChange, renderLink, className, ...props }: DockSidebarProps): react_jsx_runtime.JSX.Element;
+declare namespace DockSidebar {
+    var displayName: string;
+}
+declare function SidebarEntry({ entry, expanded, renderLink, }: {
+    entry: SidebarNavEntry;
+    expanded: boolean;
+    renderLink?: DockSidebarProps['renderLink'];
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarButton({ item, expanded, renderLink, }: {
+    item: SidebarNavItem;
+    expanded: boolean;
+    renderLink?: DockSidebarProps['renderLink'];
+}): 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;
+
+interface WorkspaceSwitcherProps {
+    /** Whether the sidebar is collapsed (icon-only mode) */
+    compact?: boolean;
+    /** Callback when user submits the create workspace form */
+    onCreateWorkspace?: (data: {
+        name: string;
+        description: string;
+    }) => void | Promise<void>;
+    /** Additional CSS class */
+    className?: string;
+}
+declare function WorkspaceSwitcher({ compact, onCreateWorkspace, className }: WorkspaceSwitcherProps): react_jsx_runtime.JSX.Element;
+declare namespace WorkspaceSwitcher {
+    var displayName: string;
+}
+
 /**
  * Logo — Organify geometric diamond logo
  *
@@ -372,6 +552,13 @@ interface MetricCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantP
 }
 declare function MetricCard({ value, label, subtitle, icon, progress, trend, badge, variant, className, ...props }: MetricCardProps): react_jsx_runtime.JSX.Element;
 
+declare function MetricCardSkeleton({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare namespace MetricCardSkeleton {
+    var displayName: string;
+}
+
 /**
  * Stepper — Horizontal workflow steps with connecting line
  *
@@ -384,7 +571,7 @@ interface StepperStep {
     description?: string;
     icon?: React.ReactNode;
 }
-type StepStatus = 'completed' | 'active' | 'pending';
+type StepStatus = 'completed' | 'active' | 'pending' | 'error';
 interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
     steps: StepperStep[];
     /** Index of the currently active step (0-based) */
@@ -393,8 +580,10 @@ interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
     /** Cream light theme */
     variant?: 'default' | 'cream';
+    /** Indices of steps in error state */
+    errorSteps?: number[];
 }
-declare function Stepper({ steps, activeStep, orientation, variant, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
+declare function Stepper({ steps, activeStep, orientation, variant, errorSteps, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
 declare function StepCircle({ status, icon, index, variant, }: {
     status: StepStatus;
     icon?: React.ReactNode;
@@ -427,4 +616,795 @@ interface StatusPillProps extends React.HTMLAttributes<HTMLSpanElement>, Variant
 }
 declare function StatusPill({ variant, size, glow, dot, pulse, icon, children, className, ...props }: StatusPillProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, type AlertProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Dock, DockButton, type DockEntry, type DockItem, type DockProps, EmptyState, type EmptyStateProps, GeometricIcon, type GeometricIconProps, GlassPanel, type GlassPanelProps, Input, type InputProps, Logo, type LogoProps, MetricCard, type MetricCardProps, OrgLoader, OrgLoaderInline, type OrgLoaderProps, Progress, type ProgressProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonCard, type SkeletonProps, StatusPill, type StatusPillProps, StepCircle, StepConnector, type StepStatus, Stepper, type StepperProps, type StepperStep, Toast, ToastProgress, type ToastProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, geometricIconVariants, glassPanelVariants, inputVariants, metricCardVariants, orgLoaderVariants, statusPillVariants };
+interface CommentAuthor {
+    id: string;
+    displayName: string;
+    avatarUrl: string | null;
+}
+interface CommentReaction {
+    emoji: string;
+    userId: string;
+    displayName?: string;
+}
+interface Comment {
+    id: string;
+    content: string;
+    author: CommentAuthor;
+    parentId: string | null;
+    replies?: Comment[];
+    replyCount: number;
+    reactions: CommentReaction[];
+    createdAt: string;
+    updatedAt: string | null;
+    edited: boolean;
+    /** Optimistic UI status */
+    _status?: 'pending' | 'sent' | 'error';
+}
+interface CommentThreadProps {
+    /** Entity type (task, project, sprint, etc.) */
+    entityType: string;
+    /** Entity ID to comment on */
+    entityId: string;
+    /**
+     * Current user info — if not provided, pulled from OrganifyProvider.
+     */
+    currentUser?: CommentAuthor;
+    /** Pre-loaded comments (if not provided, auto-fetched from API) */
+    comments?: Comment[];
+    /** Callback to fetch comments (if not provided, uses OrganifyProvider API) */
+    onFetch?: (entityType: string, entityId: string) => Promise<Comment[]>;
+    /** Callback to add a comment (if not provided, uses OrganifyProvider API) */
+    onAdd?: (input: {
+        entityType: string;
+        entityId: string;
+        content: string;
+        parentId?: string;
+    }) => Promise<Comment>;
+    /** Callback to edit a comment (if not provided, uses OrganifyProvider API) */
+    onEdit?: (commentId: string, content: string) => Promise<Comment>;
+    /** Callback to delete a comment (if not provided, uses OrganifyProvider API) */
+    onDelete?: (commentId: string) => Promise<void>;
+    /** Callback to toggle reaction */
+    onReact?: (commentId: string, emoji: string) => Promise<void>;
+    /** Max visible comments before "show more" */
+    maxVisible?: number;
+    /** CSS class */
+    className?: string;
+}
+
+type TaskStatus = 'TODO' | 'IN_PROGRESS' | 'DONE' | 'BLOCKED' | 'REVIEW';
+type TaskPriority = 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT';
+interface TaskLabel {
+    id: string;
+    name: string;
+    color: string;
+}
+interface TaskAssignee {
+    id: string;
+    name: string;
+    avatarUrl?: string;
+}
+interface TaskSubtask {
+    id: string;
+    title: string;
+    completed: boolean;
+}
+interface TaskDetailData {
+    id: string;
+    title: string;
+    description?: string;
+    number?: number;
+    status: TaskStatus;
+    priority: TaskPriority;
+    labels: TaskLabel[];
+    assignees: TaskAssignee[];
+    dueDate?: string;
+    startDate?: string;
+    storyPoints?: number;
+    subtaskCount?: number;
+    subtaskDone?: number;
+    commentCount?: number;
+    attachmentCount?: number;
+    subtasks?: TaskSubtask[];
+}
+interface TaskDetailSheetProps {
+    task: TaskDetailData | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onUpdate?: (taskId: string, updates: Partial<TaskDetailData>) => Promise<void>;
+    onAddLabel?: (taskId: string) => void;
+    onRemoveLabel?: (taskId: string, labelId: string) => void;
+    onToggleLabel?: (taskId: string, label: TaskLabel) => void;
+    onCreateLabel?: (name: string, color: string) => Promise<TaskLabel>;
+    availableLabels?: TaskLabel[];
+    onAddAssignee?: (taskId: string) => void;
+    onRemoveAssignee?: (taskId: string, assigneeId: string) => void;
+    onToggleAssignee?: (taskId: string, assignee: TaskAssignee) => void;
+    availableUsers?: TaskAssignee[];
+    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>;
+    comments?: Comment[];
+    currentUser?: CommentAuthor;
+    loading?: boolean;
+    availableStatuses?: {
+        value: TaskStatus;
+        label: string;
+    }[];
+    availablePriorities?: {
+        value: TaskPriority;
+        label: string;
+        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 namespace TaskDetailSheet {
+    var displayName: string;
+}
+
+declare const priorityConfig: {
+    readonly CRITICAL: {
+        readonly color: "bg-rose-500";
+        readonly label: "Critical";
+        readonly variant: "error";
+    };
+    readonly URGENT: {
+        readonly color: "bg-rose-500";
+        readonly label: "Urgent";
+        readonly variant: "error";
+    };
+    readonly HIGH: {
+        readonly color: "bg-amber-500";
+        readonly label: "High";
+        readonly variant: "warning";
+    };
+    readonly MEDIUM: {
+        readonly color: "bg-blue-500";
+        readonly label: "Medium";
+        readonly variant: "info";
+    };
+    readonly LOW: {
+        readonly color: "bg-neutral-400";
+        readonly label: "Low";
+        readonly variant: "default";
+    };
+    readonly NONE: {
+        readonly color: "bg-neutral-400";
+        readonly label: "None";
+        readonly variant: "default";
+    };
+};
+interface TaskCardData {
+    id: string;
+    title: string;
+    number?: number;
+    description?: string | null;
+    priority?: keyof typeof priorityConfig;
+    status?: TaskStatus;
+    storyPoints?: number | null;
+    /** Single assignee (legacy support) */
+    assignee?: {
+        id?: string;
+        name: string;
+        avatarUrl?: string | null;
+    } | null;
+    /** Multiple assignees - recommended approach */
+    assignees?: Array<{
+        id: string;
+        name: string;
+        avatarUrl?: string | null;
+    }>;
+    /** Assign to a group instead of individuals */
+    assigneeGroup?: {
+        id: string;
+        name: string;
+        memberCount: number;
+        avatarUrl?: string | null;
+    } | null;
+    labels?: Array<{
+        id: string;
+        name: string;
+        color: string;
+    } | string>;
+    dueDate?: string | null;
+    startDate?: string | null;
+    subtaskCount?: number;
+    subtaskDone?: number;
+    commentCount?: number;
+    attachmentCount?: number;
+    reworkCount?: number;
+    /** Subtasks for detail sheet */
+    subtasks?: Array<{
+        id: string;
+        title: string;
+        completed: boolean;
+    }>;
+    /** Extra fields the consumer can attach for detail rendering */
+    [key: string]: unknown;
+}
+interface TaskCardProps$1 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragStart' | 'onDragEnd'> {
+    /** Task data to render (undefined will show skeleton) */
+    task?: TaskCardData;
+    /** Click handler when card is clicked (if set, internal sheet is disabled unless enableDetailSheet=true) */
+    onTaskClick?: (task: TaskCardData) => void;
+    /** Whether the card is being dragged */
+    isDragging?: boolean;
+    /** Whether the card is selected */
+    isSelected?: boolean;
+    /** Compact variant (less padding, fewer details) */
+    compact?: boolean;
+    /** Enable internal TaskDetailSheet (default true if onTaskClick is not provided) */
+    enableDetailSheet?: boolean;
+    /** Show drag handle for external DnD libraries */
+    showDragHandle?: boolean;
+    /** Callbacks for TaskDetailSheet operations */
+    onUpdate?: (taskId: string, updates: Partial<TaskDetailData>) => Promise<void>;
+    onAddLabel?: (taskId: string) => void;
+    onRemoveLabel?: (taskId: string, labelId: string) => void;
+    onAddAssignee?: (taskId: string) => void;
+    onRemoveAssignee?: (taskId: string, assigneeId: string) => 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>;
+}
+declare function TaskCard$1({ task, onTaskClick, isDragging, isSelected, compact, enableDetailSheet, showDragHandle, onUpdate, onAddLabel, onRemoveLabel, onAddAssignee, onRemoveAssignee, onAddSubtask, onToggleSubtask, onDeleteSubtask, onUpdateSubtask, className, ...props }: TaskCardProps$1): react_jsx_runtime.JSX.Element;
+declare namespace TaskCard$1 {
+    var displayName: string;
+}
+declare function DueDateBadge({ date }: {
+    date: string;
+}): react_jsx_runtime.JSX.Element;
+declare function TaskCardSkeleton({ compact, className }: {
+    compact?: boolean;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare namespace TaskCardSkeleton {
+    var displayName: string;
+}
+
+interface TaskDetailDialogProps {
+    task: TaskCardData | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Comments to display (if not provided, auto-fetched via API) */
+    comments?: Comment[];
+    /** Current user (if not provided, derived from OrganifyProvider) */
+    currentUser?: CommentAuthor;
+}
+declare function TaskDetailDialog({ task, open, onOpenChange, comments, currentUser, }: TaskDetailDialogProps): react_jsx_runtime.JSX.Element | null;
+declare namespace TaskDetailDialog {
+    var displayName: string;
+}
+
+interface KanbanTask {
+    id: string;
+    title: string;
+    description?: string;
+    number?: number;
+    priority?: 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT';
+    status?: 'TODO' | 'IN_PROGRESS' | 'DONE' | 'BLOCKED' | 'REVIEW';
+    labels?: Array<{
+        id: string;
+        name: string;
+        color: string;
+    } | string>;
+    assignee?: {
+        id?: string;
+        name: string;
+        avatarUrl?: string;
+    };
+    assignees?: Array<{
+        id: string;
+        name: string;
+        avatarUrl?: string;
+    }>;
+    dueDate?: string;
+    startDate?: string;
+    storyPoints?: number;
+    subtaskCount?: number;
+    subtaskDone?: number;
+    commentCount?: number;
+    subtasks?: Array<{
+        id: string;
+        title: string;
+        completed: boolean;
+    }>;
+}
+interface KanbanColumnData {
+    id: string;
+    title: string;
+    color?: string;
+    tasks: KanbanTask[];
+}
+interface KanbanBoardProps {
+    columns: KanbanColumnData[];
+    onColumnChange?: (columns: KanbanColumnData[]) => void;
+    onTaskMove?: (taskId: string, fromColumnId: string, toColumnId: string, newIndex: number) => void;
+    /** Called with (columnId, title) when inline task is created */
+    onAddTask?: (columnId: string, title?: string) => void;
+    /** Called with (title) when inline column is created */
+    onAddColumn?: (title?: string) => void;
+    /** Called with (columnId, newTitle) when column is renamed inline */
+    onRenameColumn?: (columnId: string, newTitle: string) => void;
+    className?: string;
+    /**
+     * External drag-and-drop library integration
+     * If true, the component provides data attributes for external DnD
+     * If false, uses internal HTML5 drag-and-drop (basic)
+     */
+    externalDnD?: boolean;
+    /** TaskDetailSheet callbacks */
+    onTaskUpdate?: TaskDetailSheetProps['onUpdate'];
+    onAddLabel?: TaskDetailSheetProps['onAddLabel'];
+    onRemoveLabel?: TaskDetailSheetProps['onRemoveLabel'];
+    onAddAssignee?: TaskDetailSheetProps['onAddAssignee'];
+    onRemoveAssignee?: TaskDetailSheetProps['onRemoveAssignee'];
+    onAddSubtask?: TaskDetailSheetProps['onAddSubtask'];
+    onToggleSubtask?: TaskDetailSheetProps['onToggleSubtask'];
+    onDeleteSubtask?: TaskDetailSheetProps['onDeleteSubtask'];
+    onUpdateSubtask?: TaskDetailSheetProps['onUpdateSubtask'];
+}
+interface TaskCardProps {
+    task: KanbanTask;
+    columnId: string;
+    index: number;
+    onClick: () => void;
+    isDragging?: boolean;
+    externalDnD?: boolean;
+    onDragStart?: (e: React.DragEvent, task: KanbanTask, columnId: string) => void;
+    onDragEnd?: () => void;
+}
+declare function TaskCard({ task, columnId, index, onClick, isDragging, externalDnD, onDragStart, onDragEnd, }: TaskCardProps): react_jsx_runtime.JSX.Element;
+interface ColumnComponentProps {
+    column: KanbanColumnData;
+    onTaskClick: (task: KanbanTask, columnId: string) => void;
+    onAddTask?: (columnId: string, title?: string) => void;
+    onRenameColumn?: (columnId: string, newTitle: string) => void;
+    externalDnD?: boolean;
+    draggedTask?: {
+        task: KanbanTask;
+        fromColumnId: string;
+    } | null;
+    onDragStart?: (e: React.DragEvent, task: KanbanTask, columnId: string) => void;
+    onDragEnd?: () => void;
+    onDragOver?: (e: React.DragEvent, columnId: string) => void;
+    onDrop?: (e: React.DragEvent, columnId: string) => void;
+    isDropTarget?: boolean;
+}
+declare function Column({ column, onTaskClick, onAddTask, onRenameColumn, externalDnD, draggedTask, onDragStart, onDragEnd, onDragOver, onDrop, isDropTarget, }: ColumnComponentProps): react_jsx_runtime.JSX.Element;
+declare namespace Column {
+    var displayName: string;
+}
+declare function KanbanBoard({ columns, onColumnChange, onTaskMove, onAddTask, onAddColumn, onRenameColumn, className, externalDnD, onTaskUpdate, onAddLabel, onRemoveLabel, onAddAssignee, onRemoveAssignee, onAddSubtask, onToggleSubtask, onDeleteSubtask, onUpdateSubtask, }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
+declare namespace KanbanBoard {
+    var displayName: string;
+}
+
+type PlanTier = 'FREE' | 'STARTER' | 'PRO' | 'ENTERPRISE';
+interface PlanLimit {
+    label: string;
+    current: number;
+    max: number;
+    /** Override percentage (0-100) */
+    percentage?: number;
+}
+interface PlanBadgeProps {
+    /** Current plan tier */
+    plan: PlanTier;
+    /** Display mode */
+    variant?: 'badge' | 'compact' | 'full';
+    /** Usage limits to display in full/compact mode */
+    limits?: PlanLimit[];
+    /** Callback for upgrade CTA */
+    onUpgrade?: () => void;
+    /** Whether the plan is on trial */
+    isTrial?: boolean;
+    /** Days remaining in trial */
+    trialDaysLeft?: number;
+    /** CSS class */
+    className?: string;
+}
+declare function PlanBadge({ variant, ...props }: PlanBadgeProps): react_jsx_runtime.JSX.Element;
+
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+}): react_jsx_runtime.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Label({ className, ...props }: React.ComponentProps<'label'>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Textarea — Organic Glass textarea field
+ *
+ * Theme-aware: uses CSS variables for backgrounds and borders.
+ * Squircle radius, organic easing, focus glow.
+ */
+declare const textareaVariants: (props?: ({
+    variant?: "default" | "flat" | "cream" | "rounded" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
+    label?: string;
+    error?: string;
+    labelPosition?: 'left' | 'right';
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Drawer({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof vaul.Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
+
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ResponsiveDialogProps {
+    /** Se o dialog/drawer está aberto */
+    open: boolean;
+    /** Callback quando o estado open muda */
+    onOpenChange: (open: boolean) => void;
+    /** Título do dialog/drawer */
+    title?: string;
+    /** Descrição/subtítulo */
+    description?: string;
+    /** Conteúdo principal */
+    children: React.ReactNode;
+    /** Ações do footer (botões) */
+    footer?: React.ReactNode;
+    /** Query para detectar desktop (default: min-width: 768px) */
+    desktopQuery?: string;
+    /** Classes CSS adicionais */
+    className?: string;
+    /** Classes CSS para o content wrapper */
+    contentClassName?: string;
+}
+declare function ResponsiveDialog({ open, onOpenChange, title, description, children, footer, desktopQuery, className, contentClassName, }: ResponsiveDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace ResponsiveDialog {
+    var displayName: string;
+}
+
+declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+declare function CommandDialog({ children, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty(props: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'> & {
+    separator?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare function Empty({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+type ToasterProps = React.ComponentProps<typeof Toaster$1>;
+/**
+ * Toaster — Sonner integration with organic glass design
+ *
+ * Uses rounded squircle shapes,
+ * glass backdrop, and left accent border matching
+ * the Toast/Alert design language.
+ */
+declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
+
+interface OrganifyWorkspace {
+    id: string;
+    name: string;
+    slug: string;
+    description?: string | null;
+    avatarUrl?: string | null;
+    plan?: {
+        name: string;
+    } | null;
+    _count?: {
+        members?: number;
+        teams?: number;
+        invites?: number;
+    };
+}
+interface OrganifyUser {
+    id: string;
+    name: string;
+    email: string;
+    avatarUrl?: string | null;
+    role?: string;
+}
+interface OrganifyProject {
+    id: string;
+    name: string;
+    slug: string;
+    description?: string | null;
+    type?: string;
+    status?: string;
+}
+interface OrganifyApiConfig {
+    /** Gateway base URL (e.g. http://localhost:4000) */
+    gatewayUrl: string;
+    /** JWT auth token (from cookie or auth state) */
+    authToken?: string;
+    /** Direct service URLs for WebSocket/subscription connections (bypass gateway) */
+    services?: {
+        /** Chat service (e.g. https://organify-chat-service.onrender.com) */
+        chat?: string;
+        /** Notifications service (e.g. https://organify-notifications-service.onrender.com) */
+        notifications?: string;
+        /** Projects service (e.g. https://organify-projects-service.onrender.com) */
+        projects?: string;
+        /** Workspaces service (e.g. https://modern-nikki-organify-studio-787ea453.koyeb.app) */
+        workspaces?: string;
+    };
+}
+type GqlEndpoint = 'projects' | 'chat' | 'notifications' | 'workspaces';
+type RestEndpoint = 'auth' | 'users' | 'onboarding' | 'workspaces' | 'projects';
+interface OrganifyContextValue {
+    api: OrganifyApiConfig;
+    workspace: OrganifyWorkspace | null;
+    workspaceLoading: boolean;
+    workspaces: OrganifyWorkspace[];
+    workspacesLoading: boolean;
+    user: OrganifyUser | null;
+    project: OrganifyProject | null;
+    projectLoading: boolean;
+    navigate?: (path: string) => void;
+    renderLink?: (props: {
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+        onClick?: () => void;
+    }) => React.ReactNode;
+    /** Called when workspaces list changes (create, update, delete) */
+    onWorkspacesChange?: (workspaces: OrganifyWorkspace[]) => void;
+    /** Called when active workspace should change (e.g. after create, switch) */
+    onWorkspaceChange?: (workspace: OrganifyWorkspace | null) => void;
+}
+declare const OrganifyContext: React.Context<OrganifyContextValue>;
+declare function useOrganify(): OrganifyContextValue;
+/** Access the API config (gatewayUrl, authToken, services) for internal fetches */
+declare function useOrganifyApi(): OrganifyApiConfig;
+/**
+ * Universal GraphQL fetch helper — ALL GraphQL requests go through this.
+ *
+ * Includes client-side rate limiting: identical queries are capped at
+ * 5 per 2-second window. If exceeded, the call throws to prevent
+ * runaway loops from overwhelming the backend.
+ *
+ * Usage:
+ *   const gql = useOrganifyGql();
+ *   const data = await gql('projects', CREATE_TASK_MUTATION, { input });
+ *   const data = await gql('chat', GET_ROOMS_QUERY, { workspaceId });
+ *   const data = await gql('workspaces', GET_WORKSPACES_QUERY);
+ *   const data = await gql('notifications', GET_NOTIFICATIONS_QUERY, { filter });
+ */
+declare function useOrganifyGql(): <T = any>(endpoint: GqlEndpoint | string, query: string, variables?: Record<string, any>) => Promise<T>;
+/**
+ * Universal REST fetch helper — ALL REST requests go through this.
+ *
+ * Usage:
+ *   const rest = useOrganifyRest();
+ *   const user = await rest('auth', 'me');
+ *   const data = await rest('auth', 'login', { method: 'POST', body: { email, password } });
+ *   const ws   = await rest('workspaces', '');
+ */
+declare function useOrganifyRest(): <T = any>(endpoint: RestEndpoint | string, path?: string, options?: {
+    method?: string;
+    body?: any;
+    headers?: Record<string, string>;
+}) => Promise<T>;
+declare function useOrganifyWorkspace(): {
+    workspace: OrganifyWorkspace | null;
+    loading: boolean;
+    workspaces: OrganifyWorkspace[];
+    workspacesLoading: boolean;
+    onWorkspacesChange: ((workspaces: OrganifyWorkspace[]) => void) | undefined;
+    onWorkspaceChange: ((workspace: OrganifyWorkspace | null) => void) | undefined;
+};
+declare function useOrganifyUser(): OrganifyUser | null;
+declare function useOrganifyProject(): {
+    project: OrganifyProject | null;
+    loading: boolean;
+};
+declare function useOrganifyNavigation(): {
+    navigate: ((path: string) => void) | undefined;
+    renderLink: ((props: {
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+        onClick?: () => void;
+    }) => React.ReactNode) | undefined;
+};
+interface OrganifyProviderProps {
+    children: React.ReactNode;
+    value: Partial<OrganifyContextValue> & {
+        api: OrganifyApiConfig;
+    };
+}
+declare function OrganifyProvider({ children, value }: OrganifyProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace OrganifyProvider {
+    var displayName: string;
+}
+
+declare function CommentThread({ entityType, entityId, currentUser: currentUserProp, comments: externalComments, onFetch, onAdd, onEdit, onDelete, onReact, maxVisible, className, }: CommentThreadProps): react_jsx_runtime.JSX.Element;
+declare namespace CommentThread {
+    var displayName: string;
+}
+
+interface CommentItemProps {
+    comment: Comment;
+    currentUser: CommentAuthor;
+    depth?: number;
+    onReply: (parentId: string) => void;
+    onEdit?: (commentId: string, content: string) => Promise<any>;
+    onDelete?: (commentId: string) => Promise<void>;
+    onReact?: (commentId: string, emoji: string) => Promise<void>;
+}
+declare function CommentItem({ comment, currentUser, depth, onReply, onEdit, onDelete, onReact, }: CommentItemProps): react_jsx_runtime.JSX.Element;
+
+interface CreateProjectDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Called after successful creation with the new project */
+    onCreated?: (project: {
+        id: string;
+        name: string;
+        slug: string;
+    }) => void;
+}
+declare function CreateProjectDialog({ open, onOpenChange, onCreated, }: CreateProjectDialogProps): react_jsx_runtime.JSX.Element;
+
+interface CreateWorkspaceDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Called after successful creation */
+    onCreated?: (workspace: {
+        id: string;
+        name: string;
+        slug: string;
+    }) => void;
+}
+declare function CreateWorkspaceDialog({ open, onOpenChange, onCreated, }: CreateWorkspaceDialogProps): react_jsx_runtime.JSX.Element;
+
+interface CreateSprintDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Override projectId if not using OrganifyProvider context */
+    projectId?: string;
+    /** Called after successful creation */
+    onCreated?: (sprint: {
+        id: string;
+        name: string;
+    }) => void;
+}
+declare function CreateSprintDialog({ open, onOpenChange, projectId: propProjectId, onCreated, }: CreateSprintDialogProps): react_jsx_runtime.JSX.Element;
+
+interface CreateEpicDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    projectId?: string;
+    onCreated?: (epic: {
+        id: string;
+        name: string;
+    }) => void;
+}
+declare function CreateEpicDialog({ open, onOpenChange, projectId: propProjectId, onCreated, }: CreateEpicDialogProps): react_jsx_runtime.JSX.Element;
+
+interface CreateTaskDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Override project context (otherwise uses OrganifyProvider) */
+    projectId?: string;
+    /** Called after successful creation with the new task */
+    onCreated?: (task: {
+        id: string;
+        title: string;
+        number: number;
+    }) => void;
+}
+declare function CreateTaskDialog({ open, onOpenChange, projectId: projectIdProp, onCreated, }: CreateTaskDialogProps): react_jsx_runtime.JSX.Element;
+
+interface InviteMemberDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    workspaceId?: string;
+    onInvited?: (invite: {
+        id: string;
+        email: string;
+    }) => void;
+}
+declare function InviteMemberDialog({ open, onOpenChange, workspaceId: propWorkspaceId, onInvited, }: InviteMemberDialogProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, type AlertProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, BoardSkeleton, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type Comment, type CommentAuthor, CommentItem, type CommentReaction, CommentThread, type CommentThreadProps, CreateEpicDialog, type CreateEpicDialogProps, CreateProjectDialog, type CreateProjectDialogProps, CreateSprintDialog, type CreateSprintDialogProps, CreateTaskDialog, type CreateTaskDialogProps, CreateWorkspaceDialog, type CreateWorkspaceDialogProps, DashboardSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, DockButton, type DockEntry, type DockItem, type DockProps, DockSidebar, type DockSidebarProps, 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, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, GeometricIcon, type GeometricIconProps, GlassPanel, type GlassPanelProps, type GqlEndpoint, Input, type InputProps, InviteMemberDialog, type InviteMemberDialogProps, KanbanBoard, type KanbanBoardProps, Column as KanbanColumn, type KanbanColumnData, type KanbanTask, TaskCard as KanbanTaskCard, Label, Logo, type LogoProps, MemberListSkeleton, MetricCard, type MetricCardProps, MetricCardSkeleton, OrgLoader, OrgLoaderInline, type OrgLoaderProps, type OrganifyApiConfig, OrganifyContext, type OrganifyContextValue, type OrganifyProject, OrganifyProvider, type OrganifyProviderProps, type OrganifyUser, type OrganifyWorkspace, PlanBadge, type PlanBadgeProps, type PlanLimit, type PlanTier, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, type ProgressProps, ProjectListSkeleton, ResponsiveDialog, type ResponsiveDialogProps, type RestEndpoint, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, type SidebarNavEntry, type SidebarNavItem, Skeleton, SkeletonCard, type SkeletonProps, SprintSkeleton, StatusPill, type StatusPillProps, StepCircle, StepConnector, type StepStatus, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TaskAssignee, TaskCard$1 as TaskCard, type TaskCardData, type TaskCardProps$1 as TaskCardProps, TaskCardSkeleton, type TaskDetailData, TaskDetailDialog, type TaskDetailDialogProps, TaskDetailPanel, type TaskDetailPanelProps, TaskDetailSheet, type TaskDetailSheetProps, type TaskLabel, TaskListSkeleton, type TaskPriority, type TaskStatus, type TaskSubtask, Textarea, Toast, ToastProgress, type ToastProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserAvatar, type UserAvatarProps, WorkspaceSwitcher, type WorkspaceSwitcherProps, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, emptyMediaVariants, geometricIconVariants, glassPanelVariants, inputVariants, metricCardVariants, orgLoaderVariants, priorityConfig, statusPillVariants, useMediaQuery, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace };