organify-ui 0.3.48 → 0.3.49

package/dist/{chunk-MZHUGCBE.js → chunk-UGEI6BMM.js}

@@ -2,10 +2,10 @@ import { cn, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ScrollAre
 import { OrgPlus, OrgSearch, OrgComment, OrgClose, OrgEdit, OrgTeam, OrgGlobe, OrgLock, OrgCheckCircle, OrgError, OrgWarning, OrgInfo, OrgChevronDown, OrgChevronRight, OrgDoor, OrgTrash, OrgCheck, OrgFolder, OrgChevronLeft } from './chunk-J5TEVLDY.js';
 import * as React6 from 'react';
 import React6__default, { useState, useEffect, useCallback } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { motion, AnimatePresence } from 'framer-motion';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { ChevronDown, ChevronUp, Check, XIcon } from 'lucide-react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -1916,29 +1916,39 @@ function DialogContent({
 }) {
   return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
-        className: cn(
-          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl border border-theme-subtle bg-theme-surface !bg-[var(--org-bg-surface,"#110e22")] text-theme p-6 shadow-2xl dark:shadow-[0_0_40px_rgba(124,58,237,0.15)] duration-[400ms] sm:max-w-lg',
-          className
-        ),
+        asChild: true,
         ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxs(
-            DialogPrimitive.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
-              children: [
-                /* @__PURE__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
+        children: /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: cn(
+              'fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl border border-theme-subtle bg-theme-surface !bg-[var(--org-bg-surface,"#110e22")] text-theme p-6 shadow-2xl dark:shadow-[0_0_40px_rgba(124,58,237,0.15)] sm:max-w-lg',
+              className
+            ),
+            initial: { opacity: 0, scale: 0.96, y: 8 },
+            animate: { opacity: 1, scale: 1, y: 0 },
+            exit: { opacity: 0, scale: 0.96, y: 8 },
+            transition: { type: "spring", stiffness: 380, damping: 30, mass: 0.7 },
+            children: [
+              children,
+              showCloseButton && /* @__PURE__ */ jsxs(
+                DialogPrimitive.Close,
+                {
+                  "data-slot": "dialog-close",
+                  className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
+                  children: [
+                    /* @__PURE__ */ jsx(XIcon, {}),
+                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                  ]
+                }
+              )
+            ]
+          }
+        )
       }
     )
   ] });
@@ -4080,68 +4090,111 @@ function OrganifyChat({
             }
           ) })
         ] }),
