@algenium/blocks 1.7.0-rc.2 → 1.7.0-rc.4

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -11,6 +11,8 @@ 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 { PDFDocumentProxy } from 'pdfjs-dist';
+import { DocumentInitParameters } from 'pdfjs-dist/types/src/display/api';
 import { ClassValue } from 'clsx';
 
 interface CalendarEvent {
@@ -875,6 +877,84 @@ interface USAddressInputProps {
 }
 declare function USAddressInput({ value, onChange, lookupZip, validateAddress, autocomplete, labels, disabled, largeText, className, onError, }: USAddressInputProps): react_jsx_runtime.JSX.Element;
 
+/** User-visible copy; localize from your application. */
+interface PdfViewerLabels {
+    pageOf?: (page: number, total: number) => string;
+    goToPage?: string;
+    zoomIn?: string;
+    zoomOut?: string;
+    resetZoom?: string;
+    fitToWidth?: string;
+    toolbar?: string;
+    loading?: string;
+    error?: string;
+    workerMissing?: string;
+    /** Accessible label for the thumbnail sidebar container. */
+    thumbnailSidebar?: string;
+    /** Accessible label for the control that shows / hides the thumbnail sidebar. */
+    toggleThumbnailSidebar?: string;
+    /** Accessible label for one thumbnail button; receives 1-based page index. */
+    pageThumbnail?: (pageNumber: number) => string;
+}
+type PdfViewerDocumentOptions = Omit<Partial<DocumentInitParameters>, "url" | "data">;
+interface PdfViewerProps {
+    src: string | ArrayBuffer | Uint8Array;
+    workerSrc: string;
+    documentOptions?: PdfViewerDocumentOptions;
+    initialPage?: number;
+    initialScale?: number;
+    minScale?: number;
+    maxScale?: number;
+    scaleStep?: number;
+    enableKeyboardShortcuts?: boolean;
+    /**
+     * Trackpad pinch (Ctrl/Cmd+wheel) and two-finger touch pinch on the page area.
+     * @defaultValue true
+     */
+    enablePinchZoom?: boolean;
+    /**
+     * Collapsible scrollable thumbnail column for quick navigation.
+     * @defaultValue true
+     */
+    enableThumbnailSidebar?: boolean;
+    /** Initial visibility of the thumbnail sidebar when enabled. @defaultValue true */
+    thumbnailSidebarDefaultOpen?: boolean;
+    labels?: PdfViewerLabels;
+    onLoad?: (pdf: PDFDocumentProxy) => void;
+    onError?: (error: Error) => void;
+    onPageChange?: (page: number) => void;
+    onScaleChange?: (scale: number) => void;
+    className?: string;
+    toolbarClassName?: string;
+    pageClassName?: string;
+    toolbarEndSlot?: ReactNode;
+}
+declare function PdfViewer({ src, workerSrc, documentOptions, initialPage, initialScale, minScale, maxScale, scaleStep, enableKeyboardShortcuts, enablePinchZoom, enableThumbnailSidebar, thumbnailSidebarDefaultOpen, labels, onLoad, onError, onPageChange, onScaleChange, className, toolbarClassName, pageClassName, toolbarEndSlot, }: PdfViewerProps): react_jsx_runtime.JSX.Element;
+
+interface PdfViewerDialogLabels extends PdfViewerLabels {
+    /** Accessible label for the close control (toolbar). Defaults to `"Close"`. */
+    close?: string;
+    /** Screen-reader title for the dialog surface. */
+    dialogTitle?: string;
+    /** Screen-reader description for the dialog surface. */
+    dialogDescription?: string;
+}
+type PdfViewerDialogForwardedProps = Omit<PdfViewerProps, "src" | "workerSrc" | "documentOptions" | "toolbarEndSlot">;
+interface PdfViewerDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    src: PdfViewerProps["src"];
+    workerSrc: string;
+    documentOptions?: PdfViewerDocumentOptions;
+    /** Optional trigger wrapped by Radix `DialogTrigger`. */
+    trigger?: ReactNode;
+    /** Shortcut for `labels.dialogTitle`. */
+    title?: string;
+    labels?: PdfViewerDialogLabels;
+    forwardedProps?: PdfViewerDialogForwardedProps;
+}
+declare function PdfViewerDialog({ open, onOpenChange, src, workerSrc, documentOptions, trigger, title, labels, forwardedProps, }: PdfViewerDialogProps): react_jsx_runtime.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type AddressAutocompleteAdapter, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, BLOCKS_DATA_ENVIRONMENTS, type BlocksDataEnvironment, type BlocksLanguage, type BlocksNotification, Button, CalendarContext, type CalendarContextValue, type CalendarData, type CalendarEvent, CalendarSubscribeButton, type CalendarSubscribeButtonProps, CalendarView, type CalendarViewLabels, type CalendarViewMode, type CalendarViewProps, CalendarWidget, type CalendarWidgetLabels, type CalendarWidgetProps, CardInput, type CardInputLabels, type CardInputProps, type CardTokenResult, type ChatConversation, type ChatConversationRoom, type ChatMessageData, type ChatRoomConfig, ChatRoomView, type ChatRoomViewLabels, type ChatRoomViewProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarLabels, type ChatSidebarProps, ChatSidebarProvider, type ChatSidebarProviderProps, type ChatSidebarView, 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, type EnvironmentBannerLabels, type EnvironmentBannerProps, EnvironmentContext, type EnvironmentContextValue, EnvironmentDot, type EnvironmentDotProps, EnvironmentMiniBadge, type EnvironmentMiniBadgeProps, EnvironmentSwitcher, type EnvironmentSwitcherLabels, type EnvironmentSwitcherProps, EventDialog, type EventDialogLabels, type EventDialogProps, EventRsvpBadge, type EventRsvpBadgeProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, MiniCalendar, type MiniCalendarProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, USAddressInput, type USAddressInputLabels, type USAddressInputProps, type USAddressValue, UpcomingEvents, type UpcomingEventsProps, type UseChatRoomResult, buttonVariants, cn, defaultLanguages, getEnvironmentDotClass, getEnvironmentLabel, isBlocksDataEnvironment, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useDebouncedValue, useDebouncedValueStrict, useEnvironmentContext, useLanguageContext, useNotificationsContext };
+export { type AddressAutocompleteAdapter, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, BLOCKS_DATA_ENVIRONMENTS, type BlocksDataEnvironment, type BlocksLanguage, type BlocksNotification, Button, CalendarContext, type CalendarContextValue, type CalendarData, type CalendarEvent, CalendarSubscribeButton, type CalendarSubscribeButtonProps, CalendarView, type CalendarViewLabels, type CalendarViewMode, type CalendarViewProps, CalendarWidget, type CalendarWidgetLabels, type CalendarWidgetProps, CardInput, type CardInputLabels, type CardInputProps, type CardTokenResult, type ChatConversation, type ChatConversationRoom, type ChatMessageData, type ChatRoomConfig, ChatRoomView, type ChatRoomViewLabels, type ChatRoomViewProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarLabels, type ChatSidebarProps, ChatSidebarProvider, type ChatSidebarProviderProps, type ChatSidebarView, 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, type EnvironmentBannerLabels, type EnvironmentBannerProps, EnvironmentContext, type EnvironmentContextValue, EnvironmentDot, type EnvironmentDotProps, EnvironmentMiniBadge, type EnvironmentMiniBadgeProps, EnvironmentSwitcher, type EnvironmentSwitcherLabels, type EnvironmentSwitcherProps, EventDialog, type EventDialogLabels, type EventDialogProps, EventRsvpBadge, type EventRsvpBadgeProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, MiniCalendar, type MiniCalendarProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, PdfViewer, PdfViewerDialog, type PdfViewerDialogForwardedProps, type PdfViewerDialogLabels, type PdfViewerDialogProps, type PdfViewerDocumentOptions, type PdfViewerLabels, type PdfViewerProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, USAddressInput, type USAddressInputLabels, type USAddressInputProps, type USAddressValue, UpcomingEvents, type UpcomingEventsProps, type UseChatRoomResult, buttonVariants, cn, defaultLanguages, getEnvironmentDotClass, getEnvironmentLabel, isBlocksDataEnvironment, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useDebouncedValue, useDebouncedValueStrict, useEnvironmentContext, useLanguageContext, useNotificationsContext };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -11,6 +11,8 @@ 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 { PDFDocumentProxy } from 'pdfjs-dist';
+import { DocumentInitParameters } from 'pdfjs-dist/types/src/display/api';
 import { ClassValue } from 'clsx';
 
 interface CalendarEvent {
@@ -875,6 +877,84 @@ interface USAddressInputProps {
 }
 declare function USAddressInput({ value, onChange, lookupZip, validateAddress, autocomplete, labels, disabled, largeText, className, onError, }: USAddressInputProps): react_jsx_runtime.JSX.Element;
 
+/** User-visible copy; localize from your application. */
+interface PdfViewerLabels {
+    pageOf?: (page: number, total: number) => string;
+    goToPage?: string;
+    zoomIn?: string;
+    zoomOut?: string;
+    resetZoom?: string;
+    fitToWidth?: string;
+    toolbar?: string;
+    loading?: string;
+    error?: string;
+    workerMissing?: string;
+    /** Accessible label for the thumbnail sidebar container. */
+    thumbnailSidebar?: string;
+    /** Accessible label for the control that shows / hides the thumbnail sidebar. */
+    toggleThumbnailSidebar?: string;
+    /** Accessible label for one thumbnail button; receives 1-based page index. */
+    pageThumbnail?: (pageNumber: number) => string;
+}
+type PdfViewerDocumentOptions = Omit<Partial<DocumentInitParameters>, "url" | "data">;
+interface PdfViewerProps {
+    src: string | ArrayBuffer | Uint8Array;
+    workerSrc: string;
+    documentOptions?: PdfViewerDocumentOptions;
+    initialPage?: number;
+    initialScale?: number;
+    minScale?: number;
+    maxScale?: number;
+    scaleStep?: number;
+    enableKeyboardShortcuts?: boolean;
+    /**
+     * Trackpad pinch (Ctrl/Cmd+wheel) and two-finger touch pinch on the page area.
+     * @defaultValue true
+     */
+    enablePinchZoom?: boolean;
+    /**
+     * Collapsible scrollable thumbnail column for quick navigation.
+     * @defaultValue true
+     */
+    enableThumbnailSidebar?: boolean;
+    /** Initial visibility of the thumbnail sidebar when enabled. @defaultValue true */
+    thumbnailSidebarDefaultOpen?: boolean;
+    labels?: PdfViewerLabels;
+    onLoad?: (pdf: PDFDocumentProxy) => void;
+    onError?: (error: Error) => void;
+    onPageChange?: (page: number) => void;
+    onScaleChange?: (scale: number) => void;
+    className?: string;
+    toolbarClassName?: string;
+    pageClassName?: string;
+    toolbarEndSlot?: ReactNode;
+}
+declare function PdfViewer({ src, workerSrc, documentOptions, initialPage, initialScale, minScale, maxScale, scaleStep, enableKeyboardShortcuts, enablePinchZoom, enableThumbnailSidebar, thumbnailSidebarDefaultOpen, labels, onLoad, onError, onPageChange, onScaleChange, className, toolbarClassName, pageClassName, toolbarEndSlot, }: PdfViewerProps): react_jsx_runtime.JSX.Element;
+
+interface PdfViewerDialogLabels extends PdfViewerLabels {
+    /** Accessible label for the close control (toolbar). Defaults to `"Close"`. */
+    close?: string;
+    /** Screen-reader title for the dialog surface. */
+    dialogTitle?: string;
+    /** Screen-reader description for the dialog surface. */
+    dialogDescription?: string;
+}
+type PdfViewerDialogForwardedProps = Omit<PdfViewerProps, "src" | "workerSrc" | "documentOptions" | "toolbarEndSlot">;
+interface PdfViewerDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    src: PdfViewerProps["src"];
+    workerSrc: string;
+    documentOptions?: PdfViewerDocumentOptions;
+    /** Optional trigger wrapped by Radix `DialogTrigger`. */
+    trigger?: ReactNode;
+    /** Shortcut for `labels.dialogTitle`. */
+    title?: string;
+    labels?: PdfViewerDialogLabels;
+    forwardedProps?: PdfViewerDialogForwardedProps;
+}
+declare function PdfViewerDialog({ open, onOpenChange, src, workerSrc, documentOptions, trigger, title, labels, forwardedProps, }: PdfViewerDialogProps): react_jsx_runtime.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type AddressAutocompleteAdapter, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, BLOCKS_DATA_ENVIRONMENTS, type BlocksDataEnvironment, type BlocksLanguage, type BlocksNotification, Button, CalendarContext, type CalendarContextValue, type CalendarData, type CalendarEvent, CalendarSubscribeButton, type CalendarSubscribeButtonProps, CalendarView, type CalendarViewLabels, type CalendarViewMode, type CalendarViewProps, CalendarWidget, type CalendarWidgetLabels, type CalendarWidgetProps, CardInput, type CardInputLabels, type CardInputProps, type CardTokenResult, type ChatConversation, type ChatConversationRoom, type ChatMessageData, type ChatRoomConfig, ChatRoomView, type ChatRoomViewLabels, type ChatRoomViewProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarLabels, type ChatSidebarProps, ChatSidebarProvider, type ChatSidebarProviderProps, type ChatSidebarView, 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, type EnvironmentBannerLabels, type EnvironmentBannerProps, EnvironmentContext, type EnvironmentContextValue, EnvironmentDot, type EnvironmentDotProps, EnvironmentMiniBadge, type EnvironmentMiniBadgeProps, EnvironmentSwitcher, type EnvironmentSwitcherLabels, type EnvironmentSwitcherProps, EventDialog, type EventDialogLabels, type EventDialogProps, EventRsvpBadge, type EventRsvpBadgeProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, MiniCalendar, type MiniCalendarProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, USAddressInput, type USAddressInputLabels, type USAddressInputProps, type USAddressValue, UpcomingEvents, type UpcomingEventsProps, type UseChatRoomResult, buttonVariants, cn, defaultLanguages, getEnvironmentDotClass, getEnvironmentLabel, isBlocksDataEnvironment, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useDebouncedValue, useDebouncedValueStrict, useEnvironmentContext, useLanguageContext, useNotificationsContext };
+export { type AddressAutocompleteAdapter, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, BLOCKS_DATA_ENVIRONMENTS, type BlocksDataEnvironment, type BlocksLanguage, type BlocksNotification, Button, CalendarContext, type CalendarContextValue, type CalendarData, type CalendarEvent, CalendarSubscribeButton, type CalendarSubscribeButtonProps, CalendarView, type CalendarViewLabels, type CalendarViewMode, type CalendarViewProps, CalendarWidget, type CalendarWidgetLabels, type CalendarWidgetProps, CardInput, type CardInputLabels, type CardInputProps, type CardTokenResult, type ChatConversation, type ChatConversationRoom, type ChatMessageData, type ChatRoomConfig, ChatRoomView, type ChatRoomViewLabels, type ChatRoomViewProps, ChatSidebar, ChatSidebarContext, type ChatSidebarContextValue, type ChatSidebarLabels, type ChatSidebarProps, ChatSidebarProvider, type ChatSidebarProviderProps, type ChatSidebarView, 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, type EnvironmentBannerLabels, type EnvironmentBannerProps, EnvironmentContext, type EnvironmentContextValue, EnvironmentDot, type EnvironmentDotProps, EnvironmentMiniBadge, type EnvironmentMiniBadgeProps, EnvironmentSwitcher, type EnvironmentSwitcherLabels, type EnvironmentSwitcherProps, EventDialog, type EventDialogLabels, type EventDialogProps, EventRsvpBadge, type EventRsvpBadgeProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, MiniCalendar, type MiniCalendarProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, PdfViewer, PdfViewerDialog, type PdfViewerDialogForwardedProps, type PdfViewerDialogLabels, type PdfViewerDialogProps, type PdfViewerDocumentOptions, type PdfViewerLabels, type PdfViewerProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, USAddressInput, type USAddressInputLabels, type USAddressInputProps, type USAddressValue, UpcomingEvents, type UpcomingEventsProps, type UseChatRoomResult, buttonVariants, cn, defaultLanguages, getEnvironmentDotClass, getEnvironmentLabel, isBlocksDataEnvironment, toggleVariants, useCalendarContext, useChatRoom, useChatSidebar, useDebouncedValue, useDebouncedValueStrict, useEnvironmentContext, useLanguageContext, useNotificationsContext };