@arbidocs/blocks 0.4.0 → 0.4.2

package/dist/files/index.js

@@ -4,15 +4,15 @@ import { TONE_SURFACE, ToneBadge } from '../chunk-DPLRHEJZ.js';
 import { ActionLink } from '../chunk-S7PSMMRG.js';
 import { ShareControl } from '../chunk-K4BGOPGG.js';
 import { ModalSection, ModalSectionTitle, ModalHeader } from '../chunk-TX2ZICS7.js';
-import { GridView } from '../chunk-DVLEQURC.js';
-export { DEFAULT_DOCUMENT_VIEW_TOGGLE_LABELS, DocumentViewToggle, GridView, ViewToggle } from '../chunk-DVLEQURC.js';
+import { GridView } from '../chunk-QXEJXIP4.js';
+export { DEFAULT_DOCUMENT_VIEW_TOGGLE_LABELS, DocumentViewToggle, GridView, ViewToggle } from '../chunk-QXEJXIP4.js';
 import { SelectionBar, SelectionBarAction } from '../chunk-NUNKSZKU.js';
 export { DEFAULT_SELECTION_BAR_LABELS, SelectionBar, SelectionBarAction } from '../chunk-NUNKSZKU.js';
 import '../chunk-NPLYHR2E.js';
 import '../chunk-76JDDMSP.js';
 import { testIdOr } from '../chunk-7F6CBP3Z.js';
 import { memo, useState, useRef, useEffect, forwardRef, useMemo, useCallback } from 'react';
-import { Check, Ban, Plus, Pencil, PencilLine, Loader2, UploadCloud, X, SlidersHorizontal, Folder, LoaderCircle, Sparkles, AlertCircle, FolderOpen, Upload, FileText, FolderPlus, Globe, Download, FolderUp, Users, XCircle, AlertTriangle, CheckCircle2, Share2, GitCompare, ImagePlus, Crop, ChevronLeft, ChevronRight, Minus, Eye, EyeOff, ArrowLeftRight, CopyX, History, Tags, StickyNote, Columns2, Copy, Undo2, ChevronDown, BookMarked, ExternalLink, Square, RefreshCw, Settings, Unplug, CalendarDays, CheckCircle, CircleSlash, Hourglass, Mail, CornerDownRight, CornerRightDown, Blend, MoreVertical, SquarePen, BookOpen, MessagesSquare, FolderInput, Trash2, NotebookPen, MoreHorizontal, ArrowRightFromLine, ArrowDownToLine, Tag, Bot, Calendar, Search, Hash, List, SquareCheckBig, Columns3, Save, CheckIcon, ArrowUpDown, FileX, ChevronsUpDown, Table2, ArrowRightLeft } from 'lucide-react';
+import { Check, Ban, Plus, Pencil, PencilLine, Loader2, UploadCloud, X, SlidersHorizontal, Folder, LoaderCircle, Sparkles, AlertCircle, FolderOpen, Upload, FileText, FolderPlus, Globe, Download, FolderUp, Users, XCircle, AlertTriangle, CheckCircle2, Share2, GitCompare, ImagePlus, Crop, ChevronLeft, ChevronRight, ZoomIn, Eye, EyeOff, ArrowLeftRight, CopyX, Minus, History, Tags, StickyNote, Columns2, Copy, Undo2, ChevronDown, BookMarked, ExternalLink, Square, RefreshCw, Settings, Unplug, CalendarDays, CheckCircle, CircleSlash, Hourglass, Mail, CornerDownRight, CornerRightDown, Blend, MoreVertical, SquarePen, BookOpen, MessagesSquare, FolderInput, Trash2, NotebookPen, MoreHorizontal, ArrowRightFromLine, ArrowDownToLine, Tag, Bot, Calendar, Search, Hash, List, SquareCheckBig, Columns3, Save, CheckIcon, ArrowUpDown, FileX, ChevronsUpDown, Table2, ArrowRightLeft } from 'lucide-react';
 import { cn, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Input, Tooltip, TooltipTrigger, TooltipContent, Button, Progress, Badge, RadioGroup, RadioGroupItem, Label, ScrollArea, Dialog, DialogContent, DialogTitle, DialogDescription, TooltipProvider, IconToggle, Textarea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem, DialogTrigger, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Checkbox, DialogHeader, CommandSeparator, getTagTypeIcon, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, Switch } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
@@ -1479,9 +1479,7 @@ var DEFAULT_VIEWER_LABELS = {
   cropTitle: "Crop and save as a new version",
   previousPage: "Previous page",
   nextPage: "Next page",
-  zoomIn: "Zoom in",
-  zoomOut: "Zoom out",
-  zoomReset: (level) => `Zoom ${level}. Click to fit the page width.`,
+  zoom: (level) => `Zoom ${level}. Tap to zoom in further, then back to fit the page width.`,
   pageInput: "Page number input",
   pageOfTitle: "Click to go to page",
   pageOf: (page, total) => `Page ${page} of ${total}. Click to navigate.`,
@@ -1758,60 +1756,28 @@ function PdfPageNav({
     }
   );
 }
-function ViewerZoomControl({
-  zoom,
-  canZoomIn,
-  canZoomOut,
-  onZoomIn,
-  onZoomOut,
-  onReset,
-  labels,
-  testIds
-}) {
+function ViewerZoomControl({ zoom, onCycle, labels, testIds }) {
   const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
   const level = `${Math.round(zoom * 100)}%`;
+  const isZoomed = Math.abs(zoom - 1) > 0.02;
   return /* @__PURE__ */ jsxs(
-    "div",
+    Button,
     {
-      className: "absolute bottom-20 left-1/2 z-10 flex -translate-x-1/2 items-center gap-1 rounded-lg border border-border bg-background/95 px-2 py-1 shadow-lg backdrop-blur",
-      "data-testid": testIdOr(testIds?.overlay, { testId: "viewer-zoom-overlay" }),
+      type: "button",
+      variant: "ghost",
+      onClick: onCycle,
+      "aria-label": l.zoom(level),
+      "data-testid": testIdOr(testIds?.button, { testId: "viewer-zoom-button" }),
+      className: "absolute right-3 bottom-4 z-10 hidden h-11 min-w-11 items-center justify-center gap-1 rounded-full border border-border bg-background/95 px-2.5 shadow-md backdrop-blur pointer-coarse:inline-flex",
       children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "size-7 shrink-0 pointer-coarse:size-11",
-            onClick: onZoomOut,
-            disabled: !canZoomOut,
-            "aria-label": l.zoomOut,
-            "data-testid": testIdOr(testIds?.out, { testId: "viewer-zoom-out" }),
-            children: /* @__PURE__ */ jsx(Minus, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
+        /* @__PURE__ */ jsx(ZoomIn, { className: "size-4" }),
+        isZoomed && /* @__PURE__ */ jsx(
+          "span",
           {
-            type: "button",
-            onClick: onReset,
-            className: "min-w-12 rounded px-1 text-center text-sm font-medium tabular-nums hover:bg-muted pointer-coarse:min-h-11",
-            "aria-label": l.zoomReset(level),
+            className: "text-xs font-medium tabular-nums",
             "data-testid": testIdOr(testIds?.level, { testId: "viewer-zoom-level" }),
             children: level
           }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "size-7 shrink-0 pointer-coarse:size-11",
-            onClick: onZoomIn,
-            disabled: !canZoomIn,
-            "aria-label": l.zoomIn,
-            "data-testid": testIdOr(testIds?.in, { testId: "viewer-zoom-in" }),
-            children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
-          }
         )
       ]
     }