@pawanr/shadcn-file-upload 0.1.0

package/dist/lib/file-helpers.d.ts

@@ -0,0 +1,7 @@
+export declare const formatFileSize: (bytes: number) => string;
+export declare const validateFile: (file: File, maxSize?: number, accept?: Record<string, string[]>) => {
+    valid: boolean;
+    error?: string;
+};
+export declare const generateFileId: () => string;
+//# sourceMappingURL=file-helpers.d.ts.map

package/dist/lib/file-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-helpers.d.ts","sourceRoot":"","sources":["../../src/lib/file-helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAM9C,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,MAAM,IAAI,EACV,UAAU,MAAM,EAChB,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAChC;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CA0BlC,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,MAEjC,CAAC"}

package/dist/lib/file-icons.d.ts

@@ -0,0 +1,5 @@
+import { LucideIcon } from 'lucide-react';
+import { default as React } from 'react';
+
+export declare const getFileIcon: (file: File) => React.ComponentType<any> | LucideIcon;
+//# sourceMappingURL=file-icons.d.ts.map

package/dist/lib/file-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-icons.d.ts","sourceRoot":"","sources":["../../src/lib/file-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,UAAU,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AA6H1B,eAAO,MAAM,WAAW,GAAI,MAAM,IAAI,KAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,UAoBnE,CAAC"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,4 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/types/index.d.ts

@@ -0,0 +1,57 @@
+export interface FileWithMeta extends File {
+    id: string;
+    progress: number;
+    status: 'idle' | 'uploading' | 'success' | 'error';
+    error?: string;
+}
+export interface FileUploadProps {
+    onChange?: (files: File[]) => void;
+    onUpload?: (files: File[]) => Promise<void>;
+    value?: File[];
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: Record<string, string[]>;
+    disabled?: boolean;
+    multiple?: boolean;
+    showFileList?: boolean;
+    className?: string;
+    dropzoneClassName?: string;
+    progressColor?: string;
+    showProgress?: boolean;
+    children?: React.ReactNode;
+    emptyState?: React.ReactNode;
+}
+export interface FileItemProps {
+    file: FileWithMeta | File;
+    progress?: number;
+    progressColor?: string;
+    onRemove?: (file: File) => void;
+    showProgress?: boolean;
+    status?: 'idle' | 'uploading' | 'success' | 'error';
+    error?: string;
+    className?: string;
+}
+export interface FileIconProps {
+    file: File;
+    size?: number;
+    className?: string;
+}
+export interface UseFileUploadOptions {
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: Record<string, string[]>;
+    onUpload?: (files: File[]) => Promise<void>;
+    autoUpload?: boolean;
+    initialFiles?: File[];
+}
+export interface UseFileUploadReturn {
+    files: FileWithMeta[];
+    addFiles: (newFiles: File[]) => void;
+    removeFile: (file: File) => void;
+    clearFiles: () => void;
+    uploadFiles: () => Promise<void>;
+    uploadFile: (file: File) => Promise<void>;
+    isUploading: boolean;
+    errors: Record<string, string>;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAa,SAAQ,IAAI;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAE9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IAGf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAGlC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC"}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@pawanr/shadcn-file-upload",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Drag and drop file upload component for React with shadcn/ui styling",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "eslint src/",
+    "format": "prettier --write src/",
+    "preview": "vite preview",
+    "demo": "cd example && npm install && npm run dev"
+  },
+  "keywords": [
+    "react",
+    "upload",
+    "file-upload",
+    "drag-drop",
+    "dropzone",
+    "shadcn",
+    "shadcn-ui",
+    "component"
+  ],
+  "author": "Pawan Bantawa",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bantawa04/shadcn-file-upload.git"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "lucide-react": "^0.263.1",
+    "react-dropzone": "^14.2.3",
+    "tailwind-merge": "^2.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tailwindcss": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "autoprefixer": "^10.4.23",
+    "eslint": "^8.0.0",
+    "postcss": "^8.5.6",
+    "prettier": "^3.0.0",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0"
+  }
+}