organify-ui 0.3.2 → 0.3.3

package/dist/{chunk-GQZMW7XN.js → chunk-Z7OW3K7Y.js}

@@ -175,12 +175,12 @@ var buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-primary text-white hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
-        outline: "border bg-background border-input text-gray-900 hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:text-white dark:hover:bg-input/50",
-        secondary: "bg-secondary text-gray-900 hover:bg-secondary/80 dark:text-white",
-        ghost: "text-gray-900 hover:bg-accent hover:text-accent-foreground dark:text-white dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bg-primary !text-white hover:bg-primary/90",
+        destructive: "!bg-destructive !text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
+        outline: "border bg-background border-input !text-white hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:text-white dark:hover:bg-input/50",
+        secondary: "bg-secondary !text-white hover:bg-secondary/80 !dark:text-white",
+        ghost: "!text-white hover:bg-accent hover:text-accent-foreground !dark:text-white dark:hover:bg-accent/50",
+        link: "!text-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
@@ -1687,9 +1687,8 @@ function DialogContent({
       {
         "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-2 p-6 shadow-xl duration-[400ms] sm:max-w-lg",
-          "bg-white text-gray-900 border-gray-300 dark:bg-gray-900 dark:text-white dark:border-gray-700",
-          "dark:shadow-[0_24px_80px_-15px_rgba(0,0,0,0.8)]",
+          "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 p-6 shadow-2xl duration-[400ms] sm:max-w-lg",
+          "[background:var(--org-bg-elevated)] [color:var(--org-text)] [border-color:var(--org-glass-border)]",
           className
         ),
         ...props,
@@ -1805,7 +1804,7 @@ function DrawerContent({
             },
             className: cn(
               "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border-2",
-              "border-gray-300 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
+              "[background:var(--org-bg-elevated)] [color:var(--org-text)] [border-color:var(--org-glass-border)]",
               className
             ),
             children: [
@@ -1891,13 +1890,7 @@ function ResponsiveDialog({
     return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
       DialogContent,
       {
-        className: cn(
-          "max-w-2xl max-h-[85vh] overflow-y-auto",
-          "border-2 bg-white text-gray-900 border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
-          "dark:shadow-[0_24px_80px_-15px_rgba(0,0,0,0.8)]",
-          "shadow-xl",
-          contentClassName
-        ),
+        className: cn("max-w-2xl max-h-[85vh] overflow-y-auto", contentClassName),
         children: [
           (title || description) && /* @__PURE__ */ jsxs(DialogHeader, { children: [
             title && /* @__PURE__ */ jsx(DialogTitle, { className: "text-lg", children: title }),
@@ -1909,24 +1902,14 @@ function ResponsiveDialog({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    DrawerContent,
-    {
-      className: cn(
-        "max-h-[90vh]",
-        "border-t-2 border-gray-300 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
-        contentClassName
-      ),
-      children: [
-        (title || description) && /* @__PURE__ */ jsxs(DrawerHeader, { className: "text-left", children: [
-          title && /* @__PURE__ */ jsx(DrawerTitle, { className: "text-lg", children: title }),
-          description && /* @__PURE__ */ jsx(DrawerDescription, { className: "text-muted-foreground text-sm", children: description })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("overflow-y-auto px-4 pb-4", className), children }),
-        footer && /* @__PURE__ */ jsx(DrawerFooter, { children: footer })
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DrawerContent, { className: cn("max-h-[90vh]", contentClassName), children: [
+    (title || description) && /* @__PURE__ */ jsxs(DrawerHeader, { className: "text-left", children: [
+      title && /* @__PURE__ */ jsx(DrawerTitle, { className: "text-lg", children: title }),
+      description && /* @__PURE__ */ jsx(DrawerDescription, { className: "text-muted-foreground text-sm", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn("overflow-y-auto px-4 pb-4", className), children }),
+    footer && /* @__PURE__ */ jsx(DrawerFooter, { children: footer })
+  ] }) });
 }
 ResponsiveDialog.displayName = "ResponsiveDialog";
 var Tabs = TabsPrimitive.Root;
@@ -4138,5 +4121,5 @@ function OrganifyChat({
 }
 
 export { Alert, Button, ChatMessages, ChatSidebar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, 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, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, orgLoaderVariants, typingIndicator, useChat };
-//# sourceMappingURL=chunk-GQZMW7XN.js.map
-//# sourceMappingURL=chunk-GQZMW7XN.js.map
+//# sourceMappingURL=chunk-Z7OW3K7Y.js.map
+//# sourceMappingURL=chunk-Z7OW3K7Y.js.map