@geekapps/silo-elements-nextjs 0.0.1 → 0.0.3

package/dist/VideoUploader.js

@@ -1,48 +1,300 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { useUpload } from "@silo/nextjs";
-import { DropZone } from "./components/DropZone.js";
-import { ProgressBar } from "./components/ProgressBar.js";
-import { formatBytes } from "./utils/format.js";
-import { resolveTheme, themeToVars } from "./utils/theme.js";
-export function VideoUploader({ bucket, expiresIn, private: isPrivate = true, onUpload, onError, className = "", style, disabled = false, maxSize, accept = "video/*", showPreview = true, theme, renderIcon, renderProgress, renderSuccess, renderError, children, }) {
-    const uploadOpts = { private: isPrivate, ...(bucket !== undefined && { bucket }), ...(expiresIn !== undefined && { expiresIn }) };
-    const { state, upload, reset } = useUpload(uploadOpts);
-    const [preview, setPreview] = useState(null);
-    const t = resolveTheme(theme);
-    const vars = themeToVars(t);
-    const handleFiles = useCallback(async (files) => {
-        const file = files[0];
-        if (!file)
-            return;
-        if (showPreview) {
-            const url = URL.createObjectURL(file);
-            setPreview(url);
-        }
-        try {
-            const result = await upload(file);
-            onUpload?.(result);
-        }
-        catch (err) {
-            onError?.(err instanceof Error ? err : new Error(String(err)));
+import { useState, useCallback, useRef } from 'react';
+import { useUpload } from '@geekapps/silo-nextjs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// 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
+  };
+}
+function DropZone({
+  accept,
+  multiple = false,
+  disabled = false,
+  maxSize,
+  onFiles,
+  onError,
+  className = "",
+  style,
+  theme,
+  children
+}) {
+  const [dragging, setDragging] = useState(false);
+  const inputRef = useRef(null);
+  const t = resolveTheme(theme);
+  const vars = themeToVars(t);
+  const validate = useCallback(
+    (files) => {
+      return files.filter((f) => {
+        if (maxSize && f.size > maxSize) {
+          onError?.(new Error(`File "${f.name}" exceeds max size of ${maxSize} bytes`));
+          return false;
         }
-    }, [upload, onUpload, onError, showPreview]);
-    const containerStyle = {
-        ...vars,
-        display: "flex",
-        flexDirection: "column",
-        gap: "12px",
-        width: "100%",
-        fontFamily: "var(--silo-font)",
-        ...style,
-    };
-    if (state.status === "error" && renderError) {
-        return _jsx("div", { style: containerStyle, children: renderError(state.error, reset) });
+        return true;
+      });
+    },
+    [maxSize, onError]
+  );
+  const handleDrop = useCallback(
+    (e) => {
+      e.preventDefault();
+      setDragging(false);
+      if (disabled) return;
+      const files = Array.from(e.dataTransfer.files);
+      const valid = validate(files);
+      if (valid.length) onFiles(valid);
+    },
+    [disabled, validate, onFiles]
+  );
+  const handleChange = useCallback(
+    (e) => {
+      const files = Array.from(e.target.files ?? []);
+      const valid = validate(files);
+      if (valid.length) onFiles(valid);
+      e.target.value = "";
+    },
+    [validate, onFiles]
+  );
+  const rootStyle = {
+    ...vars,
+    fontFamily: "var(--silo-font)",
+    border: `2px dashed ${dragging ? "var(--silo-border-active)" : "var(--silo-border)"}`,
+    borderRadius: "var(--silo-radius)",
+    backgroundColor: dragging ? "var(--silo-bg-hover)" : "var(--silo-bg)",
+    color: "var(--silo-text)",
+    cursor: disabled ? "not-allowed" : "pointer",
+    transition: "border-color 0.15s, background-color 0.15s",
+    opacity: disabled ? 0.5 : 1,
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `silo-dropzone${className ? ` ${className}` : ""}`,
+      style: rootStyle,
+      onDragOver: (e) => {
+        e.preventDefault();
+        if (!disabled) setDragging(true);
+      },
+      onDragLeave: () => setDragging(false),
+      onDrop: handleDrop,
+      onClick: () => !disabled && inputRef.current?.click(),
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") inputRef.current?.click();
+      },
+      "aria-label": "Upload area",
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            style: { display: "none" },
+            onChange: handleChange,
+            disabled
+          }
+        ),
+        children
+      ]
     }
