@geekapps/silo-elements-nextjs 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -1,12 +1,220 @@
-export { ImageUploader } from "./ImageUploader.js";
-export { VideoUploader } from "./VideoUploader.js";
-export { FileUploader } from "./FileUploader.js";
-export { MediaUploader } from "./MediaUploader.js";
-export { Video, Sources, Source, Subtitles, Subtitle, Storyboard, StoryboardFrame, VideoPlayer, } from "./VideoPlayer.js";
-export { DropZone } from "./components/DropZone.js";
-export { ProgressBar } from "./components/ProgressBar.js";
-export { defaultTheme, resolveTheme } from "./utils/theme.js";
-export type { SourceProps, SourcesProps, SubtitleProps, SubtitlesProps, StoryboardProps, StoryboardFrameProps, VideoSourceType, } from "./VideoPlayer.js";
-export type { BaseUploaderProps, ImageUploaderProps, VideoUploaderProps, FileUploaderProps, MediaUploaderProps, VideoPlayerProps, VideoPlayerControls, SiloTheme, } from "./types.js";
-export { SiloProvider, useUpload, useSignedUrl, useFileStatus, useSiloClient, } from "@silo/nextjs";
-//# sourceMappingURL=index.d.ts.map
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UploadResult } from '@geekapps/silo-nextjs';
+export { SiloProvider, useFileStatus, useSignedUrl, useSiloClient, useUpload } from '@geekapps/silo-nextjs';
+import { ReactNode, CSSProperties } from 'react';
+
+interface BaseUploaderProps {
+    /** Bucket to upload to */
+    bucket?: string;
+    /** Seconds until file expires (optional) */
+    expiresIn?: number;
+    /** Keep file private (default: true) */
+    private?: boolean;
+    /** Called when upload completes */
+    onUpload?: (result: UploadResult) => void;
+    /** Called when upload fails */
+    onError?: (error: Error) => void;
+    /** Custom className for the root element */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Disable the uploader */
+    disabled?: boolean;
+    /** Max file size in bytes */
+    maxSize?: number;
+    /** Custom label/content slot */
+    children?: React.ReactNode;
+    /** Override inner icon slot */
+    renderIcon?: () => React.ReactNode;
+    /** Override progress bar slot */
+    renderProgress?: (progress: number) => React.ReactNode;
+    /** Override success state slot */
+    renderSuccess?: (result: UploadResult) => React.ReactNode;
+    /** Override error state slot */
+    renderError?: (error: Error, retry: () => void) => React.ReactNode;
+    /** Theme tokens */
+    theme?: SiloTheme;
+}
+interface SiloTheme {
+    borderColor?: string;
+    borderColorActive?: string;
+    backgroundColor?: string;
+    backgroundColorHover?: string;
+    textColor?: string;
+    textColorMuted?: string;
+    accentColor?: string;
+    accentColorHover?: string;
+    errorColor?: string;
+    successColor?: string;
+    borderRadius?: string;
+    fontFamily?: string;
+}
+interface ImageUploaderProps extends BaseUploaderProps {
+    /** Allow cropping before upload */
+    allowCrop?: boolean;
+    /** Crop aspect ratio (e.g. 16/9) */
+    cropAspectRatio?: number;
+    /** Show preview after selection */
+    showPreview?: boolean;
+    /** Accept string (default: image/*) */
+    accept?: string;
+}
+interface VideoUploaderProps extends BaseUploaderProps {
+    /** Show video preview after selection */
+    showPreview?: boolean;
+    /** Accept string (default: video/*) */
+    accept?: string;
+}
+interface FileUploaderProps extends BaseUploaderProps {
+    /** Accepted MIME types or extensions */
+    accept?: string;
+    /** Allow multiple files */
+    multiple?: boolean;
+}
+interface MediaUploaderProps extends BaseUploaderProps {
+    /** Which tabs to show */
+    tabs?: Array<"image" | "video" | "file">;
+    /** Default active tab */
+    defaultTab?: "image" | "video" | "file";
+    imageProps?: Partial<ImageUploaderProps>;
+    videoProps?: Partial<VideoUploaderProps>;
+    fileProps?: Partial<FileUploaderProps>;
+}
+interface VideoPlayerProps {
+    /** HLS playlist URL or direct MP4 URL */
+    src: string;
+    /** Poster/thumbnail image URL */
+    poster?: string;
+    /** Signed URL for private streams */
+    token?: string;
+    /** Auto play */
+    autoPlay?: boolean;
+    /** Loop */
+    loop?: boolean;
+    /** Mute */
+    muted?: boolean;
+    /** Show native controls (default: true) */
+    controls?: boolean;
+    /** Custom controls slot — disables native controls */
+    renderControls?: (player: VideoPlayerControls) => React.ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Subtitle tracks */
+    tracks?: Array<{
+        src: string;
+        label: string;
+        srcLang: string;
+        default?: boolean;
+    }>;
+    /** Theme */
+    theme?: SiloTheme;
+    /** Called when playback starts */
+    onPlay?: () => void;
+    /** Called when playback pauses */
+    onPause?: () => void;
+    /** Called on time update */
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+}
+interface VideoPlayerControls {
+    playing: boolean;
+    currentTime: number;
+    duration: number;
+    volume: number;
+    muted: boolean;
+    play: () => void;
+    pause: () => void;
+    seek: (time: number) => void;
+    setVolume: (vol: number) => void;
+    toggleMute: () => void;
+    requestFullscreen: () => void;
+}
+
+declare function ImageUploader({ bucket, expiresIn, private: isPrivate, onUpload, onError, className, style, disabled, maxSize, accept, showPreview, theme, renderIcon, renderProgress, renderSuccess, renderError, children, }: ImageUploaderProps): react_jsx_runtime.JSX.Element;
+
+declare function VideoUploader({ bucket, expiresIn, private: isPrivate, onUpload, onError, className, style, disabled, maxSize, accept, showPreview, theme, renderIcon, renderProgress, renderSuccess, renderError, children, }: VideoUploaderProps): react_jsx_runtime.JSX.Element;
+
+declare function FileUploader({ bucket, expiresIn, private: isPrivate, onUpload, onError, className, style, disabled, maxSize, accept, multiple, theme, renderIcon, renderProgress, renderSuccess, renderError, children, }: FileUploaderProps): react_jsx_runtime.JSX.Element;
+
+declare function MediaUploader({ tabs, defaultTab, imageProps, videoProps, fileProps, className, style, theme, onUpload, onError, ...shared }: MediaUploaderProps): react_jsx_runtime.JSX.Element;
+
+type VideoSourceType = "dash" | "hls" | "file";
+type SourceProps = {
+    id?: string;
+    src: string;
+    label?: string;
+    type?: VideoSourceType;
+    default?: boolean;
+};
+type SourcesProps = {
+    children: ReactNode;
+};
+type SubtitleProps = {
+    src: string;
+    srclang: string;
+    label: string;
+    default?: boolean;
+};
+type SubtitlesProps = {
+    children: ReactNode;
+};
+type StoryboardFrameProps = {
+    start: number;
+    end: number;
+    image: string;
+    x?: number;
+    y?: number;
+    w?: number;
+    h?: number;
+};
+type StoryboardProps = {
+    src?: string;
+    fallbackImage?: string;
+    width?: number;
+    height?: number;
+    children?: ReactNode;
+};
+type VideoProps = {
+    title?: string;
+    description?: string;
+    poster?: string;
+    children: ReactNode;
+    className?: string;
+    autoHideControls?: boolean;
+    defaultVolume?: number;
+};
+declare function Sources(_props: SourcesProps): null;
+declare function Source(_props: SourceProps): null;
+declare function Subtitles(_props: SubtitlesProps): null;
+declare function Subtitle(_props: SubtitleProps): null;
+declare function Storyboard(_props: StoryboardProps): null;
+declare function StoryboardFrame(_props: StoryboardFrameProps): null;
+declare function Video({ title, description, poster, children, className, autoHideControls, defaultVolume, }: VideoProps): react_jsx_runtime.JSX.Element;
+declare const VideoPlayer: typeof Video;
+
+interface DropZoneProps {
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    maxSize?: number;
+    onFiles: (files: File[]) => void;
+    onError?: (error: Error) => void;
+    className?: string;
+    style?: CSSProperties;
+    theme?: SiloTheme;
+    children: ReactNode;
+}
+declare function DropZone({ accept, multiple, disabled, maxSize, onFiles, onError, className, style, theme, children, }: DropZoneProps): react_jsx_runtime.JSX.Element;
+
+interface ProgressBarProps {
+    progress: number;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function ProgressBar({ progress, className, style }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+declare const defaultTheme: Required<SiloTheme>;
+declare function resolveTheme(theme?: SiloTheme): Required<SiloTheme>;
+
+export { type BaseUploaderProps, DropZone, FileUploader, type FileUploaderProps, ImageUploader, type ImageUploaderProps, MediaUploader, type MediaUploaderProps, ProgressBar, type SiloTheme, Source, type SourceProps, Sources, type SourcesProps, Storyboard, StoryboardFrame, type StoryboardFrameProps, type StoryboardProps, Subtitle, type SubtitleProps, Subtitles, type SubtitlesProps, Video, VideoPlayer, type VideoPlayerControls, type VideoPlayerProps, type VideoSourceType, VideoUploader, type VideoUploaderProps, defaultTheme, resolveTheme };