feat: add Upload component and integrate with context and demo (#485)

* feat: add Upload component and integrate with context and demo

* feat: enhance Upload component with file validation and drag-and-drop support

* fix: correct regex for file type validation in Upload component

* feat: update Upload component to handle file status and errors

* refactor: remove unused className prop from AccordionItem component

* fix: update Upload component styles and improve file drop handling

* fix: improve accessibility features in Upload component

* feat: enhance Upload with file type consistency and help icon

* feat: enhance file handling in Upload component with duplicate files

* feat: add Upload component states with Default, Mixed, and FileListDisplay

Author: vinitkhandal717

apps/site/src/demos/SidebarDemo.tsx

@@ -31,6 +31,7 @@ import {
     Shield,
     Settings,
     TrendingUp,
+    Upload,
 } from 'lucide-react'
 import { FOUNDATION_THEME } from '../../../../packages/blend/lib/tokens'
 import { Sidebar } from '../../../../packages/blend/lib/components/Sidebar'
@@ -89,6 +90,7 @@ import KeyValuePairDemo from './KeyValuePairDemo'
 import AllComponentsDemo from './AllComponentsDemo'
 import SearchInputDemo from './SearchInputDemo'
 import VirtualListDemo from './VirtualListDemo'
+import UploadDemo from './UploadDemo'
 import CodeBlockDemo from './CodeBlockDemo'
 
 const SidebarDemo = () => {
@@ -144,6 +146,7 @@ const SidebarDemo = () => {
         | 'dataRangePicker'
         | 'allComponents'
         | 'virtualList'
+        | 'upload'
         | 'codeBlock'
     >('dataRangePicker')
 
@@ -399,6 +402,8 @@ const SidebarDemo = () => {
                 return <AllComponentsDemo />
             case 'virtualList':
                 return <VirtualListDemo />
+            case 'upload':
+                return <UploadDemo />
             case 'codeBlock':
                 return <CodeBlockDemo />
             default:
@@ -517,6 +522,13 @@ const SidebarDemo = () => {
                     isSelected: activeComponent === 'virtualList',
                     onClick: () => setActiveComponent('virtualList'),
                 },
+                {
+                    label: 'File Upload',
+                    leftSlot: (
+                        <Upload style={{ width: '16px', height: '16px' }} />
+                    ),
+                    onClick: () => setActiveComponent('upload'),
+                },
             ],
         },
         {