-    if (state.status === "done" && renderSuccess) {
-        return _jsx("div", { style: containerStyle, children: renderSuccess(state.result) });
+  );
+}
+function ProgressBar({ progress, className = "", style }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `silo-progress-track${className ? ` ${className}` : ""}`,
+      style: {
+        height: "6px",
+        borderRadius: "3px",
+        backgroundColor: "rgba(99,102,241,0.15)",
+        overflow: "hidden",
+        ...style
+      },
+      role: "progressbar",
+      "aria-valuenow": progress,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "silo-progress-fill",
+          style: {
+            height: "100%",
+            width: `${progress}%`,
+            backgroundColor: "var(--silo-accent, #6366f1)",
+            borderRadius: "3px",
+            transition: "width 0.2s ease"
+          }
+        }
+      )
     }
-    return (_jsxs("div", { className: `silo-video-uploader${className ? ` ${className}` : ""}`, style: containerStyle, children: [_jsx(DropZone, { ...(accept !== undefined && { accept }), ...(maxSize !== undefined && { maxSize }), ...(onError !== undefined && { onError }), ...(theme !== undefined && { theme }), disabled: disabled || state.status === "uploading", onFiles: handleFiles, style: { padding: "32px 24px", textAlign: "center" }, children: preview && state.status !== "uploading" ? (_jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" }, children: [_jsx("video", { src: preview, style: { maxWidth: "100%", maxHeight: "180px", borderRadius: "8px" }, controls: false, muted: true, playsInline: true }), _jsx("span", { style: { fontSize: "12px", color: "var(--silo-text-muted)" }, children: "Click or drag to replace" })] })) : (_jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" }, children: [renderIcon ? renderIcon() : (_jsx("svg", { width: "40", height: "40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", style: { color: "var(--silo-text-muted)", opacity: 0.6 }, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 10l4.553-2.069A1 1 0 0121 8.878v6.244a1 1 0 01-1.447.894L15 14M3 8a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z" }) })), children ?? (_jsxs(_Fragment, { children: [_jsx("span", { style: { fontWeight: 600, color: "var(--silo-text)" }, children: "Drop video here" }), _jsx("span", { style: { fontSize: "13px", color: "var(--silo-text-muted)" }, children: "or click to browse" }), _jsxs("span", { style: { fontSize: "12px", color: "var(--silo-text-muted)" }, children: ["MP4, MOV, MKV, WebM", maxSize ? ` · Max ${formatBytes(maxSize)}` : ""] })] }))] })) }), state.status === "uploading" && (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: renderProgress ? renderProgress(state.progress) : (_jsxs(_Fragment, { children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", fontSize: "13px", color: "var(--silo-text-muted)" }, children: [_jsx("span", { children: "Uploading video\u2026" }), _jsxs("span", { children: [state.progress, "%"] })] }), _jsx(ProgressBar, { progress: state.progress }), _jsx("span", { style: { fontSize: "12px", color: "var(--silo-text-muted)" }, children: "Processing will start after upload completes" })] })) })), state.status === "done" && !renderSuccess && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "10px 14px", borderRadius: "8px", backgroundColor: "rgba(34,197,94,0.1)", color: "var(--silo-success, #22c55e)", fontSize: "14px" }, children: [_jsx("svg", { width: "18", height: "18", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), _jsx("span", { children: "Video uploaded \u2014 processing in background" }), _jsx("button", { onClick: (e) => { e.stopPropagation(); reset(); setPreview(null); }, style: { marginLeft: "auto", background: "none", border: "none", cursor: "pointer", fontSize: "12px", color: "var(--silo-text-muted)" }, children: "Upload another" })] })), state.status === "error" && !renderError && (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "10px 14px", borderRadius: "8px", backgroundColor: "rgba(239,68,68,0.1)", color: "var(--silo-error, #ef4444)", fontSize: "14px" }, children: [_jsx("svg", { width: "18", height: "18", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), _jsx("span", { children: state.error.message }), _jsx("button", { onClick: (e) => { e.stopPropagation(); reset(); }, style: { marginLeft: "auto", background: "none", border: "none", cursor: "pointer", fontSize: "12px", color: "var(--silo-text-muted)" }, children: "Retry" })] }))] }));
+  );
+}
+
+// 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 VideoUploader({
+  bucket,
+  expiresIn,
+  private: isPrivate = true,
+  onUpload,
+  onError,
+  className = "",
+  style,
+  disabled = false,
+  maxSize,
+  accept = "video/*",
+  showPreview = true,
+  theme,
+  renderIcon,
+  renderProgress,
+  renderSuccess,
+  renderError,
+  children
+}) {
+  const uploadOpts = { private: isPrivate, ...bucket !== void 0 && { bucket }, ...expiresIn !== void 0 && { expiresIn } };
+  const { state, upload, reset } = useUpload(uploadOpts);
+  const [preview, setPreview] = useState(null);
+  const t = resolveTheme(theme);
+  const vars = themeToVars(t);
+  const handleFiles = useCallback(
+    async (files) => {
+      const file = files[0];
+      if (!file) return;
+      if (showPreview) {
+        const url = URL.createObjectURL(file);
+        setPreview(url);
+      }
+      try {
+        const result = await upload(file);
+        onUpload?.(result);
+      } catch (err) {
+        onError?.(err instanceof Error ? err : new Error(String(err)));
+      }
+    },
+    [upload, onUpload, onError, showPreview]
+  );
+  const containerStyle = {
+    ...vars,
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    width: "100%",
+    fontFamily: "var(--silo-font)",
+    ...style
+  };
+  if (state.status === "error" && renderError) {
+    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: renderError(state.error, reset) });
+  }
+  if (state.status === "done" && renderSuccess) {
+    return /* @__PURE__ */ jsx("div", { style: containerStyle, children: renderSuccess(state.result) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `silo-video-uploader${className ? ` ${className}` : ""}`, style: containerStyle, children: [
+    /* @__PURE__ */ jsx(
+      DropZone,
+      {
+        ...accept !== void 0 && { accept },
+        ...maxSize !== void 0 && { maxSize },
+        ...onError !== void 0 && { onError },
+        ...theme !== void 0 && { theme },
+        disabled: disabled || state.status === "uploading",
+        onFiles: handleFiles,
+        style: { padding: "32px 24px", textAlign: "center" },
+        children: preview && state.status !== "uploading" ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" }, children: [
+          /* @__PURE__ */ jsx(
+            "video",
+            {
+              src: preview,
+              style: { maxWidth: "100%", maxHeight: "180px", borderRadius: "8px" },
+              controls: false,
+              muted: true,
+              playsInline: true
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: "var(--silo-text-muted)" }, children: "Click or drag to replace" })
+        ] }) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" }, children: [
+          renderIcon ? renderIcon() : /* @__PURE__ */ jsx("svg", { width: "40", height: "40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", style: { color: "var(--silo-text-muted)", opacity: 0.6 }, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 10l4.553-2.069A1 1 0 0121 8.878v6.244a1 1 0 01-1.447.894L15 14M3 8a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z" }) }),
+          children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, color: "var(--silo-text)" }, children: "Drop video here" }),
+            /* @__PURE__ */ jsx("span", { style: { fontSize: "13px", color: "var(--silo-text-muted)" }, children: "or click to browse" }),
+            /* @__PURE__ */ jsxs("span", { style: { fontSize: "12px", color: "var(--silo-text-muted)" }, children: [
+              "MP4, MOV, MKV, WebM",
+              maxSize ? ` \xB7 Max ${formatBytes(maxSize)}` : ""
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    state.status === "uploading" && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: renderProgress ? renderProgress(state.progress) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", fontSize: "13px", color: "var(--silo-text-muted)" }, children: [
+        /* @__PURE__ */ jsx("span", { children: "Uploading video\u2026" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          state.progress,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(ProgressBar, { progress: state.progress }),
+      /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: "var(--silo-text-muted)" }, children: "Processing will start after upload completes" })
+    ] }) }),
+    state.status === "done" && !renderSuccess && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "10px 14px", borderRadius: "8px", backgroundColor: "rgba(34,197,94,0.1)", color: "var(--silo-success, #22c55e)", fontSize: "14px" }, children: [
+      /* @__PURE__ */ jsx("svg", { width: "18", height: "18", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+      /* @__PURE__ */ jsx("span", { children: "Video uploaded \u2014 processing in background" }),
+      /* @__PURE__ */ jsx("button", { onClick: (e) => {
+        e.stopPropagation();
+        reset();
+        setPreview(null);
+      }, style: { marginLeft: "auto", background: "none", border: "none", cursor: "pointer", fontSize: "12px", color: "var(--silo-text-muted)" }, children: "Upload another" })
+    ] }),
+    state.status === "error" && !renderError && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "10px 14px", borderRadius: "8px", backgroundColor: "rgba(239,68,68,0.1)", color: "var(--silo-error, #ef4444)", fontSize: "14px" }, children: [
+      /* @__PURE__ */ jsx("svg", { width: "18", height: "18", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+      /* @__PURE__ */ jsx("span", { children: state.error.message }),
+      /* @__PURE__ */ jsx("button", { onClick: (e) => {
+        e.stopPropagation();
+        reset();
+      }, style: { marginLeft: "auto", background: "none", border: "none", cursor: "pointer", fontSize: "12px", color: "var(--silo-text-muted)" }, children: "Retry" })
+    ] })
+  ] });
 }
