@arbidocs/react 0.4.30 → 0.4.32

package/dist/{chunk-SDUISFTV.js → chunk-OXUFBF5W.js}

@@ -1,11 +1,11 @@
-import { MarkdownRenderer } from './chunk-6YSHODMG.js';
 import { getCollisionPadding, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-N5SVBDLC.js';
+import { MarkdownRenderer } from './chunk-6YSHODMG.js';
 import { cn } from './chunk-SN5YV6FF.js';
 import * as React from 'react';
 import React__default, { createContext, forwardRef, memo, useContext, useState, useRef, useEffect, useCallback, useId, useMemo, Fragment as Fragment$1 } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Circle, Check, X, ChevronDown, ChevronUp, Search, MessageCircleMore, Loader2, Square, Mic, MoreVertical, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, CreditCard, ClipboardList, UserPlus, UserStar, Settings2, Users, User, NotebookPen, NotebookText, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Folder, List, SquareCheckBig, Share2, ChevronsUpDown, Minus, Plus, AlertTriangle, FileX, SkipForward, XCircle, CheckCircle } from 'lucide-react';
+import { Circle, Check, X, ChevronDown, ChevronUp, Search, MessageCircleMore, Loader2, Square, Mic, MoreVertical, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, CreditCard, ClipboardList, UserPlus, UserStar, Settings2, Users, User, NotebookPen, NotebookText, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Folder, List, SquareCheckBig, Minus, Plus, Share2, ChevronsUpDown, AlertTriangle, FileX, SkipForward, XCircle, CheckCircle } from 'lucide-react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { cva } from 'class-variance-authority';
 import { Slot } from '@radix-ui/react-slot';
@@ -92,14 +92,19 @@ function showsOwnText(el) {
   }
   return /\p{L}{2,}/u.test(visible);
 }
-function TooltipTrigger({ asChild, children, ...props }) {
+function TooltipTrigger({
+  asChild,
+  showWithText = false,
+  children,
+  ...props
+}) {
   const ctx = React.useContext(TooltipContext);
   if (!ctx) return /* @__PURE__ */ jsx(Fragment, { children });
   const triggerHandlers = {
     onPointerEnter: (e) => {
       props.onPointerEnter?.(e);
       if (e.pointerType === "touch") return;
-      if (showsOwnText(e.currentTarget)) return;
+      if (!showWithText && showsOwnText(e.currentTarget)) return;
       ctx.show();
     },
     onPointerLeave: (e) => {
@@ -114,7 +119,7 @@ function TooltipTrigger({ asChild, children, ...props }) {
     },
     onFocus: (e) => {
       props.onFocus?.(e);
-      if (isKeyboardFocus(e.target) && !showsOwnText(e.currentTarget)) ctx.show();
+      if (isKeyboardFocus(e.target) && (showWithText || !showsOwnText(e.currentTarget))) ctx.show();
     },
     onBlur: (e) => {
       props.onBlur?.(e);
@@ -224,6 +229,7 @@ function IconToggle({
   isActive,
   onToggle,
   colors,
+  inactiveColors,
   fillWhenActive = false,
   disabled = false,
   disabledTooltip,
@@ -257,7 +263,7 @@ function IconToggle({
           pointer-coarse:after:absolute pointer-coarse:after:left-1/2 pointer-coarse:after:top-1/2 pointer-coarse:after:size-11 pointer-coarse:after:-translate-x-1/2 pointer-coarse:after:-translate-y-1/2 pointer-coarse:after:content-['']
           transition-colors cursor-pointer
           disabled:opacity-50 disabled:cursor-not-allowed
-          ${isActive ? bgColorClass : isMixed ? "bg-gray-400" : "bg-muted"}
+          ${isActive ? bgColorClass : isMixed ? "bg-muted-foreground" : inactiveColors?.bg ?? "bg-muted"}
         `,
       children: [
         isActive && !disabled && /* @__PURE__ */ jsx("div", { className: "absolute left-0 w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ jsx(Minus, { className: "w-2.5 h-2.5 text-white/70 hidden group-hover/toggle:block" }) }),
@@ -274,7 +280,7 @@ function IconToggle({
             children: /* @__PURE__ */ jsx(
               Icon2,
               {
-                className: `w-2.5 h-2.5 ${isActive ? textColorClass : "text-muted-foreground"} ${isActive && fillWhenActive ? "fill-current" : ""}`
+                className: `w-2.5 h-2.5 ${isActive ? textColorClass : inactiveColors?.text ?? "text-muted-foreground"} ${isActive && fillWhenActive ? "fill-current" : ""}`
               }
             )
           }
@@ -291,8 +297,8 @@ function IconToggle({
   ] });
 }
 var COLORS = {
-  text: "text-primary",
-  bg: "bg-primary"
+  text: "text-secondary",
+  bg: "bg-secondary"
 };
 function isItemShared(item) {
   return item.shared === true || item.is_shared === true;
@@ -337,6 +343,7 @@ function VisibilityToggle({
       isActive: isAllShared,
       onToggle: handleToggle,
       colors: COLORS,
+      inactiveColors: { text: "text-primary", bg: "bg-primary/10" },
       disabled: disabled || itemsArray.length === 0,
       disabledTooltip,
       showLabel,
@@ -3280,10 +3287,14 @@ var VISIBILITY_ICONS = {
 };
 var VisibilityIcon = ({
   isShared,
+  className,
   ...props
 }) => {
   const IconComponent = isShared ? VISIBILITY_ICONS.SHARED : VISIBILITY_ICONS.PRIVATE;
-  return React__default.createElement(IconComponent, props);
+  return React__default.createElement(IconComponent, {
+    ...props,
+    className: [isShared ? "text-secondary" : "text-primary", className].filter(Boolean).join(" ")
+  });
 };
 
 // src/entities/colors.ts
@@ -3727,5 +3738,5 @@ function DocumentCard({
 }
 
 export { AgentBadge, AiMarkdown, ArbiBotHeadIcon, AudIcon, Avatar, AvatarFallback, AvatarImage, BASE_COLORS2 as BASE_COLORS, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DictateProvider, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, ImgIcon, InlineMicButton, Input, Label, MarkMenu, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as NEUTRAL_GRAY, PLACEHOLDER_COLOR, PassageCard, PdfIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VisibilityIcon, VisibilityToggle, badgeVariants, buttonVariants, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, formatElapsed, getDocIcon, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, toggleVariants, useAudioRecorder };
-//# sourceMappingURL=chunk-SDUISFTV.js.map
-//# sourceMappingURL=chunk-SDUISFTV.js.map
+//# sourceMappingURL=chunk-OXUFBF5W.js.map
+//# sourceMappingURL=chunk-OXUFBF5W.js.map