organify-ui 0.3.48 → 0.3.49

package/dist/components/chat/index.js

@@ -1,4 +1,4 @@
-export { AiChatSidebar, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, InlineAiButton, MOCK_PROJECTS, MOCK_USERS, MentionPopover, MessageBubble, MessageInput, OrganifyChat, RoomManagementPanel, TypingIndicatorMock, generateAutoReplies, getMockMentionOptions, getRoomPermissions, typingIndicator, useAiInline, useChat } from '../../chunk-MZHUGCBE.js';
+export { AiChatSidebar, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, InlineAiButton, MOCK_PROJECTS, MOCK_USERS, MentionPopover, MessageBubble, MessageInput, OrganifyChat, RoomManagementPanel, TypingIndicatorMock, generateAutoReplies, getMockMentionOptions, getRoomPermissions, typingIndicator, useAiInline, useChat } from '../../chunk-UGEI6BMM.js';
 import '../../chunk-Q2YXAUZX.js';
 import '../../chunk-J5TEVLDY.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js

@@ -4,8 +4,8 @@ import { useAiProjectWizard } from './chunk-XSPNTWET.js';
 export { createAiClient, useAiChat, useAiCommand, useAiProjectWizard, useAiSuggest, useAiUsage } from './chunk-XSPNTWET.js';
 export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
 export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, UserAvatar, ResponsiveDialog, Separator, Label, Input, Textarea, Button, UserDisplayName, Tabs, TabsList, TabsTrigger, TabsContent, resolveUser, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogFooter, DialogClose } from './chunk-MZHUGCBE.js';
-export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, UserAvatar, UserDisplayName, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, invalidateUserCache, orgLoaderVariants, resolveUser, seedUserCache, typingIndicator, useAiInline, useChat, useResolvedUser } from './chunk-MZHUGCBE.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, UserAvatar, ResponsiveDialog, Separator, Label, Input, Textarea, Button, UserDisplayName, Tabs, TabsList, TabsTrigger, TabsContent, resolveUser, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogFooter, DialogClose } from './chunk-UGEI6BMM.js';
+export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, UserAvatar, UserDisplayName, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, invalidateUserCache, orgLoaderVariants, resolveUser, seedUserCache, typingIndicator, useAiInline, useChat, useResolvedUser } from './chunk-UGEI6BMM.js';
 import { cn, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Skeleton, useOrganify, useOrganifyGql, Avatar, AvatarFallback, useOrganifyUser, useOrganifyApi, Badge, ScrollArea, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject, AvatarImage, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-Q2YXAUZX.js';
 export { Avatar, AvatarFallback, AvatarImage, Badge, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, OrganifyContext, OrganifyProvider, ScrollArea, ScrollBar, Skeleton, SkeletonCard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, badgeVariants, cn, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace } from './chunk-Q2YXAUZX.js';
 import { OrgDiamond, OrgPlus, OrgComment, OrgEdit, OrgTrash, OrgSprint, OrgCheckCircle, OrgAttachment, OrgCalendar, OrgMail, OrgBoard, OrgRocket, OrgWarning, OrgFlag, OrgShield, OrgZap, OrgStar } from './chunk-J5TEVLDY.js';
@@ -16,6 +16,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { X, XIcon, Plus, Check, Search, GripVertical, Settings2, ChevronRight, Circle, MoreHorizontal, AlertCircle, AlertTriangle, CheckCircle2, Info, Sparkles, Zap, Trash2, Calendar, Link2, Ban, ArrowRight } from 'lucide-react';
 import { cva } from 'class-variance-authority';
+import { AnimatePresence, motion } from 'framer-motion';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { createPortal } from 'react-dom';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -1085,28 +1086,38 @@ function WorkspaceSwitcher({ compact = false, onCreateWorkspace, className }) {
         ]
       }
     ),
-    isOpen && !isMobile && /* @__PURE__ */ jsx(
-      SwitcherDropdown,
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && !isMobile && /* @__PURE__ */ jsx(
+      motion.div,
       {
-        workspaces,
-        currentSlug: workspace?.slug,
-        loading: workspacesLoading,
-        renderLink,
-        onClose: () => setIsOpen(false),
-        onCreateClick: () => {
-          setIsOpen(false);
-          setCreateDialogOpen(true);
-        },
-        onEditClick: (ws) => {
-          setIsOpen(false);
-          setEditingWorkspace(ws);
-        },
-        onDeleteClick: (ws) => {
-          setIsOpen(false);
-          setDeletingWorkspace(ws);
-        }
+        initial: { opacity: 0, scale: 0.95, y: -4 },
+        animate: { opacity: 1, scale: 1, y: 0 },
+        exit: { opacity: 0, scale: 0.95, y: -4 },
+        transition: { duration: 0.15, ease: "easeOut" },
+        style: { transformOrigin: "top left" },
+        children: /* @__PURE__ */ jsx(
+          SwitcherDropdown,
+          {
+            workspaces,
+            currentSlug: workspace?.slug,
+            loading: workspacesLoading,
+            renderLink,
+            onClose: () => setIsOpen(false),
+            onCreateClick: () => {
+              setIsOpen(false);
+              setCreateDialogOpen(true);
+            },
+            onEditClick: (ws) => {
+              setIsOpen(false);
+              setEditingWorkspace(ws);
+            },
+            onDeleteClick: (ws) => {
+              setIsOpen(false);
+              setDeletingWorkspace(ws);
+            }
+          }
+        )
       }
-    ),
+    ) }),
     isMobile && /* @__PURE__ */ jsx(
       ResponsiveDialog,
       {
@@ -4123,26 +4134,44 @@ function SheetContent({
 }) {
   return /* @__PURE__ */ jsxs(SheetPortal, { children: [
     /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
+        asChild: true,
         className: cn(
-          'data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-2xl dark:shadow-[0_0_40px_rgba(124,58,237,0.15)] transition ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=closed]:duration-300 data-[state=open]:duration-500 bg-theme-surface !bg-[var(--org-bg-surface,"#110e22")] text-theme border border-theme-subtle',
-          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          'fixed z-50 flex flex-col gap-4 shadow-2xl dark:shadow-[0_0_40px_rgba(124,58,237,0.15)] bg-theme-surface !bg-[var(--org-bg-surface,"#110e22")] text-theme border border-theme-subtle',
+          side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "inset-x-0 bottom-0 h-auto border-t",
           className
         ),
         ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-full opacity-70 transition-opacity duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
+        children: /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: "contents",
+            initial: side === "right" ? { x: "100%" } : side === "left" ? { x: "-100%" } : side === "top" ? { y: "-100%" } : { y: "100%" },
+            animate: { x: 0, y: 0 },
+            exit: side === "right" ? { x: "100%" } : side === "left" ? { x: "-100%" } : side === "top" ? { y: "-100%" } : { y: "100%" },
+            transition: { type: "spring", stiffness: 340, damping: 34, mass: 0.75 },
+            style: {
+              position: "fixed",
+              display: "flex",
+              flexDirection: "column",
+              gap: "1rem",
+              ...side === "right" ? { top: 0, right: 0, bottom: 0, width: "75%", maxWidth: "24rem" } : side === "left" ? { top: 0, left: 0, bottom: 0, width: "75%", maxWidth: "24rem" } : side === "top" ? { top: 0, left: 0, right: 0 } : { bottom: 0, left: 0, right: 0 }
+            },
+            children: [
+              children,
+              /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-full opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+                /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ] })
+            ]
+          }
+        )
       }
     )
   ] });