Dev to staging (#512)

* feat: added stepper component with theme provider (#369)

* feat: added stepper component with theme provider

* feat: added horizontal and vertical stepper

* feat: added vertical stepper

* feat: added onClick  and status changes for stepper

* fix: replaced static values

* feat: added the wrapping funcationality in key value pair component (#499)

* feat: added the wrapping funcationality in key value pair component

* Update packages/blend/lib/components/KeyValuePair/KeyValuePair.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update packages/blend/lib/components/KeyValuePair/KeyValuePair.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* chore: fixed the copilot comments

* chore: fixed the copilot comments

* chore: fixed the tooltip visibility issue in wrap overflow's case

* chore: removed console logs

* feat: enhance KeyValuePair component with key wrapping behavior

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Vinit Khandal <vinit.khandal@juspay.in>

* feat: enhance DataTable to handle empty values with hyphen display (#508)

* 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

---------

Co-authored-by: 12-aryan <aryan.pidiha@juspay.in>
Co-authored-by: dkrai04 <deepanshu.kumar@juspay.in>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: 4 people

apps/site/src/demos/KeyValuePairDemo.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'
@@ -84,10 +85,12 @@ import {
 } from '../../../../packages/blend/lib/main'
 import Text from '../../../../packages/blend/lib/components/Text/Text'
 import Block from '../../../../packages/blend/lib/components/Primitives/Block/Block'
+import StepperDemo from './StepperDemo'
 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 = () => {
@@ -137,11 +140,13 @@ const SidebarDemo = () => {
         | 'multiValueInput'
         | 'topbar'
         | 'otpInput'
+        | 'stepper'
         | 'keyValuePair'
         | 'card'
         | 'dataRangePicker'
         | 'allComponents'
         | 'virtualList'
+        | 'upload'
         | 'codeBlock'
     >('dataRangePicker')
 
@@ -385,6 +390,8 @@ const SidebarDemo = () => {
                 return <PopoverDemo />
             case 'multiValueInput':
                 return <MultiValueInputDemo />
+            case 'stepper':
+                return <StepperDemo />
             case 'topbar':
                 return <TopbarDemo />
             case 'keyValuePair':
@@ -395,6 +402,8 @@ const SidebarDemo = () => {
                 return <AllComponentsDemo />
             case 'virtualList':
                 return <VirtualListDemo />
+            case 'upload':
+                return <UploadDemo />
             case 'codeBlock':
                 return <CodeBlockDemo />
             default:
@@ -513,6 +522,13 @@ const SidebarDemo = () => {
                     isSelected: activeComponent === 'virtualList',
                     onClick: () => setActiveComponent('virtualList'),
                 },
+                {
+                    label: 'File Upload',
+                    leftSlot: (
+                        <Upload style={{ width: '16px', height: '16px' }} />
+                    ),
+                    onClick: () => setActiveComponent('upload'),
+                },
             ],
         },
         {
@@ -696,6 +712,13 @@ const SidebarDemo = () => {
                     isSelected: activeComponent === 'accordion',
                     onClick: () => setActiveComponent('accordion'),
                 },
+                {
+                    label: 'Stepper',
+                    leftSlot: (
+                        <List style={{ width: '16px', height: '16px' }} />
+                    ),
+                    onClick: () => setActiveComponent('stepper'),
+                },
             ],
         },
         {