+
+export { VideoUploader };
+//# sourceMappingURL=VideoUploader.js.map
 //# sourceMappingURL=VideoUploader.js.map

package/dist/VideoUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoUploader.js","sourceRoot":"","sources":["../src/VideoUploader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../src/utils/theme.ts","../src/components/DropZone.tsx","../src/components/ProgressBar.tsx","../src/utils/format.ts","../src/VideoUploader.tsx"],"names":["jsx","useState","useCallback","jsxs"],"mappings":"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","file":"VideoUploader.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","\"use client\";\n\nimport {\n  useState,\n  useRef,\n  useCallback,\n  type DragEvent,\n  type ChangeEvent,\n  type ReactNode,\n  type CSSProperties,\n} from \"react\";\nimport type { SiloTheme } from \"../types.js\";\nimport { resolveTheme, themeToVars } from \"../utils/theme.js\";\n\ninterface DropZoneProps {\n  accept?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  maxSize?: number;\n  onFiles: (files: File[]) => void;\n  onError?: (error: Error) => void;\n  className?: string;\n  style?: CSSProperties;\n  theme?: SiloTheme;\n  children: ReactNode;\n}\n\nexport function DropZone({\n  accept,\n  multiple = false,\n  disabled = false,\n  maxSize,\n  onFiles,\n  onError,\n  className = \"\",\n  style,\n  theme,\n  children,\n}: DropZoneProps) {\n  const [dragging, setDragging] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const t = resolveTheme(theme);\n  const vars = themeToVars(t);\n\n  const validate = useCallback(\n    (files: File[]): File[] => {\n      return files.filter((f) => {\n        if (maxSize && f.size > maxSize) {\n          onError?.(new Error(`File \"${f.name}\" exceeds max size of ${maxSize} bytes`));\n          return false;\n        }\n        return true;\n      });\n    },\n    [maxSize, onError]\n  );\n\n  const handleDrop = useCallback(\n    (e: DragEvent<HTMLDivElement>) => {\n      e.preventDefault();\n      setDragging(false);\n      if (disabled) return;\n      const files = Array.from(e.dataTransfer.files);\n      const valid = validate(files);\n      if (valid.length) onFiles(valid);\n    },\n    [disabled, validate, onFiles]\n  );\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(e.target.files ?? []);\n      const valid = validate(files);\n      if (valid.length) onFiles(valid);\n      e.target.value = \"\";\n    },\n    [validate, onFiles]\n  );\n\n  const rootStyle: CSSProperties = {\n    ...vars as CSSProperties,\n    fontFamily: \"var(--silo-font)\",\n    border: `2px dashed ${dragging ? \"var(--silo-border-active)\" : \"var(--silo-border)\"}`,\n    borderRadius: \"var(--silo-radius)\",\n    backgroundColor: dragging ? \"var(--silo-bg-hover)\" : \"var(--silo-bg)\",\n    color: \"var(--silo-text)\",\n    cursor: disabled ? \"not-allowed\" : \"pointer\",\n    transition: \"border-color 0.15s, background-color 0.15s\",\n    opacity: disabled ? 0.5 : 1,\n    ...style,\n  };\n\n  return (\n    <div\n      className={`silo-dropzone${className ? ` ${className}` : \"\"}`}\n      style={rootStyle}\n      onDragOver={(e) => { e.preventDefault(); if (!disabled) setDragging(true); }}\n      onDragLeave={() => setDragging(false)}\n      onDrop={handleDrop}\n      onClick={() => !disabled && inputRef.current?.click()}\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={(e) => { if (e.key === \"Enter\" || e.key === \" \") inputRef.current?.click(); }}\n      aria-label=\"Upload area\"\n    >\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        style={{ display: \"none\" }}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      {children}\n    </div>\n  );\n}\n","\"use client\";\n\nimport type { CSSProperties } from \"react\";\n\ninterface ProgressBarProps {\n  progress: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function ProgressBar({ progress, className = \"\", style }: ProgressBarProps) {\n  return (\n    <div\n      className={`silo-progress-track${className ? ` ${className}` : \"\"}`}\n      style={{\n        height: \"6px\",\n        borderRadius: \"3px\",\n        backgroundColor: \"rgba(99,102,241,0.15)\",\n        overflow: \"hidden\",\n        ...style,\n      }}\n      role=\"progressbar\"\n      aria-valuenow={progress}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div\n        className=\"silo-progress-fill\"\n        style={{\n          height: \"100%\",\n          width: `${progress}%`,\n          backgroundColor: \"var(--silo-accent, #6366f1)\",\n          borderRadius: \"3px\",\n          transition: \"width 0.2s ease\",\n        }}\n      />\n    </div>\n  );\n}\n","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","\"use client\";\n\nimport { useState, useCallback, type CSSProperties } from \"react\";\nimport { useUpload } from \"@geekapps/silo-nextjs\";\nimport type { VideoUploaderProps } from \"./types.js\";\nimport { DropZone } from \"./components/DropZone.js\";\nimport { ProgressBar } from \"./components/ProgressBar.js\";\nimport { formatBytes } from \"./utils/format.js\";\nimport { resolveTheme, themeToVars } from \"./utils/theme.js\";\n\nexport function VideoUploader({\n  bucket,\n  expiresIn,\n  private: isPrivate = true,\n  onUpload,\n  onError,\n  className = \"\",\n  style,\n  disabled = false,\n  maxSize,\n  accept = \"video/*\",\n  showPreview = true,\n  theme,\n  renderIcon,\n  renderProgress,\n  renderSuccess,\n  renderError,\n  children,\n}: VideoUploaderProps) {\n  const uploadOpts = { private: isPrivate, ...(bucket !== undefined && { bucket }), ...(expiresIn !== undefined && { expiresIn }) };\n  const { state, upload, reset } = useUpload(uploadOpts);\n  const [preview, setPreview] = useState<string | null>(null);\n  const t = resolveTheme(theme);\n  const vars = themeToVars(t);\n\n  const handleFiles = useCallback(\n    async (files: File[]) => {\n      const file = files[0];\n      if (!file) return;\n\n      if (showPreview) {\n        const url = URL.createObjectURL(file);\n        setPreview(url);\n      }\n\n      try {\n        const result = await upload(file);\n        onUpload?.(result);\n      } catch (err) {\n        onError?.(err instanceof Error ? err : new Error(String(err)));\n      }\n    },\n    [upload, onUpload, onError, showPreview]\n  );\n\n  const containerStyle: CSSProperties = {\n    ...vars as CSSProperties,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"12px\",\n    width: \"100%\",\n    fontFamily: \"var(--silo-font)\",\n    ...style,\n  };\n\n  if (state.status === \"error\" && renderError) {\n    return <div style={containerStyle}>{renderError(state.error, reset)}</div>;\n  }\n  if (state.status === \"done\" && renderSuccess) {\n    return <div style={containerStyle}>{renderSuccess(state.result)}</div>;\n  }\n\n  return (\n    <div className={`silo-video-uploader${className ? ` ${className}` : \"\"}`} style={containerStyle}>\n      <DropZone\n        {...(accept !== undefined && { accept })}\n        {...(maxSize !== undefined && { maxSize })}\n        {...(onError !== undefined && { onError })}\n        {...(theme !== undefined && { theme })}\n        disabled={disabled || state.status === \"uploading\"}\n        onFiles={handleFiles}\n        style={{ padding: \"32px 24px\", textAlign: \"center\" }}\n      >\n        {preview && state.status !== \"uploading\" ? (\n          <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n            <video\n              src={preview}\n              style={{ maxWidth: \"100%\", maxHeight: \"180px\", borderRadius: \"8px\" }}\n              controls={false}\n              muted\n              playsInline\n            />\n            <span style={{ fontSize: \"12px\", color: \"var(--silo-text-muted)\" }}>\n              Click or drag to replace\n            </span>\n          </div>\n        ) : (\n          <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n            {renderIcon ? renderIcon() : (\n              <svg width=\"40\" height=\"40\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style={{ color: \"var(--silo-text-muted)\", opacity: 0.6 }}>\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M15 10l4.553-2.069A1 1 0 0121 8.878v6.244a1 1 0 01-1.447.894L15 14M3 8a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z\" />\n              </svg>\n            )}\n            {children ?? (\n              <>\n                <span style={{ fontWeight: 600, color: \"var(--silo-text)\" }}>Drop video here</span>\n                <span style={{ fontSize: \"13px\", color: \"var(--silo-text-muted)\" }}>or click to browse</span>\n                <span style={{ fontSize: \"12px\", color: \"var(--silo-text-muted)\" }}>\n                  MP4, MOV, MKV, WebM{maxSize ? ` · Max ${formatBytes(maxSize)}` : \"\"}\n                </span>\n              </>\n            )}\n          </div>\n        )}\n      </DropZone>\n\n      {state.status === \"uploading\" && (\n        <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"6px\" }}>\n          {renderProgress ? renderProgress(state.progress) : (\n            <>\n              <div style={{ display: \"flex\", justifyContent: \"space-between\", fontSize: \"13px\", color: \"var(--silo-text-muted)\" }}>\n                <span>Uploading video…</span>\n                <span>{state.progress}%</span>\n              </div>\n              <ProgressBar progress={state.progress} />\n              <span style={{ fontSize: \"12px\", color: \"var(--silo-text-muted)\" }}>\n                Processing will start after upload completes\n              </span>\n            </>\n          )}\n        </div>\n      )}\n\n      {state.status === \"done\" && !renderSuccess && (\n        <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", padding: \"10px 14px\", borderRadius: \"8px\", backgroundColor: \"rgba(34,197,94,0.1)\", color: \"var(--silo-success, #22c55e)\", fontSize: \"14px\" }}>\n          <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n          </svg>\n          <span>Video uploaded — processing in background</span>\n          <button onClick={(e) => { e.stopPropagation(); reset(); setPreview(null); }} style={{ marginLeft: \"auto\", background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"12px\", color: \"var(--silo-text-muted)\" }}>\n            Upload another\n          </button>\n        </div>\n      )}\n\n      {state.status === \"error\" && !renderError && (\n        <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", padding: \"10px 14px\", borderRadius: \"8px\", backgroundColor: \"rgba(239,68,68,0.1)\", color: \"var(--silo-error, #ef4444)\", fontSize: \"14px\" }}>\n          <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n          </svg>\n          <span>{state.error.message}</span>\n          <button onClick={(e) => { e.stopPropagation(); reset(); }} style={{ marginLeft: \"auto\", background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"12px\", color: \"var(--silo-text-muted)\" }}>\n            Retry\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/DropZone.d.ts

