@geekapps/silo-elements-nextjs 0.0.2 → 0.0.4

package/dist/types.d.ts

@@ -0,0 +1,131 @@
+import { UploadResult } from '@geekapps/silo-nextjs';
+
+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;
+}
+
+export type { BaseUploaderProps, FileUploaderProps, ImageUploaderProps, MediaUploaderProps, SiloTheme, VideoPlayerControls, VideoPlayerProps, VideoUploaderProps };

package/dist/types.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/utils/format.d.ts

@@ -0,0 +1,4 @@
+declare function formatBytes(bytes: number): string;
+declare function getFileIcon(mimeType: string): string;
+
+export { formatBytes, getFileIcon };

package/dist/utils/format.js

@@ -0,0 +1,22 @@
+// src/utils/format.ts
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 ** 2) return `${(bytes / 1024).toFixed(1)} KB`;
+  if (bytes < 1024 ** 3) return `${(bytes / 1024 ** 2).toFixed(1)} MB`;
+  return `${(bytes / 1024 ** 3).toFixed(2)} GB`;
+}
+function getFileIcon(mimeType) {
+  if (mimeType.startsWith("image/")) return "\u{1F5BC}\uFE0F";
+  if (mimeType.startsWith("video/")) return "\u{1F3AC}";
+  if (mimeType.startsWith("audio/")) return "\u{1F3B5}";
+  if (mimeType === "application/pdf") return "\u{1F4C4}";
+  if (mimeType.includes("spreadsheet") || mimeType.includes("excel")) return "\u{1F4CA}";
+  if (mimeType.includes("presentation") || mimeType.includes("powerpoint")) return "\u{1F4D1}";
+  if (mimeType.includes("word") || mimeType.includes("document")) return "\u{1F4DD}";
+  if (mimeType.includes("zip") || mimeType.includes("tar") || mimeType.includes("gzip")) return "\u{1F4E6}";
+  return "\u{1F4CE}";
+}
+
+export { formatBytes, getFileIcon };
+//# sourceMappingURL=format.js.map
+//# sourceMappingURL=format.js.map

