@nicorp/nui 0.10.0 → 0.11.0

package/dist/index.d.ts

@@ -99,6 +99,82 @@ declare interface AppShellProps extends React_2.HTMLAttributes<HTMLDivElement> {
 
 export declare const AspectRatio: ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & RefAttributes<HTMLDivElement>>;
 
+export declare function AudioPlayer({ src, title, artist, albumArt, showWaveform, showVolume, defaultVolume, autoPlay, loop, preload, size, onPlay, onPause, onEnded, onTimeUpdate, className, }: AudioPlayerProps): JSX_2.Element;
+
+export declare interface AudioPlayerProps extends VariantProps<typeof audioPlayerVariants> {
+    src: string;
+    title?: string;
+    artist?: string;
+    albumArt?: string;
+    showWaveform?: boolean;
+    showVolume?: boolean;
+    defaultVolume?: number;
+    autoPlay?: boolean;
+    loop?: boolean;
+    preload?: "none" | "metadata" | "auto";
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (currentTime: number) => void;
+    className?: string;
+}
+
+export declare const audioPlayerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function AudioPlaylist({ tracks, showWaveform, defaultRepeatMode, defaultShuffle, autoPlay, onTrackChange, onPlayStateChange, className, }: AudioPlaylistProps): JSX_2.Element | null;
+
+export declare interface AudioPlaylistProps {
+    tracks: AudioTrack[];
+    showWaveform?: boolean;
+    defaultRepeatMode?: RepeatMode;
+    defaultShuffle?: boolean;
+    autoPlay?: boolean;
+    onTrackChange?: (track: AudioTrack, index: number) => void;
+    onPlayStateChange?: (isPlaying: boolean) => void;
+    className?: string;
+}
+
+export declare function AudioRecorder({ mimeType, maxDuration, showWaveform, onRecordingComplete, onRecordingStart, onError, className, }: AudioRecorderProps): JSX_2.Element;
+
+export declare interface AudioRecorderProps {
+    mimeType?: string;
+    maxDuration?: number;
+    showWaveform?: boolean;
+    onRecordingComplete?: (blob: Blob) => void;
+    onRecordingStart?: () => void;
+    onError?: (error: Error) => void;
+    className?: string;
+}
+
+export declare interface AudioTrack {
+    id: string;
+    src: string;
+    title: string;
+    artist?: string;
+    albumArt?: string;
+    duration?: number;
+}
+
+export declare const AudioWaveform: React_2.ForwardRefExoticComponent<AudioWaveformProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface AudioWaveformProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    data?: number[];
+    stream?: MediaStream;
+    color?: string;
+    progressColor?: string;
+    progress?: number;
+    height?: number;
+    barCount?: number;
+    barWidth?: number;
+    barGap?: number;
+    barRadius?: number;
+    mirrored?: boolean;
+    onSeek?: (position: number) => void;
+}
+
 export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
 
 export declare const AvatarFallback: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
@@ -489,6 +565,8 @@ export declare interface ChatQuestionProps extends Omit<React_2.HTMLAttributes<H
     onFreeTextSubmit?: (text: string) => void;
     /** Grid columns for options @default 1 */
     columns?: 1 | 2;
+    /** Free text value that was submitted (for restore) */
+    freeTextValue?: string | null;
 }
 
 export declare const ChatResultCard: React_2.ForwardRefExoticComponent<ChatResultCardProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -762,6 +840,13 @@ declare interface CopyInputProps extends React_2.InputHTMLAttributes<HTMLInputEl
     value: string;
 }
 
