@adamosuiteservices/ui 2.18.0 → 2.18.1

package/docs/components/ui/file-upload-v2.md

@@ -4,6 +4,8 @@
 
 Enhanced file upload component with **unique file identification**, **metadata support**, and **server integration** capabilities. Built on the FileUpload component foundation, FileUploadV2 adds automatic ID generation for each file, making it ideal for scenarios requiring server-side file tracking, asynchronous uploads, and delete operations.
 
+> **Need a simpler version?** Check out [FileUpload](file-upload.md) for basic file upload without IDs or server integration features.
+
 ## Features
 
 - ✅ All features from FileUpload component
@@ -36,12 +38,12 @@ Use **FileUpload** (original) when you need:
 ## Import
 
 ```typescript
-import { FileUploadV2 } from "@adamosuiteservices/ui/file-upload";
+import { FileUploadV2 } from "@adamosuiteservices/ui/file-upload-v2";
 import type {
   FileUploadV2Props,
   FileWithMetadata,
   FileUploadV2Labels,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 ```
 
 ## Basic usage
@@ -53,7 +55,7 @@ import { useState } from "react";
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 
 function MyForm() {
   const [file, setFile] = useState<FileWithMetadata | null>(null);
@@ -69,7 +71,7 @@ import { useState } from "react";
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 
 function MyForm() {
   const [files, setFiles] = useState<FileWithMetadata[]>([]);
@@ -87,7 +89,7 @@ import { useState, useEffect } from "react";
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 
 function MyForm() {
   const [files, setFiles] = useState<FileWithMetadata[]>([]);
@@ -454,7 +456,7 @@ import {
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 
 function FileUploadForm() {
   const [file, setFile] = useState<FileWithMetadata | null>(null);
@@ -506,7 +508,7 @@ import { useState } from "react";
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 import { Button } from "@adamosuiteservices/ui/button";
 import { Typography } from "@adamosuiteservices/ui/typography";
 
@@ -645,7 +647,7 @@ import { useState, useEffect } from "react";
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 
 function PreloadedFilesExample() {
   const [files, setFiles] = useState<FileWithMetadata[]>([]);
@@ -703,7 +705,7 @@ import { useState } from "react";
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 import { v4 as uuidv4 } from "uuid";
 
 function CustomIdExample() {
@@ -730,7 +732,7 @@ import { useState } from "react";
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 import { Field, FieldLabel, FieldError } from "@adamosuiteservices/ui/field";
 import { Button } from "@adamosuiteservices/ui/button";
 
@@ -809,7 +811,7 @@ import { useState } from "react";
 import {
   FileUploadV2,
   FileWithMetadata,
-} from "@adamosuiteservices/ui/file-upload";
+} from "@adamosuiteservices/ui/file-upload-v2";
 import { Typography } from "@adamosuiteservices/ui/typography";
 
 function EventTrackingExample() {
@@ -1111,3 +1113,4 @@ const [files, setFiles] = useState<FileWithMetadata[]>([]);
 3. Access the native File object via `fileWithMetadata.file`
 4. Use `fileWithMetadata.id` for server operations
 5. Store server data in `fileWithMetadata.metadata`
+

package/docs/components/ui/file-upload.md

@@ -4,6 +4,8 @@
 
 File upload component with **drag & drop** functionality, extension and size validation, preview of selected files, and visual drag area. Supports both single file and multiple file upload. Ideal for forms that require file uploads with immediate user feedback.
 
+> **Looking for server integration?** Check out [FileUploadV2](file-upload-v2.md) which includes automatic ID generation and metadata support for server-side file tracking.
+
 ## Features
 
 - ✅ Drag & drop with visual feedback

package/llm.txt

@@ -32,7 +32,7 @@ Before creating ANY component, verify it doesn't exist here. For implementation
 - **Label** [`docs/components/ui/label.md`] - `@adamosuiteservices/ui/label`
 - **Input Group** [`docs/components/ui/input-group.md`] - `@adamosuiteservices/ui/input-group`
 - **File Upload** [`docs/components/ui/file-upload.md`] - `@adamosuiteservices/ui/file-upload` ⚠️ Simple file upload
-- **File Upload V2** [`docs/components/ui/file-upload-v2.md`] - `@adamosuiteservices/ui/file-upload` ⚠️ With IDs for server integration
+- **File Upload V2** [`docs/components/ui/file-upload-v2.md`] - `@adamosuiteservices/ui/file-upload-v2` ⚠️ With IDs for server integration
 
 ### Overlay Components (8)
 - **Dialog** [`docs/components/ui/dialog.md`] - `@adamosuiteservices/ui/dialog` (modal)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamosuiteservices/ui",
-  "version": "2.18.0",
+  "version": "2.18.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -118,6 +118,10 @@
       "types": "./dist/components/ui/file-upload/file-upload.d.ts",
       "import": "./dist/file-upload.js"
     },
+    "./file-upload-v2": {
+      "types": "./dist/components/ui/file-upload-v2/file-upload-v2.d.ts",
+      "import": "./dist/file-upload-v2.js"
+    },
     "./hover-card": {
       "types": "./dist/components/ui/hover-card/hover-card.d.ts",
       "import": "./dist/hover-card.js"