@algenium/blocks 1.7.0-rc.7 → 1.8.0

package/dist/index.js

@@ -1,18 +1,18 @@
 import * as React2 from 'react';
-import { createContext, useContext, useState, useCallback, useEffect, useRef, useMemo, useId, useLayoutEffect } from 'react';
+import { createContext, useContext, useState, useCallback, useEffect, useRef, useMemo, useId } from 'react';
 import { useTheme } from 'next-themes';
-import { CheckIcon, CircleIcon, ChevronRightIcon, Monitor, Sun, Moon, Languages, FlaskConical, X, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, XIcon, User, Pencil, Check, Loader2, Bell, CheckCheck, XCircle, AlertTriangle, CheckCircle, Info, Trash2, Clock, MapPin, Link, CalendarDays, ExternalLink, ChevronLeft, ChevronRight, Plus, HelpCircle, MessageSquare, Wifi, WifiOff, FileIcon, Download, Paperclip, Send, ArrowLeft, CreditCard, Search, CheckCircle2, PanelLeftOpen, PanelRightOpen, Maximize2 } from 'lucide-react';
+import { CheckIcon, CircleIcon, ChevronRightIcon, Monitor, Sun, Moon, Languages, FlaskConical, X, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, XIcon, User, Pencil, Check, Loader2, Bell, CheckCheck, XCircle, AlertTriangle, CheckCircle, Info, Trash2, Clock, MapPin, Link, CalendarDays, ExternalLink, ChevronLeft, ChevronRight, Plus, HelpCircle, MessageSquare, Wifi, WifiOff, FileIcon, Download, Paperclip, Send, ArrowLeft, CreditCard, Search, CheckCircle2 } from 'lucide-react';
 import { AnimatePresence, motion } from 'framer-motion';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { startOfMonth, endOfMonth, eachDayOfInterval, endOfWeek, startOfWeek, format, isSameDay, subMonths, addMonths } from 'date-fns';
 import { DayPicker } from 'react-day-picker';
 import valid from 'card-validator';
