@geekapps/silo-elements-nextjs 0.1.23 → 0.2.24

package/dist/components/DropZone.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { CSSProperties, ReactNode } from 'react';
 import { SiloTheme } from '../types.js';
 import '@geekapps/silo-nextjs';
@@ -15,6 +15,6 @@ interface DropZoneProps {
     theme?: SiloTheme;
     children: ReactNode;
 }
-declare function DropZone({ accept, multiple, disabled, maxSize, onFiles, onError, className, style, theme, children, }: DropZoneProps): react_jsx_runtime.JSX.Element;
+declare function DropZone({ accept, multiple, disabled, maxSize, onFiles, onError, className, style, theme, children, }: DropZoneProps): react.JSX.Element;
 
 export { DropZone };

package/dist/components/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { CSSProperties } from 'react';
 
 interface ProgressBarProps {
@@ -6,6 +6,6 @@ interface ProgressBarProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function ProgressBar({ progress, className, style }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+declare function ProgressBar({ progress, className, style }: ProgressBarProps): react.JSX.Element;
 
 export { ProgressBar };

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { MediaUploader } from './MediaUploader.js';
 export { Source, SourceProps, Sources, SourcesProps, Storyboard, StoryboardFrame, StoryboardFrameProps, StoryboardProps, Subtitle, SubtitleProps, Subtitles, SubtitlesProps, Video, VideoPlayer, VideoSourceType } from './VideoPlayer.js';
 export { DropZone } from './components/DropZone.js';
 export { ProgressBar } from './components/ProgressBar.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { CSSProperties, ReactNode } from 'react';
 import { ImageUploadOptions, VideoUploadOptions } from '@geekapps/silo-nextjs';
 export { BatchFileState, BatchUploadOptions, BatchUploadState, FileUploadStatus, ImageUploadOptions, MultipartUploadState, SiloProvider, VideoUploadOptions, useBatchUpload, useFileStatus, useMultipartUpload, useSignedUrl, useSiloClient } from '@geekapps/silo-nextjs';
@@ -17,14 +17,14 @@ interface ImageOptionsProps {
     onChange: (opts: ImageUploadOptions) => void;
     style?: CSSProperties;
 }
-declare function ImageOptions({ value, onChange, style }: ImageOptionsProps): react_jsx_runtime.JSX.Element;
+declare function ImageOptions({ value, onChange, style }: ImageOptionsProps): react.JSX.Element;
 
 interface VideoOptionsProps {
     value: VideoUploadOptions;
     onChange: (opts: VideoUploadOptions) => void;
     style?: CSSProperties;
 }
-declare function VideoOptions({ value, onChange, style }: VideoOptionsProps): react_jsx_runtime.JSX.Element;
+declare function VideoOptions({ value, onChange, style }: VideoOptionsProps): react.JSX.Element;
 
 interface AvatarProps {
     /** Silo file key for the avatar image */
@@ -41,7 +41,7 @@ interface AvatarProps {
     style?: CSSProperties;
     alt?: string;
 }
-declare function Avatar({ fileKey, bucket, initials, size, shape, className, style, alt, }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function Avatar({ fileKey, bucket, initials, size, shape, className, style, alt, }: AvatarProps): react.JSX.Element;
 
 interface ThumbnailProps {
     /** Silo file key */
@@ -64,7 +64,7 @@ interface ThumbnailProps {
     style?: CSSProperties;
     alt?: string;
 }
-declare function Thumbnail({ fileKey, bucket, mimeType, width, height, fit, borderRadius, placeholder, className, style, alt, }: ThumbnailProps): react_jsx_runtime.JSX.Element;
+declare function Thumbnail({ fileKey, bucket, mimeType, width, height, fit, borderRadius, placeholder, className, style, alt, }: ThumbnailProps): react.JSX.Element;
 
 interface BackgroundProps {
     /** Silo file key for the background image */
@@ -81,7 +81,7 @@ interface BackgroundProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function Background({ fileKey, bucket, size, position, overlay, children, className, style, }: BackgroundProps): react_jsx_runtime.JSX.Element;
+declare function Background({ fileKey, bucket, size, position, overlay, children, className, style, }: BackgroundProps): react.JSX.Element;
 
 interface FileIconProps {
     /** MIME type of the file */
@@ -99,7 +99,7 @@ interface FileIconProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function FileIcon({ mimeType, name, size, iconSize, showName, showSize, className, style, }: FileIconProps): react_jsx_runtime.JSX.Element;
+declare function FileIcon({ mimeType, name, size, iconSize, showName, showSize, className, style, }: FileIconProps): react.JSX.Element;
 
 interface FileCardProps {
     fileId: string;
@@ -113,7 +113,7 @@ interface FileCardProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function FileCard({ fileId, pollInterval, actions, onPreview, onCopyUrl, onDelete, className, style, }: FileCardProps): react_jsx_runtime.JSX.Element | null;
+declare function FileCard({ fileId, pollInterval, actions, onPreview, onCopyUrl, onDelete, className, style, }: FileCardProps): react.JSX.Element | null;
 
 interface FilePreviewProps {
     fileId: string | null;
@@ -121,6 +121,6 @@ interface FilePreviewProps {
     /** Poll interval while processing (ms, default: 3000) */
     pollInterval?: number;
 }
-declare function FilePreview({ fileId, onClose, pollInterval }: FilePreviewProps): react_jsx_runtime.JSX.Element | null;
+declare function FilePreview({ fileId, onClose, pollInterval }: FilePreviewProps): react.JSX.Element | null;
 
 export { Avatar, type AvatarProps, Background, type BackgroundProps, FileCard, type FileCardProps, FileIcon, type FileIconProps, FilePreview, type FilePreviewProps, ImageOptions, Thumbnail, type ThumbnailProps, VideoOptions };

package/dist/index.js

@@ -1921,7 +1921,7 @@ function Video({
               "div",
               {
                 className: `pointer-events-none absolute inset-0 z-10 grid place-items-center transition ${isPlaying ? "opacity-0" : "opacity-100"}`,
-                children: /* @__PURE__ */ jsx("span", { className: "grid size-12 place-items-center rounded-full bg-white/15 text-white backdrop-blur-xl ring-1 ring-white/20 @sm:size-16 @lg:size-20", children: /* @__PURE__ */ jsx(Play, { className: "ml-1 size-5 @sm:size-7 @lg:size-9" }) })
+                children: /* @__PURE__ */ jsx("span", { className: "grid size-10 place-items-center rounded-full bg-white/15 text-white backdrop-blur-xl ring-1 ring-white/20 @sm:size-14 @lg:size-16", children: /* @__PURE__ */ jsx(Play, { className: "ml-0.5 size-4 @sm:size-6 @lg:size-7" }) })
               }
             ),
             isLoading && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-20 grid place-items-center bg-black/10", children: /* @__PURE__ */ jsx("div", { className: "size-9 animate-spin rounded-full border-2 border-white/25 border-t-white" }) }),
@@ -2121,7 +2121,7 @@ function Video({
                             onClick: () => seekRelative(-10),
                             className: "grid size-6 place-items-center text-white transition hover:scale-105 hover:text-white/80 @sm:size-8",
                             "aria-label": "Rewind 10 seconds",
-                            children: /* @__PURE__ */ jsx(Rewind, { className: "size-5 @sm:size-7" })
+                            children: /* @__PURE__ */ jsx(Rewind, { className: "size-4 @sm:size-6" })
                           }
                         ),
                         /* @__PURE__ */ jsx(
@@ -2131,7 +2131,7 @@ function Video({
                             onClick: togglePlay,
                             className: "grid size-6 place-items-center text-white transition hover:scale-105 hover:text-white/80 @sm:size-8",
                             "aria-label": isPlaying ? "Pause" : "Play",
-                            children: isPlaying ? /* @__PURE__ */ jsx(Pause, { className: "size-5 @sm:size-7" }) : /* @__PURE__ */ jsx(Play, { className: "size-5 @sm:size-7" })
+                            children: isPlaying ? /* @__PURE__ */ jsx(Pause, { className: "size-4 @sm:size-6" }) : /* @__PURE__ */ jsx(Play, { className: "size-4 @sm:size-6" })
                           }
                         ),
                         /* @__PURE__ */ jsx(
@@ -2141,7 +2141,7 @@ function Video({
                             onClick: () => seekRelative(10),
                             className: "grid size-6 place-items-center text-white transition hover:scale-105 hover:text-white/80 @sm:size-8",
                             "aria-label": "Forward 10 seconds",
-                            children: /* @__PURE__ */ jsx(FastForward, { className: "size-5 @sm:size-7" })
+                            children: /* @__PURE__ */ jsx(FastForward, { className: "size-4 @sm:size-6" })
                           }
                         ),
                         /* @__PURE__ */ jsxs("div", { className: "hidden items-center gap-1 text-xs font-semibold text-white/75 @sm:flex @sm:gap-2 @sm:text-sm", children: [
@@ -2223,7 +2223,7 @@ function Video({
               {
                 className: "pointer-events-none absolute inset-0 z-50 grid place-items-center",
                 style: { opacity: clickIcon ? 1 : 0, transition: clickIcon ? "opacity 0.08s ease-in" : "opacity 0.45s ease-out" },
-                children: /* @__PURE__ */ jsx("span", { className: "grid size-14 place-items-center rounded-full bg-black/40 text-white backdrop-blur-sm ring-1 ring-white/20 @sm:size-18 @lg:size-22", children: clickIcon === "pause" ? /* @__PURE__ */ jsx(Pause, { className: "size-6 @sm:size-8 @lg:size-10" }) : /* @__PURE__ */ jsx(Play, { className: "ml-1 size-6 @sm:size-8 @lg:size-10" }) })
+                children: /* @__PURE__ */ jsx("span", { className: "grid size-10 place-items-center rounded-full bg-black/40 text-white backdrop-blur-sm ring-1 ring-white/20 @sm:size-14 @lg:size-16", children: clickIcon === "pause" ? /* @__PURE__ */ jsx(Pause, { className: "size-4 @sm:size-6 @lg:size-7" }) : /* @__PURE__ */ jsx(Play, { className: "ml-0.5 size-4 @sm:size-6 @lg:size-7" }) })
               }
             ),
             activeCue && /* @__PURE__ */ jsx(