-        isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [
-          mobileView === "sidebar" && /* @__PURE__ */ jsx("div", { className: "w-full animate-in fade-in-0 slide-in-from-left-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
-            ChatSidebar,
+        isMobile && /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", initial: false, children: [
+          mobileView === "sidebar" && /* @__PURE__ */ jsx(
+            motion.div,
             {
-              rooms: chat.rooms,
-              activeRoomId: chat.activeRoomId,
-              loading: chat.loadingRooms,
-              onSelectRoom: handleRoomSelect,
-              onCreateRoom: () => setCreateDialogOpen(true)
-            }
-          ) }),
-          mobileView === "room" && activeRoom && /* @__PURE__ */ jsx("div", { className: "w-full animate-in fade-in-0 slide-in-from-right-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
-            ChatMessages,
+              className: "w-full",
+              initial: { opacity: 0, x: -24 },
+              animate: { opacity: 1, x: 0 },
+              exit: { opacity: 0, x: -24 },
+              transition: { type: "spring", stiffness: 340, damping: 32 },
+              children: /* @__PURE__ */ jsx(
+                ChatSidebar,
+                {
+                  rooms: chat.rooms,
+                  activeRoomId: chat.activeRoomId,
+                  loading: chat.loadingRooms,
+                  onSelectRoom: handleRoomSelect,
+                  onCreateRoom: () => setCreateDialogOpen(true)
+                }
+              )
+            },
+            "sidebar"
+          ),
+          mobileView === "room" && activeRoom && /* @__PURE__ */ jsx(
+            motion.div,
             {
-              room: activeRoom,
-              messages: chat.messages,
-              loading: chat.loadingMessages,
-              typingUsers: chat.typingUsers,
-              currentUserId: userId,
-              permissions: chat.permissions,
-              onSendMessage: chat.sendMessage,
-              onEditMessage: chat.editMessage,
-              onDeleteMessage: chat.deleteMessage,
-              onReactToMessage: chat.reactToMessage,
-              onTyping: chat.sendTyping,
-              onStopTyping: chat.sendTyping,
-              onOpenManagement: handleOpenManagement,
-              onBack: handleBackToSidebar,
-              isMobile: true,
-              mentionUsers: stableWorkspaceMembers,
-              mentionProjects: stableWorkspaceProjects,
-              hasMore: chat.hasMoreMessages,
-              onLoadMore: chat.loadMoreMessages,
-              loadingMore: chat.loadingMoreMessages
-            }
-          ) }),
-          mobileView === "management" && activeRoom && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-50 flex", children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "flex-1 bg-black/50 backdrop-blur-sm",
-                onClick: handleCloseManagement
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "w-[85%] max-w-sm h-full bg-white/[0.03] backdrop-blur-[40px] border-l border-primary/15 animate-in slide-in-from-right-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
-              RoomManagementPanel,
-              {
-                room: activeRoom,
-                members: chat.roomMembers,
-                currentUserId: userId,
-                permissions: chat.permissions,
-                workspaceMembers: stableWorkspaceMembers,
-                onClose: handleCloseManagement,
-                onUpdateRoom: chat.updateRoom,
-                onArchiveRoom: chat.archiveRoom,
-                onLeaveRoom: chat.leaveRoom,
-                onRemoveMember: chat.removeMember,
-                onUpdateMemberRole: chat.updateMemberRole,
-                onAddMember: chat.addMember
-              }
-            ) })
-          ] })
+              className: "w-full",
+              initial: { opacity: 0, x: 24 },
+              animate: { opacity: 1, x: 0 },
+              exit: { opacity: 0, x: 24 },
+              transition: { type: "spring", stiffness: 340, damping: 32 },
+              children: /* @__PURE__ */ jsx(
+                ChatMessages,
+                {
+                  room: activeRoom,
+                  messages: chat.messages,
+                  loading: chat.loadingMessages,
+                  typingUsers: chat.typingUsers,
+                  currentUserId: userId,
+                  permissions: chat.permissions,
+                  onSendMessage: chat.sendMessage,
+                  onEditMessage: chat.editMessage,
+                  onDeleteMessage: chat.deleteMessage,
+                  onReactToMessage: chat.reactToMessage,
+                  onTyping: chat.sendTyping,
+                  onStopTyping: chat.sendTyping,
+                  onOpenManagement: handleOpenManagement,
+                  onBack: handleBackToSidebar,
+                  isMobile: true,
+                  mentionUsers: stableWorkspaceMembers,
+                  mentionProjects: stableWorkspaceProjects,
+                  hasMore: chat.hasMoreMessages,
+                  onLoadMore: chat.loadMoreMessages,
+                  loadingMore: chat.loadingMoreMessages
+                }
+              )
+            },
+            "room"
+          ),
+          mobileView === "management" && activeRoom && /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              className: "absolute inset-0 z-50 flex",
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              exit: { opacity: 0 },
+              transition: { duration: 0.2 },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "flex-1 bg-black/50 backdrop-blur-sm",
+                    onClick: handleCloseManagement
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    className: "w-[85%] max-w-sm h-full bg-white/[0.03] backdrop-blur-[40px] border-l border-primary/15",
+                    initial: { x: "100%" },
+                    animate: { x: 0 },
+                    exit: { x: "100%" },
+                    transition: { type: "spring", stiffness: 320, damping: 32, mass: 0.8 },
+                    children: /* @__PURE__ */ jsx(
+                      RoomManagementPanel,
+                      {
+                        room: activeRoom,
+                        members: chat.roomMembers,
+                        currentUserId: userId,
+                        permissions: chat.permissions,
+                        workspaceMembers: stableWorkspaceMembers,
+                        onClose: handleCloseManagement,
+                        onUpdateRoom: chat.updateRoom,
+                        onArchiveRoom: chat.archiveRoom,
+                        onLeaveRoom: chat.leaveRoom,
+                        onRemoveMember: chat.removeMember,
+                        onUpdateMemberRole: chat.updateMemberRole,
+                        onAddMember: chat.addMember
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            "management"
+          )
         ] }),
         /* @__PURE__ */ jsx(
           CreateRoomDialog,
@@ -4844,5 +4897,5 @@ function useAiInline({ gatewayUrl, workspaceId, projectId }) {
 }
 
 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, MentionPopover, MessageBubble, MessageInput, 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 };
-//# sourceMappingURL=chunk-MZHUGCBE.js.map
-//# sourceMappingURL=chunk-MZHUGCBE.js.map
+//# sourceMappingURL=chunk-UGEI6BMM.js.map
+//# sourceMappingURL=chunk-UGEI6BMM.js.map