@@ -3084,6 +3084,11 @@ var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+var miniMenuContentClassName = "max-h-none overflow-x-visible overflow-y-visible";
+var miniMenuContentDefaults = {
+  sideOffset: 8,
+  collisionPadding: 12
+};
 function DropdownMenu({
   ...props
 }) {
@@ -3382,52 +3387,6 @@ function Button({
     }
   );
 }
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TooltipPrimitive.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
-      ]
-    }
-  ) });
-}
 var defaultLabels = {
   theme: "Theme",
   system: "System",
@@ -3471,11 +3430,8 @@ function ThemeSwitcher({
   size = "sm",
   shape = "rounded",
   variant = "default",
-  align = "center",
-  side = "top",
-  tooltipSide = "bottom",
-  tooltipAlign = "center",
-  tooltipSideOffset = 8,
+  align = "end",
+  side = "bottom",
   labels: userLabels
 }) {
   const { theme, setTheme } = useTheme();
@@ -3509,43 +3465,42 @@ function ThemeSwitcher({
   const CurrentIcon = themes.find((t) => t.key === currentTheme)?.icon || Monitor;
   if (variant === "mini") {
     return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            "data-testid": "theme-switcher",
-            variant: "ghost",
-            size: "icon",
-            "aria-label": labels.theme,
-            className: cn(sizes.buttonMini, shapeClass, className),
-            children: /* @__PURE__ */ jsx(CurrentIcon, { className: sizes.iconMini })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(
-          TooltipContent,
-          {
-            side: tooltipSide,
-            align: tooltipAlign,
-            sideOffset: tooltipSideOffset,
-            children: labels.theme
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { side, align, sideOffset: 8, children: themes.map(({ key, icon: Icon }) => /* @__PURE__ */ jsxs(
-        DropdownMenuItem,
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
         {
-          onClick: () => handleThemeClick(key),
-          className: cn(
-            "gap-2 cursor-pointer",
-            currentTheme === key && "bg-accent text-accent-foreground [&_svg]:text-accent-foreground"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: labels[key] })
-          ]
-        },
-        key
-      )) })
+          "data-testid": "theme-switcher",
+          variant: "ghost",
+          size: "icon",
+          "aria-label": labels.theme,
+          className: cn(sizes.buttonMini, shapeClass, className),
+          children: /* @__PURE__ */ jsx(CurrentIcon, { className: sizes.iconMini })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        DropdownMenuContent,
+        {
+          side,
+          align,
+          sideOffset: miniMenuContentDefaults.sideOffset,
+          collisionPadding: miniMenuContentDefaults.collisionPadding,
+          className: miniMenuContentClassName,
+          children: themes.map(({ key, icon: Icon }) => /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              onClick: () => handleThemeClick(key),
+              className: cn(
+                "gap-2 cursor-pointer",
+                currentTheme === key && "bg-accent text-accent-foreground [&_svg]:text-accent-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: labels[key] })
+              ]
+            },
+            key
+          ))
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsx(
@@ -3639,11 +3594,8 @@ function LanguageSwitcher({
   shape = "rounded",
   variant = "default",
   showIcon = true,
-  align = "center",
-  side = "top",
-  tooltipSide = "bottom",
-  tooltipAlign = "center",
-  tooltipSideOffset = 8
+  align = "end",
+  side = "bottom"
 }) {
   const context = useLanguageContext();
   const contextLanguages = context?.languages?.map((lang) => ({
@@ -3661,34 +3613,24 @@ function LanguageSwitcher({
   };
   if (variant === "mini") {
     return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            "aria-label": defaultLabels4.language,
-            className: cn(sizes.buttonMini, shapeClass, className),
-            children: /* @__PURE__ */ jsx(Languages, { className: sizes.iconMini })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(
-          TooltipContent,
-          {
-            side: tooltipSide,
-            align: tooltipAlign,
-            sideOffset: tooltipSideOffset,
-            children: defaultLabels4.language
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          "aria-label": defaultLabels4.language,
+          className: cn(sizes.buttonMini, shapeClass, className),
+          children: /* @__PURE__ */ jsx(Languages, { className: sizes.iconMini })
+        }
+      ) }),
       /* @__PURE__ */ jsx(
         DropdownMenuContent,
         {
           side,
           align,
-          sideOffset: 8,
-          className: "min-w-0 w-auto",
+          sideOffset: miniMenuContentDefaults.sideOffset,
+          collisionPadding: miniMenuContentDefaults.collisionPadding,
+          className: cn(miniMenuContentClassName, "min-w-0 w-auto"),
           children: languages.map(({ key, nativeName }) => /* @__PURE__ */ jsx(
             DropdownMenuItem,
             {
@@ -3888,10 +3830,7 @@ function EnvironmentSwitcher({
   shape = "rounded",
   variant = "mini",
   align = "end",
-  side = "bottom",
-  tooltipSide = "bottom",
-  tooltipAlign = "center",
-  tooltipSideOffset = 8
+  side = "bottom"
 }) {
   const ctx = useEnvironmentContext();
   const labels = { ...defaultLabels2, ...userLabels };
@@ -3907,53 +3846,18 @@ function EnvironmentSwitcher({
   };
   if (variant === "mini") {
     return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            "data-testid": "environment-switcher",
-            variant: "outline",
-            size: "sm",
-            "aria-label": labels.environment,
-            className: cn(
-              sizes.buttonMini,
-              shapeClass,
-              "font-medium tabular-nums border-border bg-background",
-              className
-            ),
-            children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "rounded-full shrink-0 ring-1 ring-background",
-                    sizes.dot,
-                    getEnvironmentDotClass(environment)
-                  ),
-                  "aria-hidden": true
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "max-w-[5.5rem] truncate", children: getEnvironmentLabel(environment, labels) })
-            ]
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(
-          TooltipContent,
-          {
-            side: tooltipSide,
-            align: tooltipAlign,
-            sideOffset: tooltipSideOffset,
-            children: labels.environment
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { side, align, sideOffset: 8, children: environments.map((env) => /* @__PURE__ */ jsxs(
-        DropdownMenuItem,
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
         {
-          onClick: () => handleSelect(env),
+          "data-testid": "environment-switcher",
+          variant: "outline",
+          size: "sm",
+          "aria-label": labels.environment,
           className: cn(
-            "gap-2 cursor-pointer",
-            environment === env && "bg-accent text-accent-foreground [&_svg]:text-accent-foreground"
+            sizes.buttonMini,
+            shapeClass,
+            "font-medium tabular-nums border-border bg-background",
+            className
           ),
           children: [
             /* @__PURE__ */ jsx(
@@ -3962,16 +3866,50 @@ function EnvironmentSwitcher({
                 className: cn(
                   "rounded-full shrink-0 ring-1 ring-background",
                   sizes.dot,
-                  getEnvironmentDotClass(env)
+                  getEnvironmentDotClass(environment)
                 ),
                 "aria-hidden": true
               }
             ),
-            /* @__PURE__ */ jsx("span", { children: getEnvironmentLabel(env, labels) })
+            /* @__PURE__ */ jsx("span", { className: "max-w-[5.5rem] truncate", children: getEnvironmentLabel(environment, labels) })
           ]
-        },
-        env
-      )) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        DropdownMenuContent,
+        {
+          side,
+          align,
+          sideOffset: miniMenuContentDefaults.sideOffset,
+          collisionPadding: miniMenuContentDefaults.collisionPadding,
+          className: miniMenuContentClassName,
+          children: environments.map((env) => /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              onClick: () => handleSelect(env),
+              className: cn(
+                "gap-2 cursor-pointer",
+                environment === env && "bg-accent text-accent-foreground [&_svg]:text-accent-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "rounded-full shrink-0 ring-1 ring-background",
+                      sizes.dot,
+                      getEnvironmentDotClass(env)
+                    ),
+                    "aria-hidden": true
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: getEnvironmentLabel(env, labels) })
+              ]
+            },
+            env
+          ))
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsxs(
@@ -5829,6 +5767,52 @@ function UpcomingEvents({
     );
   }) });
 }
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
 function CalendarSubscribeButton({
   feedUrl,
   label
@@ -7603,26 +7587,6 @@ function CardInput({
     )
   ] });
 }
-
-// src/lib/usAddress.ts
-function splitStreet(street) {
-  const trimmed = street.trim();
-  const m = trimmed.match(/^(\S+)\s+(.+)$/);
-  if (m && /^\d/.test(m[1])) {
-    return { number: m[1], name: m[2].trim() };
-  }
-  return { number: "", name: trimmed };
-}
-function joinStreet(streetNumber, streetName) {
-  return [streetNumber, streetName].map((s) => s.trim()).filter((s) => s.length > 0).join(" ");
-}
-function sanitizeForNls(input) {
-  return input.replace(/[^A-Za-z0-9 .,'#\-/]/g, " ").replace(/\s+/g, " ").trim();
-}
-function composeAddressLine1ForNls(v) {
-  const line = [v.streetNumber, v.streetName, v.apt].filter((s) => typeof s === "string" && s.trim().length > 0).join(" ");
-  return sanitizeForNls(line).slice(0, 40);
-}
 function parseInitial(value) {
   if (!value) {
     return {
@@ -7643,28 +7607,6 @@ function parseInitial(value) {
     country: "US"
   };
 }
-function legacyToModern(legacy) {
-  return {
-    street: joinStreet(legacy.streetNumber, legacy.streetName),
-    street2: legacy.apt ?? "",
-    city: legacy.city,
-    state: legacy.state,
-    zip: legacy.zipCode,
-    country: "US"
-  };
-}
-function toLegacy(modern) {
-  const parts = splitStreet(modern.street);
-  return {
-    streetNumber: sanitizeForNls(parts.number),
-    streetName: sanitizeForNls(parts.name),
-    apt: modern.street2 ? sanitizeForNls(modern.street2) : void 0,
-    city: modern.city.trim(),
-    state: modern.state.trim().toUpperCase(),
-    zipCode: modern.zip.replace(/\D/g, "").slice(0, 5),
-    country: "US"
-  };
-}
 function addressSig(a) {
   return JSON.stringify({
     street: a.street.trim(),
@@ -7690,19 +7632,14 @@ function USAddressInput({
   disabled = false,
   largeText = false,
   className,
-  onError,
-  legacyMode = false,
-  valueLegacy,
-  onChangeLegacy
+  onError
 }) {
   const [searchQuery, setSearchQuery] = useState("");
   const [showSuggestions, setShowSuggestions] = useState(false);
   const [suggestions, setSuggestions] = useState([]);
-  const [address, setAddress] = useState(() => {
-    if (value != null) return parseInitial(value);
-    if (valueLegacy != null) return legacyToModern(valueLegacy);
-    return parseInitial(void 0);
-  });
+  const [address, setAddress] = useState(
+    () => parseInitial(value)
+  );
   const [sessionToken] = useState(
     () => typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random()}`
   );
@@ -7724,22 +7661,6 @@ function USAddressInput({
   const addressRef = useRef(address);
   addressRef.current = address;
   const lastValidatedSigRef = useRef("");
-  const onChangeLegacyRef = useRef(onChangeLegacy);
-  onChangeLegacyRef.current = onChangeLegacy;
-  const legacyModeRef = useRef(legacyMode);
-  legacyModeRef.current = legacyMode;
-  const emitChange = useRef((next) => {
-    onChange(next);
-    if (legacyModeRef.current && onChangeLegacyRef.current) {
-      onChangeLegacyRef.current(toLegacy(next));
-    }
-  });
-  emitChange.current = (next) => {
-    onChange(next);
-    if (legacyModeRef.current && onChangeLegacyRef.current) {
-      onChangeLegacyRef.current(toLegacy(next));
-    }
-  };
   const debouncedSearch = useDebouncedValue(searchQuery, 400);
   const zipDigits = address.zip.replace(/\D/g, "").slice(0, 5);
   const debouncedZip = useDebouncedValue(zipDigits, 400);
@@ -7756,18 +7677,13 @@ function USAddressInput({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const valueSyncKey = value == null ? "" : `o:${JSON.stringify(value)}`;
-  const valueLegacySyncKey = value != null || valueLegacy == null ? null : `l:${JSON.stringify(valueLegacy)}`;
   useEffect(() => {
     setAddress(parseInitial(value));
   }, [valueSyncKey]);
-  useEffect(() => {
-    if (valueLegacySyncKey == null) return;
-    setAddress(legacyToModern(valueLegacy));
-  }, [valueLegacySyncKey]);
   const handleFieldChange = (field, fieldValue) => {
     setAddress((prev) => {
       const next = field === "country" ? { ...prev, country: "US" } : { ...prev, [field]: fieldValue };
-      emitChange.current(next);
+      onChange(next);
       return next;
     });
   };
@@ -7839,7 +7755,7 @@ function USAddressInput({
         if (cityEmpty && data.city) next.city = data.city;
         if (stateEmpty && data.state) next.state = data.state;
         next.country = "US";
-        emitChange.current(next);
+        onChange(next);
         return next;
       });
     }).catch(() => {
@@ -7853,6 +7769,7 @@ function USAddressInput({
     debouncedZip,
     allowZipLookup,
     lookupZip,
+    onChange,
     labels.zipLookupFailed,
     onError
   ]);
@@ -7914,7 +7831,7 @@ function USAddressInput({
         country: "US"
       };
       setAddress(normalized);
-      emitChange.current(normalized);
+      onChange(normalized);
       setShowSuggestions(false);
       setSearchQuery("");
       setUspsSuggestion(null);
@@ -7927,7 +7844,7 @@ function USAddressInput({
   const applyUspsSuggestion = () => {
     if (!uspsSuggestion) return;
     setAddress(uspsSuggestion);
-    emitChange.current(uspsSuggestion);
+    onChange(uspsSuggestion);
     setUspsSuggestion(null);
     lastValidatedSigRef.current = addressSig(uspsSuggestion);
     setUspsVerifiedNoChange(true);
@@ -8167,809 +8084,7 @@ function USAddressInput({
     ] })
   ] });
 }
-function defaultPageOf(page, total) {
-  return `${page} / ${total}`;
-}
-var DEFAULT_WORKER_MSG = "PdfViewer requires a non-empty workerSrc pointing at pdf.worker matching your project's pdfjs-dist version. Example: `new URL('pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url)`.";
-function buildGetDocumentArgs(src, documentOptions) {
-  const rest = documentOptions ?? {};
-  if (typeof src === "string") {
-    return { url: src, ...rest };
-  }
-  return { data: src, ...rest };
-}
-function PdfPageCanvas({
-  page,
-  layout,
-  scale,
-  visible,
-  pageClassName
-}) {
-  const canvasRef = useRef(null);
-  const taskRef = useRef(null);
-  useEffect(() => {
-    if (!visible || !canvasRef.current) {
-      taskRef.current?.cancel();
-      taskRef.current = null;
-      const c = canvasRef.current;
-      if (c) {
-        const ctx2 = c.getContext("2d");
-        if (ctx2) {
-          ctx2.setTransform(1, 0, 0, 1, 0, 0);
-          ctx2.clearRect(0, 0, c.width, c.height);
-        }
-      }
-      return;
-    }
-    const canvas = canvasRef.current;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    const viewport = page.getViewport({ scale });
-    canvas.width = viewport.width;
-    canvas.height = viewport.height;
-    const task = page.render({
-      canvasContext: ctx,
-      viewport,
-      canvas
-    });
-    taskRef.current = task;
-    task.promise.catch(() => {
-    });
-    return () => {
-      task.cancel();
-      if (taskRef.current === task) {
-        taskRef.current = null;
-      }
-    };
-  }, [page, visible, scale]);
-  const w = layout.widthPt * scale;
-  const h = layout.heightPt * scale;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("relative flex justify-center bg-muted/40", pageClassName),
-      style: { width: w, height: h },
-      "data-page": layout.pageNumber,
-      children: visible ? /* @__PURE__ */ jsx(
-        "canvas",
-        {
-          ref: canvasRef,
-          className: "block max-h-full shadow-sm",
-          "aria-hidden": "true"
-        }
-      ) : null
-    }
-  );
-}
-var PAGE_INPUT_CLASS = "h-8 w-14 rounded-md border px-2 text-sm tabular-nums shadow-sm border-neutral-300 bg-white text-neutral-950 caret-neutral-950 selection:bg-neutral-200 selection:text-neutral-950 dark:border-neutral-600 dark:bg-neutral-950 dark:text-neutral-50 dark:caret-neutral-50 dark:selection:bg-neutral-700 dark:selection:text-neutral-50";
-function touchPairDistance(touches) {
-  if (touches.length < 2) return 0;
-  const a = touches.item(0);
-  const b = touches.item(1);
-  return Math.hypot(a.clientX - b.clientX, a.clientY - b.clientY);
-}
-function PdfThumbnailStrip({
-  page,
-  pageNumber,
-  active,
-  onPick,
-  label
-}) {
-  const canvasRef = useRef(null);
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const viewport = page.getViewport({ scale: 1 });
-    const thumbMax = 176;
-    const s = thumbMax / Math.max(viewport.width, viewport.height);
-    const vp = page.getViewport({ scale: s });
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    canvas.width = vp.width;
-    canvas.height = vp.height;
-    const task = page.render({
-      canvasContext: ctx,
-      viewport: vp,
-      canvas
-    });
-    task.promise.catch(() => {
-    });
-    return () => {
-      task.cancel();
-    };
-  }, [page]);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => onPick(pageNumber),
-      className: cn(
-        "flex w-full flex-col items-center gap-1 rounded-md p-2 transition-colors hover:bg-white/5",
-        active ? "bg-white/10" : ""
-      ),
-      "aria-label": label,
-      "aria-current": active ? "page" : void 0,
-      children: [
-        /* @__PURE__ */ jsx(
-          "canvas",
-          {
-            ref: canvasRef,
-            className: "block max-w-full overflow-hidden rounded-sm bg-black",
-            "aria-hidden": true
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] tabular-nums text-neutral-400", children: pageNumber })
-      ]
-    }
-  );
-}
-function PdfViewer({
-  src,
-  workerSrc,
-  documentOptions,
-  initialPage = 1,
-  initialScale = 1,
-  minScale = 0.5,
-  maxScale = 4,
-  scaleStep = 0.2,
-  enableKeyboardShortcuts = true,
-  enablePinchZoom = true,
-  enableThumbnailSidebar = true,
-  thumbnailSidebarDefaultOpen = true,
-  labels,
-  onLoad,
-  onError,
-  onPageChange,
-  onScaleChange,
-  className,
-  toolbarClassName,
-  pageClassName,
-  toolbarEndSlot
-}) {
-  const mergedLabels = labels ?? {};
-  const toolbarLabel = mergedLabels.toolbar ?? "PDF controls";
-  const loadingLabel = mergedLabels.loading ?? "Loading PDF\u2026";
-  const workerErrorMessage = mergedLabels.workerMissing ?? DEFAULT_WORKER_MSG;
-  const errorLabelFallback = mergedLabels.error ?? "Failed to load PDF";
-  const toolbarId = useId();
-  const pageInputId = `${toolbarId}-page`;
-  const thumbnailNavId = `${toolbarId}-thumbnails`;
-  const scrollRef = useRef(null);
-  const observerRef = useRef(null);
-  const lastReportedPage = useRef(0);
-  const loadedPdfRef = useRef(null);
-  const [loadError, setLoadError] = useState(null);
-  const [busy, setBusy] = useState(false);
-  const [layouts, setLayouts] = useState([]);
-  const [pagesMap, setPagesMap] = useState(
-    null
-  );
-  const [scale, setScale] = useState(initialScale);
-  const [ratios, setRatios] = useState({});
-  const [pageInput, setPageInput] = useState(String(initialPage));
-  const [thumbnailSidebarOpen, setThumbnailSidebarOpen] = useState(
-    thumbnailSidebarDefaultOpen
-  );
-  const baselineScaleRef = useRef(initialScale);
-  useEffect(() => {
-    baselineScaleRef.current = initialScale;
-  }, [initialScale]);
-  const pageOfFormatter = mergedLabels.pageOf ?? defaultPageOf;
-  const resolvedGoToLabel = mergedLabels.goToPage ?? "Go to page";
-  const zoomInLabel = mergedLabels.zoomIn ?? "Zoom in";
-  const zoomOutLabel = mergedLabels.zoomOut ?? "Zoom out";
-  const resetZoomLabel = mergedLabels.resetZoom ?? "Reset zoom";
-  const fitWidthLabel = mergedLabels.fitToWidth ?? "Fit to width";
-  const thumbnailSidebarLabel = mergedLabels.thumbnailSidebar ?? "Page thumbnails";
-  const toggleThumbLabel = mergedLabels.toggleThumbnailSidebar ?? "Toggle page thumbnails";
-  const pageThumbLabel = mergedLabels.pageThumbnail ?? ((n) => `Page ${n}, show in document`);
-  const pageCount = layouts.length;
-  const currentVisiblePage = useMemo(() => {
-    let bestPage = 1;
-    let bestRatio = -1;
-    for (const layout of layouts) {
-      const r2 = ratios[layout.pageNumber] ?? 0;
-      if (r2 > bestRatio) {
-        bestRatio = r2;
-        bestPage = layout.pageNumber;
-      }
-    }
-    return bestRatio >= 0.01 ? bestPage : 1;
-  }, [layouts, ratios]);
-  const clampScaleValue = useCallback(
-    (v) => Math.min(maxScale, Math.max(minScale, v)),
-    [minScale, maxScale]
-  );
-  const zoomInAct = useCallback(() => {
-    setScale((prev) => {
-      const c = clampScaleValue(prev + scaleStep);
-      onScaleChange?.(c);
-      return c;
-    });
-  }, [clampScaleValue, onScaleChange, scaleStep]);
-  const zoomOutAct = useCallback(() => {
-    setScale((prev) => {
-      const c = clampScaleValue(prev - scaleStep);
-      onScaleChange?.(c);
-      return c;
-    });
-  }, [clampScaleValue, onScaleChange, scaleStep]);
-  const resetZoomAct = useCallback(() => {
-    const c = clampScaleValue(baselineScaleRef.current);
-    setScale(c);
-    onScaleChange?.(c);
-  }, [clampScaleValue, onScaleChange]);
-  const fitToWidthAct = useCallback(() => {
-    const root = scrollRef.current;
-    if (!root || layouts.length === 0) return;
-    const avail = Math.max(root.clientWidth - 32, 120);
-    const maxW = Math.max(...layouts.map((l) => l.widthPt), 1);
-    const next = clampScaleValue(avail / maxW);
-    setScale(next);
-    onScaleChange?.(next);
-  }, [clampScaleValue, layouts, onScaleChange]);
-  useEffect(() => {
-    setPageInput(String(currentVisiblePage));
-    if (lastReportedPage.current !== currentVisiblePage) {
-      lastReportedPage.current = currentVisiblePage;
-      onPageChange?.(currentVisiblePage);
-    }
-  }, [currentVisiblePage, onPageChange]);
-  const scrollToPage = useCallback((pageNum) => {
-    const root = scrollRef.current;
-    if (!root || pageNum < 1) return;
-    const el = root.querySelector(`[data-page="${pageNum}"]`);
-    if (el instanceof HTMLElement) {
-      el.scrollIntoView({ behavior: "smooth", block: "start" });
-    }
-  }, []);
-  useEffect(() => {
-    if (!busy && pagesMap && pageCount > 0) {
-      const p = Math.min(Math.max(1, initialPage), pageCount);
-      requestAnimationFrame(() => scrollToPage(p));
-    }
-  }, [busy, pagesMap, pageCount, initialPage, scrollToPage]);
-  const loadKey = useMemo(() => {
-    if (typeof src === "string") return src;
-    if (src instanceof ArrayBuffer) return `ab:${src.byteLength}`;
-    return `ua:${src.byteLength}:${src.byteOffset}:${src.buffer.byteLength}`;
-  }, [src]);
-  useEffect(() => {
-    let cancelled = false;
-    let activeDoc = null;
-    setLoadError(null);
-    if (loadedPdfRef.current) {
-      void loadedPdfRef.current.destroy();
-      loadedPdfRef.current = null;
-    }
-    setLayouts([]);
-    setPagesMap(null);
-    setRatios({});
-    const trimmedWorker = workerSrc?.trim?.() ?? "";
-    if (!trimmedWorker) {
-      setLoadError(workerErrorMessage);
-      onError?.(new Error(workerErrorMessage));
-      return () => {
-        cancelled = true;
-      };
-    }
-    void (async () => {
-      try {
-        setBusy(true);
-        const pdfjs = await import('pdfjs-dist');
-        if (cancelled) return;
-        pdfjs.GlobalWorkerOptions.workerSrc = trimmedWorker;
-        const loadingTask = pdfjs.getDocument(
-          buildGetDocumentArgs(src, documentOptions)
-        );
-        activeDoc = await loadingTask.promise;
-        if (cancelled) {
-          void activeDoc.destroy();
-          activeDoc = null;
-          return;
-        }
-        const layoutsLocal = [];
-        const mapLocal = /* @__PURE__ */ new Map();
-        for (let p = 1; p <= activeDoc.numPages; p++) {
-          const page = await activeDoc.getPage(p);
-          mapLocal.set(p, page);
-          const viewport = page.getViewport({ scale: 1 });
-          layoutsLocal.push({
-            pageNumber: p,
-            widthPt: viewport.width,
-            heightPt: viewport.height
-          });
-        }
-        if (cancelled) {
-          void activeDoc.destroy();
-          activeDoc = null;
-          return;
-        }
-        onLoad?.(activeDoc);
-        loadedPdfRef.current = activeDoc;
-        setLayouts(layoutsLocal);
-        setPagesMap(mapLocal);
-        activeDoc = null;
-      } catch (e) {
-        const err = e instanceof Error ? e : new Error(String(e));
-        if (!cancelled) {
-          setLoadError(errorLabelFallback);
-          onError?.(err);
-        }
-        if (activeDoc) {
-          void activeDoc.destroy();
-          activeDoc = null;
-        }
-      } finally {
-        if (!cancelled) setBusy(false);
-      }
-    })();
-    return () => {
-      cancelled = true;
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-        observerRef.current = null;
-      }
-      if (activeDoc) {
-        void activeDoc.destroy();
-      }
-      if (loadedPdfRef.current) {
-        void loadedPdfRef.current.destroy();
-        loadedPdfRef.current = null;
-      }
-    };
-  }, [workerSrc, loadKey, documentOptions]);
-  useEffect(() => {
-    setScale(clampScaleValue(initialScale));
-  }, [initialScale, clampScaleValue]);
-  useEffect(() => {
-    const el = scrollRef.current;
-    if (!el || !enablePinchZoom) return;
-    let pinchDist = 0;
-    const onWheel = (e) => {
-      if (!e.ctrlKey) return;
-      e.preventDefault();
-      const delta = -e.deltaY;
-      const factor = Math.exp(delta * 2e-3);
-      setScale((prev) => {
-        const c = clampScaleValue(prev * factor);
-        onScaleChange?.(c);
-        return c;
-      });
-    };
-    const onTouchStart = (e) => {
-      if (e.touches.length === 2) {
-        pinchDist = touchPairDistance(e.touches);
-      }
-    };
-    const onTouchMove = (e) => {
-      if (e.touches.length !== 2 || pinchDist <= 0) return;
-      e.preventDefault();
-      const d = touchPairDistance(e.touches);
-      const ratio = d / pinchDist;
-      pinchDist = d;
-      setScale((prev) => {
-        const c = clampScaleValue(prev * ratio);
-        onScaleChange?.(c);
-        return c;
-      });
-    };
-    const endPinch = (e) => {
-      if (e.touches.length < 2) pinchDist = 0;
-    };
-    el.addEventListener("wheel", onWheel, { passive: false });
-    el.addEventListener("touchstart", onTouchStart, { passive: true });
-    el.addEventListener("touchmove", onTouchMove, { passive: false });
-    el.addEventListener("touchend", endPinch);
-    el.addEventListener("touchcancel", endPinch);
-    return () => {
-      el.removeEventListener("wheel", onWheel);
-      el.removeEventListener("touchstart", onTouchStart);
-      el.removeEventListener("touchmove", onTouchMove);
-      el.removeEventListener("touchend", endPinch);
-      el.removeEventListener("touchcancel", endPinch);
-    };
-  }, [enablePinchZoom, clampScaleValue, onScaleChange]);
-  useEffect(() => {
-    if (layouts.length === 0) return;
-    const frame = requestAnimationFrame(() => {
-      const root = scrollRef.current;
-      if (!root) return;
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-      }
-      const io = new IntersectionObserver(
-        (entries) => {
-          setRatios((prev) => {
-            const next = { ...prev };
-            for (const e of entries) {
-              const tgt = e.target;
-              const p = Number(tgt.dataset.page);
-              if (Number.isFinite(p)) next[p] = e.intersectionRatio;
-            }
-            return next;
-          });
-        },
-        {
-          root,
-          rootMargin: "200px 0px",
-          threshold: [0, 0.05, 0.25, 0.5, 0.75, 1]
-        }
-      );
-      observerRef.current = io;
-      root.querySelectorAll("[data-page]").forEach((el) => io.observe(el));
-    });
-    return () => {
-      cancelAnimationFrame(frame);
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-        observerRef.current = null;
-      }
-    };
-  }, [layouts]);
-  const handleSubmitPage = useCallback(() => {
-    const n = Number.parseInt(pageInput, 10);
-    if (!Number.isFinite(n) || pageCount === 0) return;
-    const clamped = Math.min(Math.max(1, n), pageCount);
-    scrollToPage(clamped);
-    setPageInput(String(clamped));
-  }, [pageInput, pageCount, scrollToPage]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (!enableKeyboardShortcuts) return;
-      if (e.target !== e.currentTarget && e.target instanceof HTMLInputElement) {
-        return;
-      }
-      let handled = false;
-      switch (e.key) {
-        case "PageDown": {
-          scrollToPage(Math.min(pageCount || 1, currentVisiblePage + 1));
-          handled = true;
-          break;
-        }
-        case "PageUp": {
-          scrollToPage(Math.max(1, currentVisiblePage - 1));
-          handled = true;
-          break;
-        }
-        case "Home": {
-          scrollToPage(1);
-          handled = true;
-          break;
-        }
-        case "End": {
-          if (pageCount) scrollToPage(pageCount);
-          handled = true;
-          break;
-        }
-        case "+":
-        case "=": {
-          zoomInAct();
-          handled = true;
-          break;
-        }
-        case "-":
-        case "_": {
-          zoomOutAct();
-          handled = true;
-          break;
-        }
-        case "0": {
-          resetZoomAct();
-          handled = true;
-          break;
-        }
-      }
-      if (handled) {
-        e.preventDefault();
-        e.stopPropagation();
-      }
-    },
-    [
-      enableKeyboardShortcuts,
-      pageCount,
-      currentVisiblePage,
-      scrollToPage,
-      zoomInAct,
-      zoomOutAct,
-      resetZoomAct
-    ]
-  );
-  const thumbnailsRailEligible = enableThumbnailSidebar && !busy && pagesMap !== null && pageCount > 0;
-  if (loadError) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("rounded-md border border-destructive/50 p-4", className),
-        role: "alert",
-        children: /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: loadError })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex min-h-0 flex-col overflow-hidden rounded-md border",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            id: toolbarId,
-            role: "toolbar",
-            "aria-label": toolbarLabel,
-            className: cn(
-              "sticky top-0 z-10 flex shrink-0 flex-wrap items-center gap-2 border-b bg-background/95 px-2 py-2 backdrop-blur supports-[backdrop-filter]:bg-background/80",
-              toolbarClassName
-            ),
-            children: [
-              thumbnailsRailEligible ? /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  size: "icon-sm",
-                  className: "hidden md:inline-flex",
-                  onClick: () => setThumbnailSidebarOpen((v) => !v),
-                  "aria-label": toggleThumbLabel,
-                  "aria-expanded": thumbnailSidebarOpen,
-                  "aria-controls": thumbnailNavId,
-                  children: thumbnailSidebarOpen ? /* @__PURE__ */ jsx(PanelLeftOpen, { className: "size-4", "aria-hidden": true }) : /* @__PURE__ */ jsx(PanelRightOpen, { className: "size-4", "aria-hidden": true })
-                }
-              ) : null,
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs tabular-nums sm:text-sm", children: busy || pagesMap === null ? "\u2014" : pageOfFormatter(currentVisiblePage, pageCount) }),
-              /* @__PURE__ */ jsx("label", { htmlFor: pageInputId, className: "sr-only", children: resolvedGoToLabel }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  id: pageInputId,
-                  type: "number",
-                  min: 1,
-                  max: Math.max(pageCount, 1),
-                  disabled: busy || pageCount === 0,
-                  className: PAGE_INPUT_CLASS,
-                  "aria-label": resolvedGoToLabel,
-                  value: pageInput,
-                  onChange: (ev) => setPageInput(ev.target.value),
-                  onKeyDown: (ev) => {
-                    if (ev.key === "Enter") {
-                      ev.preventDefault();
-                      handleSubmitPage();
-                    }
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  size: "icon-sm",
-                  onClick: zoomOutAct,
-                  disabled: busy || scale <= minScale,
-                  "aria-label": zoomOutLabel,
-                  children: /* @__PURE__ */ jsx(ZoomOut, { "aria-hidden": true })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  size: "icon-sm",
-                  onClick: zoomInAct,
-                  disabled: busy || scale >= maxScale,
-                  "aria-label": zoomInLabel,
-                  children: /* @__PURE__ */ jsx(ZoomIn, { "aria-hidden": true })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  size: "icon-sm",
-                  onClick: resetZoomAct,
-                  disabled: busy,
-                  "aria-label": resetZoomLabel,
-                  children: /* @__PURE__ */ jsx(RotateCcw, { "aria-hidden": true })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  size: "icon-sm",
-                  onClick: fitToWidthAct,
-                  disabled: busy || pageCount === 0,
-                  "aria-label": fitWidthLabel,
-                  children: /* @__PURE__ */ jsx(Maximize2, { "aria-hidden": true })
-                }
-              ),
-              toolbarEndSlot
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [
-          thumbnailsRailEligible && thumbnailSidebarOpen ? /* @__PURE__ */ jsx(
-            "nav",
-            {
-              id: thumbnailNavId,
-              className: "hidden w-[220px] shrink-0 flex-col overflow-y-auto border-r border-neutral-900 bg-black py-3 pl-3 pr-2 md:flex",
-              "aria-label": thumbnailSidebarLabel,
-              children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: layouts.map((layout) => {
-                const pg = pagesMap.get(layout.pageNumber);
-                return pg ? /* @__PURE__ */ jsx(
-                  PdfThumbnailStrip,
-                  {
-                    page: pg,
-                    pageNumber: layout.pageNumber,
-                    active: layout.pageNumber === currentVisiblePage,
-                    onPick: scrollToPage,
-                    label: pageThumbLabel(layout.pageNumber)
-                  },
-                  `thumb-${layout.pageNumber}`
-                ) : null;
-              }) })
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: scrollRef,
-              tabIndex: 0,
-              onKeyDown: handleKeyDown,
-              className: "relative min-h-[240px] min-w-0 flex-1 overflow-auto outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              "aria-busy": busy,
-              "aria-label": busy ? loadingLabel : "PDF pages",
-              children: busy || pagesMap === null ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground p-6 text-sm", children: loadingLabel }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-4 pb-8 pt-2", children: layouts.map((layout) => {
-                const pg = pagesMap.get(layout.pageNumber);
-                const visible = (ratios[layout.pageNumber] ?? 0) >= 1e-3;
-                return pg ? /* @__PURE__ */ jsx(
-                  PdfPageCanvas,
-                  {
-                    page: pg,
-                    layout,
-                    scale,
-                    visible,
-                    pageClassName
-                  },
-                  layout.pageNumber
-                ) : null;
-              }) })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function usePdfViewerDialogScrollLock(active) {
-  useLayoutEffect(() => {
-    if (!active || typeof document === "undefined") return;
-    const html = document.documentElement;
-    const body = document.body;
-    const scrollRoots = [
-      ...document.querySelectorAll("[data-scroll-lock-root]")
-    ];
-    const scrollTopSnapshot = scrollRoots.map((el) => ({
-      el,
-      scrollTop: el.scrollTop
-    }));
-    const targets = /* @__PURE__ */ new Set([html, body, ...scrollRoots]);
-    const snapshot = [...targets].map((el) => ({
-      el,
-      overflow: el.style.overflow,
-      overscrollBehavior: el.style.overscrollBehavior
-    }));
-    const windowScrollY = window.scrollY;
-    for (const el of targets) {
-      el.style.overflow = "hidden";
-      el.style.overscrollBehavior = "none";
-    }
-    const dialogSurfaceSelector = '[data-slot="dialog-content"]';
-    const shouldAllowEventTarget = (target) => target instanceof Element && Boolean(target.closest(dialogSurfaceSelector));
-    const onWheel = (e) => {
-      if (shouldAllowEventTarget(e.target)) return;
-      e.preventDefault();
-    };
-    const onTouchMove = (e) => {
-      if (shouldAllowEventTarget(e.target)) return;
-      e.preventDefault();
-    };
-    window.addEventListener("wheel", onWheel, {
-      capture: true,
-      passive: false
-    });
-    window.addEventListener("touchmove", onTouchMove, {
-      capture: true,
-      passive: false
-    });
-    return () => {
-      window.removeEventListener("wheel", onWheel, { capture: true });
-      window.removeEventListener("touchmove", onTouchMove, {
-        capture: true
-      });
-      for (const { el, overflow, overscrollBehavior } of snapshot) {
-        el.style.overflow = overflow;
-        el.style.overscrollBehavior = overscrollBehavior;
-      }
-      for (const { el, scrollTop } of scrollTopSnapshot) {
-        el.scrollTop = scrollTop;
-      }
-      window.scrollTo(0, windowScrollY);
-    };
-  }, [active]);
-}
-var fullscreenDialogContentClass = "!max-w-none !w-screen !h-screen !p-0 !border-0 !bg-black/95 !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !gap-0 !shadow-none !flex !flex-col data-[state=open]:!zoom-in-100 data-[state=closed]:!zoom-out-100";
-function PdfViewerDialog({
-  open,
-  onOpenChange,
-  src,
-  workerSrc,
-  documentOptions,
-  trigger,
-  title,
-  labels,
-  forwardedProps
-}) {
-  const closeLabel = labels?.close ?? "Close";
-  const dialogTitle = labels?.dialogTitle ?? title ?? "PDF document";
-  const dialogDescription = labels?.dialogDescription ?? "Document viewer with zoom and page navigation.";
-  usePdfViewerDialogScrollLock(open);
-  const {
-    className: forwardedClassName,
-    toolbarClassName: forwardedToolbarClassName,
-    ...restForwarded
-  } = forwardedProps ?? {};
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange, children: [
-    trigger ? /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: trigger }) : null,
-    /* @__PURE__ */ jsxs(
-      DialogContent,
-      {
-        className: fullscreenDialogContentClass,
-        showCloseButton: false,
-        children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: dialogTitle }),
-          /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: dialogDescription }),
-          /* @__PURE__ */ jsx(
-            PdfViewer,
-            {
-              ...restForwarded,
-              src,
-              workerSrc,
-              documentOptions,
-              className: cn(
-                "min-h-0 flex-1 rounded-none border-0 bg-transparent text-white",
-                forwardedClassName
-              ),
-              toolbarClassName: cn(
-                "border-white/10 bg-black/80 text-white backdrop-blur",
-                forwardedToolbarClassName
-              ),
-              toolbarEndSlot: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  className: "ml-auto text-white hover:bg-white/10 hover:text-white",
-                  onClick: () => onOpenChange(false),
-                  "aria-label": closeLabel,
-                  children: /* @__PURE__ */ jsx(X, { className: "size-5", "aria-hidden": true })
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
 
-export { AvatarEditor, AvatarEditorDialog, BLOCKS_DATA_ENVIRONMENTS, Button, CalendarContext, CalendarSubscribeButton, CalendarView, CalendarWidget, CardInput, ChatRoomView, ChatSidebar, ChatSidebarContext, ChatSidebarProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EnvironmentBanner, EnvironmentContext, EnvironmentDot, EnvironmentMiniBadge, EnvironmentSwitcher, EventDialog, EventRsvpBadge, LanguageContext, LanguageSwitcher, MiniCalendar, NotificationsContext, NotificationsWidget, PdfViewer, PdfViewerDialog, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, USAddressInput, UpcomingEvents, buttonVariants, cn, composeAddressLine1ForNls, defaultLanguages, getEnvironmentDotClass, getEnvironmentLabel, isBlocksDataEnvironment, joinStreet, sanitizeForNls, splitStreet, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useDebouncedValue, useDebouncedValueStrict, useEnvironmentContext, useLanguageContext, useNotificationsContext };
+export { AvatarEditor, AvatarEditorDialog, BLOCKS_DATA_ENVIRONMENTS, Button, CalendarContext, CalendarSubscribeButton, CalendarView, CalendarWidget, CardInput, ChatRoomView, ChatSidebar, ChatSidebarContext, ChatSidebarProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EnvironmentBanner, EnvironmentContext, EnvironmentDot, EnvironmentMiniBadge, EnvironmentSwitcher, EventDialog, EventRsvpBadge, LanguageContext, LanguageSwitcher, MiniCalendar, NotificationsContext, NotificationsWidget, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, USAddressInput, UpcomingEvents, buttonVariants, cn, defaultLanguages, getEnvironmentDotClass, getEnvironmentLabel, isBlocksDataEnvironment, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useDebouncedValue, useDebouncedValueStrict, useEnvironmentContext, useLanguageContext, useNotificationsContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map