package/dist/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/format.ts"],"names":[],"mappings":";AAAO,SAAS,YAAY,KAAA,EAAuB;AACjD,EAAA,IAAI,KAAA,GAAQ,IAAA,EAAM,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA;AACjC,EAAA,IAAI,KAAA,GAAQ,QAAQ,CAAA,EAAG,OAAO,IAAI,KAAA,GAAQ,IAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAC1D,EAAA,IAAI,KAAA,GAAQ,IAAA,IAAQ,CAAA,EAAG,OAAO,CAAA,EAAA,CAAI,QAAQ,IAAA,IAAQ,CAAA,EAAG,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAC/D,EAAA,OAAO,IAAI,KAAA,GAAQ,IAAA,IAAQ,CAAA,EAAG,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAC1C;AAEO,SAAS,YAAY,QAAA,EAA0B;AACpD,EAAA,IAAI,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA,EAAG,OAAO,iBAAA;AAC1C,EAAA,IAAI,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA,EAAG,OAAO,WAAA;AAC1C,EAAA,IAAI,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA,EAAG,OAAO,WAAA;AAC1C,EAAA,IAAI,QAAA,KAAa,mBAAmB,OAAO,WAAA;AAC3C,EAAA,IAAI,QAAA,CAAS,SAAS,aAAa,CAAA,IAAK,SAAS,QAAA,CAAS,OAAO,GAAG,OAAO,WAAA;AAC3E,EAAA,IAAI,QAAA,CAAS,SAAS,cAAc,CAAA,IAAK,SAAS,QAAA,CAAS,YAAY,GAAG,OAAO,WAAA;AACjF,EAAA,IAAI,QAAA,CAAS,SAAS,MAAM,CAAA,IAAK,SAAS,QAAA,CAAS,UAAU,GAAG,OAAO,WAAA;AACvE,EAAA,IAAI,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,QAAA,CAAS,QAAA,CAAS,MAAM,CAAA,EAAG,OAAO,WAAA;AAC9F,EAAA,OAAO,WAAA;AACT","file":"format.js","sourcesContent":["export function formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 ** 2) return `${(bytes / 1024).toFixed(1)} KB`;\n  if (bytes < 1024 ** 3) return `${(bytes / 1024 ** 2).toFixed(1)} MB`;\n  return `${(bytes / 1024 ** 3).toFixed(2)} GB`;\n}\n\nexport function getFileIcon(mimeType: string): string {\n  if (mimeType.startsWith(\"image/\")) return \"🖼️\";\n  if (mimeType.startsWith(\"video/\")) return \"🎬\";\n  if (mimeType.startsWith(\"audio/\")) return \"🎵\";\n  if (mimeType === \"application/pdf\") return \"📄\";\n  if (mimeType.includes(\"spreadsheet\") || mimeType.includes(\"excel\")) return \"📊\";\n  if (mimeType.includes(\"presentation\") || mimeType.includes(\"powerpoint\")) return \"📑\";\n  if (mimeType.includes(\"word\") || mimeType.includes(\"document\")) return \"📝\";\n  if (mimeType.includes(\"zip\") || mimeType.includes(\"tar\") || mimeType.includes(\"gzip\")) return \"📦\";\n  return \"📎\";\n}\n"]}

package/dist/utils/theme.d.ts

@@ -0,0 +1,8 @@
+import { SiloTheme } from '../types.js';
+import '@geekapps/silo-nextjs';
+
+declare const defaultTheme: Required<SiloTheme>;
+declare function resolveTheme(theme?: SiloTheme): Required<SiloTheme>;
+declare function themeToVars(theme: Required<SiloTheme>): Record<string, string>;
+
+export { defaultTheme, resolveTheme, themeToVars };

package/dist/utils/theme.js

@@ -0,0 +1,38 @@
+// src/utils/theme.ts
+var defaultTheme = {
+  borderColor: "#e2e8f0",
+  borderColorActive: "#6366f1",
+  backgroundColor: "#f8fafc",
+  backgroundColorHover: "#f1f5f9",
+  textColor: "#0f172a",
+  textColorMuted: "#64748b",
+  accentColor: "#6366f1",
+  accentColorHover: "#4f46e5",
+  errorColor: "#ef4444",
+  successColor: "#22c55e",
+  borderRadius: "12px",
+  fontFamily: "inherit"
+};
+function resolveTheme(theme) {
+  return { ...defaultTheme, ...theme };
+}
+function themeToVars(theme) {
+  return {
+    "--silo-border": theme.borderColor,
+    "--silo-border-active": theme.borderColorActive,
+    "--silo-bg": theme.backgroundColor,
+    "--silo-bg-hover": theme.backgroundColorHover,
+    "--silo-text": theme.textColor,
+    "--silo-text-muted": theme.textColorMuted,
+    "--silo-accent": theme.accentColor,
+    "--silo-accent-hover": theme.accentColorHover,
+    "--silo-error": theme.errorColor,
+    "--silo-success": theme.successColor,
+    "--silo-radius": theme.borderRadius,
+    "--silo-font": theme.fontFamily
+  };
+}
+
+export { defaultTheme, resolveTheme, themeToVars };
+//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/dist/utils/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/theme.ts"],"names":[],"mappings":";AAEO,IAAM,YAAA,GAAoC;AAAA,EAC/C,WAAA,EAAa,SAAA;AAAA,EACb,iBAAA,EAAmB,SAAA;AAAA,EACnB,eAAA,EAAiB,SAAA;AAAA,EACjB,oBAAA,EAAsB,SAAA;AAAA,EACtB,SAAA,EAAW,SAAA;AAAA,EACX,cAAA,EAAgB,SAAA;AAAA,EAChB,WAAA,EAAa,SAAA;AAAA,EACb,gBAAA,EAAkB,SAAA;AAAA,EAClB,UAAA,EAAY,SAAA;AAAA,EACZ,YAAA,EAAc,SAAA;AAAA,EACd,YAAA,EAAc,MAAA;AAAA,EACd,UAAA,EAAY;AACd;AAEO,SAAS,aAAa,KAAA,EAAwC;AACnE,EAAA,OAAO,EAAE,GAAG,YAAA,EAAc,GAAG,KAAA,EAAM;AACrC;AAEO,SAAS,YAAY,KAAA,EAAoD;AAC9E,EAAA,OAAO;AAAA,IACL,iBAAiB,KAAA,CAAM,WAAA;AAAA,IACvB,wBAAwB,KAAA,CAAM,iBAAA;AAAA,IAC9B,aAAa,KAAA,CAAM,eAAA;AAAA,IACnB,mBAAmB,KAAA,CAAM,oBAAA;AAAA,IACzB,eAAe,KAAA,CAAM,SAAA;AAAA,IACrB,qBAAqB,KAAA,CAAM,cAAA;AAAA,IAC3B,iBAAiB,KAAA,CAAM,WAAA;AAAA,IACvB,uBAAuB,KAAA,CAAM,gBAAA;AAAA,IAC7B,gBAAgB,KAAA,CAAM,UAAA;AAAA,IACtB,kBAAkB,KAAA,CAAM,YAAA;AAAA,IACxB,iBAAiB,KAAA,CAAM,YAAA;AAAA,IACvB,eAAe,KAAA,CAAM;AAAA,GACvB;AACF","file":"theme.js","sourcesContent":["import type { SiloTheme } from \"../types.js\";\n\nexport const defaultTheme: Required<SiloTheme> = {\n  borderColor: \"#e2e8f0\",\n  borderColorActive: \"#6366f1\",\n  backgroundColor: \"#f8fafc\",\n  backgroundColorHover: \"#f1f5f9\",\n  textColor: \"#0f172a\",\n  textColorMuted: \"#64748b\",\n  accentColor: \"#6366f1\",\n  accentColorHover: \"#4f46e5\",\n  errorColor: \"#ef4444\",\n  successColor: \"#22c55e\",\n  borderRadius: \"12px\",\n  fontFamily: \"inherit\",\n};\n\nexport function resolveTheme(theme?: SiloTheme): Required<SiloTheme> {\n  return { ...defaultTheme, ...theme };\n}\n\nexport function themeToVars(theme: Required<SiloTheme>): Record<string, string> {\n  return {\n    \"--silo-border\": theme.borderColor,\n    \"--silo-border-active\": theme.borderColorActive,\n    \"--silo-bg\": theme.backgroundColor,\n    \"--silo-bg-hover\": theme.backgroundColorHover,\n    \"--silo-text\": theme.textColor,\n    \"--silo-text-muted\": theme.textColorMuted,\n    \"--silo-accent\": theme.accentColor,\n    \"--silo-accent-hover\": theme.accentColorHover,\n    \"--silo-error\": theme.errorColor,\n    \"--silo-success\": theme.successColor,\n    \"--silo-radius\": theme.borderRadius,\n    \"--silo-font\": theme.fontFamily,\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geekapps/silo-elements-nextjs",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Silo UI elements — beautiful, customizable upload components",
   "type": "module",
   "main": "./dist/index.js",