+export declare interface CropArea {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
 export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, pageSize, }: DataTableProps<TData, TValue>): JSX_2.Element;
 
 export declare function DataTableColumnHeader({ column, title, className, }: {
@@ -915,6 +1000,8 @@ export declare interface FollowUpOption {
     description?: string;
 }
 
+export declare function formatTime(seconds: number): string;
+
 export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement> {
@@ -936,7 +1023,7 @@ export declare interface HeadingProps extends React_2.HTMLAttributes<HTMLHeading
 }
 
 export declare const headingVariants: (props?: ({
-    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
+    level?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const HoverCard: React_2.FC<HoverCardPrimitive.HoverCardProps>;
@@ -947,6 +1034,57 @@ export declare const HoverCardTrigger: React_2.ForwardRefExoticComponent<HoverCa
 
 export declare const HStack: React_2.ForwardRefExoticComponent<StackProps & React_2.RefAttributes<HTMLDivElement>>;
 
+declare const Image_2: React_2.ForwardRefExoticComponent<ImageProps & React_2.RefAttributes<HTMLImageElement>>;
+export { Image_2 as Image }
+
+export declare const ImageCompare: React_2.ForwardRefExoticComponent<ImageCompareProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ImageCompareProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt?: string;
+    afterAlt?: string;
+    initialPosition?: number;
+    orientation?: "horizontal" | "vertical";
+    showLabels?: boolean;
+    beforeLabel?: string;
+    afterLabel?: string;
+    handleSize?: number;
+    onPositionChange?: (position: number) => void;
+}
+
+export declare function ImageCropper({ src, aspectRatio, minSize, maxSize, initialCrop, outputFormat, outputQuality, onCropComplete, onCropChange, showGrid, circular, className, }: ImageCropperProps): JSX_2.Element;
+
+export declare interface ImageCropperProps {
+    src: string;
+    aspectRatio?: number;
+    minSize?: number;
+    maxSize?: number;
+    initialCrop?: CropArea;
+    outputFormat?: "image/png" | "image/jpeg" | "image/webp";
+    outputQuality?: number;
+    onCropComplete?: (blob: Blob, dataUrl: string) => void;
+    onCropChange?: (crop: CropArea) => void;
+    showGrid?: boolean;
+    circular?: boolean;
+    className?: string;
+}
+
+export declare interface ImageProps extends React_2.ImgHTMLAttributes<HTMLImageElement> {
+    fallbackSrc?: string;
+    placeholder?: React_2.ReactNode;
+    showSkeleton?: boolean;
+    lazy?: boolean;
+    rootMargin?: string;
+    aspectRatio?: string | number;
+    zoomOnHover?: boolean;
+    zoomScale?: number;
+    zoomOnClick?: boolean;
+    fit?: "contain" | "cover" | "fill" | "none" | "scale-down";
+    onLoad?: (e: React_2.SyntheticEvent<HTMLImageElement>) => void;
+    onError?: (e: React_2.SyntheticEvent<HTMLImageElement>) => void;
+}
+
 export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare interface InputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
@@ -970,6 +1108,30 @@ export declare function Lead({ className, ...props }: LeadProps): JSX_2.Element;
 export declare interface LeadProps extends React_2.HTMLAttributes<HTMLParagraphElement> {
 }
 
+export declare function Lightbox({ images, open: controlledOpen, defaultIndex, onClose, onIndexChange, enableZoom, enableKeyboard, showCounter, showThumbnails, className, children, }: LightboxProps): JSX_2.Element | null;
+
+export declare interface LightboxImage {
+    src: string;
+    alt?: string;
+    title?: string;
+    description?: string;
+}
+
+export declare interface LightboxProps {
+    images: LightboxImage[];
+    open?: boolean;
+    defaultIndex?: number;
+    onClose?: () => void;
+    onIndexChange?: (index: number) => void;
+    enableZoom?: boolean;
+    enableKeyboard?: boolean;
+    showCounter?: boolean;
+    showThumbnails?: boolean;
+    animationDuration?: number;
+    className?: string;
+    children?: React_2.ReactNode;
+}
+
 export declare const Main: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLElement> & React_2.RefAttributes<HTMLElement>>;
 
 export declare const MarkdownRenderer: React_2.ForwardRefExoticComponent<MarkdownRendererProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -1195,6 +1357,65 @@ export declare interface NUILocale {
     carousel_previousSlide: string;
     carousel_nextSlide: string;
     breadcrumb_more: string;
+    audioPlayer_play: string;
+    audioPlayer_pause: string;
+    audioPlayer_mute: string;
+    audioPlayer_unmute: string;
+    audioPlayer_seek: string;
+    audioPlayer_volume: string;
+    audioRecorder_startRecording: string;
+    audioRecorder_stopRecording: string;
+    audioRecorder_pauseRecording: string;
+    audioRecorder_resumeRecording: string;
+    audioRecorder_reRecord: string;
+    audioRecorder_microphoneAccess: string;
+    audioWaveform_label: string;
+    audioPlaylist_shuffle: string;
+    audioPlaylist_repeatOff: string;
+    audioPlaylist_repeatAll: string;
+    audioPlaylist_repeatOne: string;
+    audioPlaylist_previousTrack: string;
+    audioPlaylist_nextTrack: string;
+    /** Use {current} and {total} placeholders */
+    audioPlaylist_trackOf: string;
+    videoPlayer_play: string;
+    videoPlayer_pause: string;
+    videoPlayer_mute: string;
+    videoPlayer_unmute: string;
+    videoPlayer_seek: string;
+    videoPlayer_volume: string;
+    videoPlayer_fullscreen: string;
+    videoPlayer_exitFullscreen: string;
+    videoPlayer_pictureInPicture: string;
+    videoPlayer_playbackSpeed: string;
+    videoPlayer_subtitles: string;
+    videoPlayer_label: string;
+    videoRecorder_startCamera: string;
+    videoRecorder_shareScreen: string;
+    videoRecorder_startRecording: string;
+    videoRecorder_stopRecording: string;
+    videoRecorder_pauseRecording: string;
+    videoRecorder_resumeRecording: string;
+    videoRecorder_reRecord: string;
+    videoRecorder_cameraPreview: string;
+    videoRecorder_screenPreview: string;
+    /** Use {title} placeholder */
+    videoThumbnail_play: string;
+    videoGallery_label: string;
+    image_loading: string;
+    image_zoomIn: string;
+    image_failedToLoad: string;
+    lightbox_label: string;
+    lightbox_zoomIn: string;
+    lightbox_zoomOut: string;
+    /** Use {current} and {total} placeholders */
+    lightbox_imageOf: string;
+    imageCropper_label: string;
+    imageCropper_crop: string;
+    imageCropper_reset: string;
+    imageCompare_slider: string;
+    imageCompare_before: string;
+    imageCompare_after: string;
 }
 
 export declare function NumberInput({ value, onChange, min, max, step, disabled, className, }: NumberInputProps): JSX_2.Element;
@@ -1295,6 +1516,11 @@ export declare interface ReasoningBlockProps extends React_2.HTMLAttributes<HTML
     title?: string;
 }
 
+declare type RecordingState_2 = "idle" | "recording" | "paused" | "stopped";
+export { RecordingState_2 as RecordingState }
+
+export declare type RepeatMode = "none" | "all" | "one";
+
 export declare const ru: NUILocale;
 
 export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -1677,6 +1903,96 @@ declare function useTranslate(): NUILocale;
 export { useTranslate as useNUILocale }
 export { useTranslate }
 
+export declare const VideoGallery: React_2.ForwardRefExoticComponent<VideoGalleryProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface VideoGalleryItem {
+    id: string;
+    src: string;
+    poster?: string;
+    title?: string;
+    duration?: number;
+    description?: string;
+}
+
+export declare interface VideoGalleryProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    videos: VideoGalleryItem[];
+    columns?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    gap?: number;
+    aspectRatio?: string;
+    clickAction?: "lightbox" | "inline" | "dialog" | "none";
+    onVideoSelect?: (video: VideoGalleryItem, index: number) => void;
+}
+
+export declare function VideoPlayer({ src, poster, showControls, controlsTimeout, enablePiP, enableFullscreen, enablePlaybackRate, playbackRates, tracks, aspectRatio, autoPlay, loop, muted: mutedProp, preload, onPlay, onPause, onEnded, onTimeUpdate, onFullscreenChange, className, }: VideoPlayerProps): JSX_2.Element;
+
+export declare interface VideoPlayerProps {
+    src: string;
+    poster?: string;
+    showControls?: boolean;
+    controlsTimeout?: number;
+    enablePiP?: boolean;
+    enableFullscreen?: boolean;
+    enablePlaybackRate?: boolean;
+    playbackRates?: number[];
+    tracks?: VideoTrack[];
+    aspectRatio?: string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    preload?: "none" | "metadata" | "auto";
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (currentTime: number) => void;
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+    className?: string;
+}
+
+export declare function VideoRecorder({ source, videoConstraints, audioConstraints, mimeType, maxDuration, showTimer, mirrored, onRecordingComplete, onRecordingStart, onError, className, }: VideoRecorderProps): JSX_2.Element;
+
+export declare interface VideoRecorderProps {
+    source?: "camera" | "screen";
+    videoConstraints?: MediaTrackConstraints;
+    audioConstraints?: boolean | MediaTrackConstraints;
+    mimeType?: string;
+    maxDuration?: number;
+    showTimer?: boolean;
+    mirrored?: boolean;
+    onRecordingComplete?: (blob: Blob) => void;
+    onRecordingStart?: () => void;
+    onError?: (error: Error) => void;
+    className?: string;
+}
+
+export declare type VideoRecordingState = "idle" | "preview" | "recording" | "paused" | "stopped";
+
+export declare const VideoThumbnail: React_2.ForwardRefExoticComponent<VideoThumbnailProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface VideoThumbnailProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    src: string;
+    poster?: string;
+    title?: string;
+    duration?: number;
+    clickAction?: "inline" | "dialog" | "none";
+    aspectRatio?: string;
+    showDuration?: boolean;
+    showPlayButton?: boolean;
+    onPlay?: () => void;
+}
+
+export declare interface VideoTrack {
+    src: string;
+    kind: "subtitles" | "captions";
+    srcLang: string;
+    label: string;
+    default?: boolean;
+}
+
 export declare const VStack: React_2.ForwardRefExoticComponent<StackProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export { }