@@ -1,5 +1,8 @@
-import { type ReactNode, type CSSProperties } from "react";
-import type { SiloTheme } from "../types.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties, ReactNode } from 'react';
+import { SiloTheme } from '../types.js';
+import '@geekapps/silo-nextjs';
+
 interface DropZoneProps {
     accept?: string;
     multiple?: boolean;
@@ -12,6 +15,6 @@ interface DropZoneProps {
     theme?: SiloTheme;
     children: ReactNode;
 }
-export declare function DropZone({ accept, multiple, disabled, maxSize, onFiles, onError, className, style, theme, children, }: DropZoneProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DropZone.d.ts.map
+declare function DropZone({ accept, multiple, disabled, maxSize, onFiles, onError, className, style, theme, children, }: DropZoneProps): react_jsx_runtime.JSX.Element;
+
+export { DropZone };

package/dist/components/DropZone.js

@@ -1,52 +1,137 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useCallback, } from "react";
-import { resolveTheme, themeToVars } from "../utils/theme.js";
-export function DropZone({ accept, multiple = false, disabled = false, maxSize, onFiles, onError, className = "", style, theme, children, }) {
-    const [dragging, setDragging] = useState(false);
-    const inputRef = useRef(null);
-    const t = resolveTheme(theme);
-    const vars = themeToVars(t);
-    const validate = useCallback((files) => {
-        return files.filter((f) => {
-            if (maxSize && f.size > maxSize) {
-                onError?.(new Error(`File "${f.name}" exceeds max size of ${maxSize} bytes`));
-                return false;
-            }
-            return true;
-        });
-    }, [maxSize, onError]);
-    const handleDrop = useCallback((e) => {
+import { useState, useRef, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// 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
+  };
+}
+function DropZone({
+  accept,
+  multiple = false,
+  disabled = false,
+  maxSize,
+  onFiles,
+  onError,
+  className = "",
+  style,
+  theme,
+  children
+}) {
+  const [dragging, setDragging] = useState(false);
+  const inputRef = useRef(null);
+  const t = resolveTheme(theme);
+  const vars = themeToVars(t);
+  const validate = useCallback(
+    (files) => {
+      return files.filter((f) => {
+        if (maxSize && f.size > maxSize) {
+          onError?.(new Error(`File "${f.name}" exceeds max size of ${maxSize} bytes`));
+          return false;
+        }
+        return true;
+      });
+    },
+    [maxSize, onError]
+  );
+  const handleDrop = useCallback(
+    (e) => {
+      e.preventDefault();
+      setDragging(false);
+      if (disabled) return;
+      const files = Array.from(e.dataTransfer.files);
+      const valid = validate(files);
+      if (valid.length) onFiles(valid);
+    },
+    [disabled, validate, onFiles]
+  );
+  const handleChange = useCallback(
+    (e) => {
+      const files = Array.from(e.target.files ?? []);
+      const valid = validate(files);
+      if (valid.length) onFiles(valid);
+      e.target.value = "";
+    },
+    [validate, onFiles]
+  );
+  const rootStyle = {
+    ...vars,
+    fontFamily: "var(--silo-font)",
+    border: `2px dashed ${dragging ? "var(--silo-border-active)" : "var(--silo-border)"}`,
+    borderRadius: "var(--silo-radius)",
+    backgroundColor: dragging ? "var(--silo-bg-hover)" : "var(--silo-bg)",
+    color: "var(--silo-text)",
+    cursor: disabled ? "not-allowed" : "pointer",
+    transition: "border-color 0.15s, background-color 0.15s",
+    opacity: disabled ? 0.5 : 1,
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `silo-dropzone${className ? ` ${className}` : ""}`,
+      style: rootStyle,
+      onDragOver: (e) => {
         e.preventDefault();
-        setDragging(false);
-        if (disabled)
-            return;
-        const files = Array.from(e.dataTransfer.files);
-        const valid = validate(files);
-        if (valid.length)
-            onFiles(valid);
-    }, [disabled, validate, onFiles]);
-    const handleChange = useCallback((e) => {
-        const files = Array.from(e.target.files ?? []);
-        const valid = validate(files);
-        if (valid.length)
-            onFiles(valid);
-        e.target.value = "";
-    }, [validate, onFiles]);
-    const rootStyle = {
-        ...vars,
-        fontFamily: "var(--silo-font)",
-        border: `2px dashed ${dragging ? "var(--silo-border-active)" : "var(--silo-border)"}`,
-        borderRadius: "var(--silo-radius)",
-        backgroundColor: dragging ? "var(--silo-bg-hover)" : "var(--silo-bg)",
-        color: "var(--silo-text)",
-        cursor: disabled ? "not-allowed" : "pointer",
-        transition: "border-color 0.15s, background-color 0.15s",
-        opacity: disabled ? 0.5 : 1,
-        ...style,
-    };
-    return (_jsxs("div", { className: `silo-dropzone${className ? ` ${className}` : ""}`, style: rootStyle, onDragOver: (e) => { e.preventDefault(); if (!disabled)
-            setDragging(true); }, onDragLeave: () => setDragging(false), onDrop: handleDrop, onClick: () => !disabled && inputRef.current?.click(), role: "button", tabIndex: disabled ? -1 : 0, onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ")
-            inputRef.current?.click(); }, "aria-label": "Upload area", children: [_jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, style: { display: "none" }, onChange: handleChange, disabled: disabled }), children] }));
+        if (!disabled) setDragging(true);
+      },
+      onDragLeave: () => setDragging(false),
+      onDrop: handleDrop,
+      onClick: () => !disabled && inputRef.current?.click(),
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") inputRef.current?.click();
+      },
+      "aria-label": "Upload area",
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            style: { display: "none" },
+            onChange: handleChange,
+            disabled
+          }
+        ),
+        children
+      ]
+    }
+  );
 }
+
+export { DropZone };
+//# sourceMappingURL=DropZone.js.map
 //# sourceMappingURL=DropZone.js.map