cortex-react-components 2.0.1 → 2.0.2

package/dist/components/dc-temp/IMPLEMENTATION_SUMMARY.mjs

@@ -0,0 +1,121 @@
+import"../../chunk-M6LJ4BNZ.mjs";var a=`# Teams Index View Implementation Summary
+
+## Overview
+Successfully created a TeamsIndexView component in a similar style to the ProjectsIndexView that shows "My Teams" - the teams that the user is part of. The implementation includes team cards that display name, description, number of colleagues (human/digital), and number of projects.
+
+## Files Created
+
+### Core Components
+1. **\`TeamsIndexView.tsx\`** - Main view component displaying team listings
+2. **\`team-card.tsx\`** - Individual team card component
+3. **\`team-card.stories.tsx\`** - Storybook stories for the team card
+4. **\`TeamsIndexView.stories.tsx\`** - Storybook stories for the main view
+
+### Supporting Files
+5. **\`teams-complete-example.stories.tsx\`** - Comprehensive example with documentation
+6. **\`team-card.test.tsx\`** - Unit tests for the team card component
+7. **\`teams-index-view.test.tsx\`** - Unit tests for the main view component
+8. **\`dashboard-integration-example.tsx\`** - Integration guide for adding to dashboard
+9. **\`TEAMS_README.md\`** - Complete documentation
+
+## Data Structure Added
+
+### New Types (added to \`types.ts\`)
+\`\`\`typescript
+interface TeamSummary {
+  id: string
+  name: string
+  description: string
+  humanColleagues: number
+  digitalColleagues: number
+  projects: number
+}
+
+interface TeamMember {
+  id: string
+  name: string
+  email: string
+  role: string
+  type: 'human' | 'digital'
+  avatar?: string
+  joinedAt: Date
+}
+
+interface Team {
+  id: string
+  name: string
+  description: string
+  members: TeamMember[]
+  projects: Project[]
+  createdAt: Date
+  updatedAt: Date
+  isActive: boolean
+}
+
+interface TeamFormData {
+  name: string
+  description: string
+  members: string[]
+}
+\`\`\`
+
+### Mock Data (added to \`test-data.ts\`)
+- \`mockTeamSummary\`: Array of 6 sample teams with varied data
+
+## Features Implemented
+
+### TeamsIndexView Component
+- **Hero Section**: With gradient background and "Create Team" action
+- **Team Grid**: Responsive grid layout displaying team cards
+- **Empty State**: Friendly message when user has no teams
+- **Animations**: Smooth transitions using Framer Motion
+- **Callbacks**: Support for team creation and opening
+
+### TeamCard Component
+- **Team Information**: Name, description
+- **Statistics Display**: 
+  - Human colleagues count (with blue user icon)
+  - Digital colleagues count (with purple bot icon)
+  - Projects count (with green folder icon)
+- **Actions**: Single "View Team" button
+- **Hover Effects**: Scale and elevation animations
+- **Responsive Design**: Works on all screen sizes
+
+## Design Consistency
+- **Similar to ProjectsIndexView**: Maintains same layout patterns and styling
+- **UI Components**: Uses existing design system components (Card, Button, Badge, etc.)
+- **Color Scheme**: Consistent with existing palette
+- **Icons**: Uses Lucide React icons for consistency
+- **Typography**: Follows established text hierarchies
+
+## Integration Ready
+- **Exports**: Added to main component index files
+- **Dashboard Integration**: Ready to be added to dashboard with provided example
+- **Sidebar**: Teams item already exists in mockSidebarItems
+- **Navigation**: Prepared for "teams" tab in dashboard switch statement
+
+## Future Enhancements
+- Team creation dialog/form
+- Team detail view
+- Team management functionality
+- Real-time team updates
+- Team member management
+- Integration with actual API endpoints
+
+## Testing
+- Unit tests for both components
+- Storybook stories for visual testing
+- Type checking passes
+- Build process successful
+
+## Usage Example
+\`\`\`tsx
+<TeamsIndexView
+  teams={mockTeamSummary}
+  onTeamOpen={(team) => navigate(\`/teams/\${team.id}\`)}
+  onCreateTeam={() => openCreateDialog()}
+/>
+\`\`\`
+
+The implementation successfully delivers a complete teams management interface that integrates seamlessly with the existing design system and architecture.
+`;export{a as default};

package/dist/components/dc-temp/TEAMS_README.js

@@ -0,0 +1,92 @@
+var t=`# Teams Components
+
+This module provides components for managing and displaying team information in a similar style to the ProjectsIndexView.
+
+## Components
+
+### TeamsIndexView
+
+The main view component that displays a list of teams the user is part of.
+
+**Props:**
+- \`teams?: TeamSummary[]\` - Array of team summaries to display
+- \`onCreateTeam?: () => void\` - Callback for creating a new team
+- \`onTeamOpen?: (team: TeamSummary) => void\` - Callback when a team is opened
+
+**Features:**
+- Hero section with create team action
+- Grid layout of team cards
+- Empty state when no teams exist
+- Animated transitions
+- Responsive design
+
+### TeamCard
+
+Individual team card component that displays team information.
+
+**Props:**
+- \`team: TeamSummary\` - Team data to display
+- \`onOpen?: (team: TeamSummary) => void\` - Callback when team is opened
+- \`className?: string\` - Additional CSS classes
+
+**Features:**
+- Displays team name and description
+- Shows human and digital colleague counts
+- Shows project count
+- Hover animations
+- Single action button (View Team)
+
+## Data Types
+
+### TeamSummary
+
+\`\`\`typescript
+interface TeamSummary {
+  id: string
+  name: string
+  description: string
+  humanColleagues: number
+  digitalColleagues: number
+  projects: number
+}
+\`\`\`
+
+## Usage
+
+\`\`\`tsx
+import { TeamsIndexView, TeamCard } from '@/components/dc-temp'
+import { mockTeamSummary } from '@/components/DigitalColleagues/test-data'
+
+function MyTeamsPage() {
+  const handleTeamOpen = (team: TeamSummary) => {
+    // Navigate to team details
+  }
+
+  const handleCreateTeam = () => {
+    // Open team creation dialog
+  }
+
+  return (
+    <TeamsIndexView
+      teams={mockTeamSummary}
+      onTeamOpen={handleTeamOpen}
+      onCreateTeam={handleCreateTeam}
+    />
+  )
+}
+\`\`\`
+
+## Styling
+
+The components use:
+- Tailwind CSS for styling
+- Framer Motion for animations
+- Custom UI components from the design system
+- Responsive grid layouts
+- Hover effects and transitions
+
+## Mock Data
+
+Mock data is available in \`@/components/DigitalColleagues/test-data\`:
+- \`mockTeamSummary\`: Array of sample team data for development and testing
+`;

package/dist/components/dc-temp/TEAMS_README.mjs

@@ -0,0 +1,92 @@
+import"../../chunk-M6LJ4BNZ.mjs";var t=`# Teams Components
+
+This module provides components for managing and displaying team information in a similar style to the ProjectsIndexView.
+
+## Components
+
+### TeamsIndexView
+
+The main view component that displays a list of teams the user is part of.
+
+**Props:**
+- \`teams?: TeamSummary[]\` - Array of team summaries to display
+- \`onCreateTeam?: () => void\` - Callback for creating a new team
+- \`onTeamOpen?: (team: TeamSummary) => void\` - Callback when a team is opened
+
+**Features:**
+- Hero section with create team action
+- Grid layout of team cards
+- Empty state when no teams exist
+- Animated transitions
+- Responsive design
+
+### TeamCard
+
+Individual team card component that displays team information.
+
+**Props:**
+- \`team: TeamSummary\` - Team data to display
+- \`onOpen?: (team: TeamSummary) => void\` - Callback when team is opened
+- \`className?: string\` - Additional CSS classes
+
+**Features:**
+- Displays team name and description
+- Shows human and digital colleague counts
+- Shows project count
+- Hover animations
+- Single action button (View Team)
+
+## Data Types
+
+### TeamSummary
+
+\`\`\`typescript
+interface TeamSummary {
+  id: string
+  name: string
+  description: string
+  humanColleagues: number
+  digitalColleagues: number
+  projects: number
+}
+\`\`\`
+
+## Usage
+
+\`\`\`tsx
+import { TeamsIndexView, TeamCard } from '@/components/dc-temp'
+import { mockTeamSummary } from '@/components/DigitalColleagues/test-data'
+
+function MyTeamsPage() {
+  const handleTeamOpen = (team: TeamSummary) => {
+    // Navigate to team details
+  }
+
+  const handleCreateTeam = () => {
+    // Open team creation dialog
+  }
+
+  return (
+    <TeamsIndexView
+      teams={mockTeamSummary}
+      onTeamOpen={handleTeamOpen}
+      onCreateTeam={handleCreateTeam}
+    />
+  )
+}
+\`\`\`
+
+## Styling
+
+The components use:
+- Tailwind CSS for styling
+- Framer Motion for animations
+- Custom UI components from the design system
+- Responsive grid layouts
+- Hover effects and transitions
+
+## Mock Data
+
+Mock data is available in \`@/components/DigitalColleagues/test-data\`:
+- \`mockTeamSummary\`: Array of sample team data for development and testing
+`;export{t as default};

package/dist/components/dc-temp/creative.css

@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

package/dist/components/dc-temp/creative.js

@@ -0,0 +1,5 @@
+"use client";
+"use strict";
+'use client'
+
+"use strict";"use client";var mt=Object.create;var pe=Object.defineProperty;var ut=Object.getOwnPropertyDescriptor;var pt=Object.getOwnPropertyNames;var ft=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var vt=(t,s)=>{for(var o in s)pe(t,o,{get:s[o],enumerable:!0})},Ee=(t,s,o,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let d of pt(s))!gt.call(t,d)&&d!==o&&pe(t,d,{get:()=>s[d],enumerable:!(i=ut(s,d))||i.enumerable});return t};var S=(t,s,o)=>(o=t!=null?mt(ft(t)):{},Ee(s||!t||!t.__esModule?pe(o,"default",{value:t,enumerable:!0}):o,t)),bt=t=>Ee(pe({},"__esModule",{value:!0}),t);var Qt={};vt(Qt,{DesignaliCreative:()=>Zt});module.exports=bt(Qt);var G=require("react"),h=require("framer-motion"),a=require("lucide-react");var fe=S(require("react")),D=S(require("@radix-ui/react-avatar"));var Xe=require("clsx");var ke="-",xt=t=>{let s=Nt(t),{conflictingClassGroups:o,conflictingClassGroupModifiers:i}=t;return{getClassGroupId:m=>{let c=m.split(ke);return c[0]===""&&c.length!==1&&c.shift(),Ge(c,s)||ht(m)},getConflictingClassGroupIds:(m,c)=>{let b=o[m]||[];return c&&i[m]?[...b,...i[m]]:b}}},Ge=(t,s)=>{if(t.length===0)return s.classGroupId;let o=t[0],i=s.nextPart.get(o),d=i?Ge(t.slice(1),i):void 0;if(d)return d;if(s.validators.length===0)return;let n=t.join(ke);return s.validators.find(({validator:m})=>m(n))?.classGroupId},He=/^\[(.+)\]$/,ht=t=>{if(He.test(t)){let s=He.exec(t)[1],o=s?.substring(0,s.indexOf(":"));if(o)return"arbitrary.."+o}},Nt=t=>{let{theme:s,prefix:o}=t,i={nextPart:new Map,validators:[]};return yt(Object.entries(t.classGroups),o).forEach(([n,m])=>{Te(m,i,n,s)}),i},Te=(t,s,o,i)=>{t.forEach(d=>{if(typeof d=="string"){let n=d===""?s:Ve(s,d);n.classGroupId=o;return}if(typeof d=="function"){if(wt(d)){Te(d(i),s,o,i);return}s.validators.push({validator:d,classGroupId:o});return}Object.entries(d).forEach(([n,m])=>{Te(m,Ve(s,n),o,i)})})},Ve=(t,s)=>{let o=t;return s.split(ke).forEach(i=>{o.nextPart.has(i)||o.nextPart.set(i,{nextPart:new Map,validators:[]}),o=o.nextPart.get(i)}),o},wt=t=>t.isThemeGetter,yt=(t,s)=>s?t.map(([o,i])=>{let d=i.map(n=>typeof n=="string"?s+n:typeof n=="object"?Object.fromEntries(Object.entries(n).map(([m,c])=>[s+m,c])):n);return[o,d]}):t,Ct=t=>{if(t<1)return{get:()=>{},set:()=>{}};let s=0,o=new Map,i=new Map,d=(n,m)=>{o.set(n,m),s++,s>t&&(s=0,i=o,o=new Map)};return{get(n){let m=o.get(n);if(m!==void 0)return m;if((m=i.get(n))!==void 0)return d(n,m),m},set(n,m){o.has(n)?o.set(n,m):d(n,m)}}},We="!",Pt=t=>{let{separator:s,experimentalParseClassName:o}=t,i=s.length===1,d=s[0],n=s.length,m=c=>{let b=[],w=0,y=0,R;for(let N=0;N<c.length;N++){let P=c[N];if(w===0){if(P===d&&(i||c.slice(N,N+n)===s)){b.push(c.slice(y,N)),y=N+n;continue}if(P==="/"){R=N;continue}}P==="["?w++:P==="]"&&w--}let k=b.length===0?c:c.substring(y),r=k.startsWith(We),f=r?k.substring(1):k,C=R&&R>y?R-y:void 0;return{modifiers:b,hasImportantModifier:r,baseClassName:f,maybePostfixModifierPosition:C}};return o?c=>o({className:c,parseClassName:m}):m},Tt=t=>{if(t.length<=1)return t;let s=[],o=[];return t.forEach(i=>{i[0]==="["?(s.push(...o.sort(),i),o=[]):o.push(i)}),s.push(...o.sort()),s},kt=t=>({cache:Ct(t.cacheSize),parseClassName:Pt(t),...xt(t)}),At=/\s+/,Rt=(t,s)=>{let{parseClassName:o,getClassGroupId:i,getConflictingClassGroupIds:d}=s,n=[],m=t.trim().split(At),c="";for(let b=m.length-1;b>=0;b-=1){let w=m[b],{modifiers:y,hasImportantModifier:R,baseClassName:k,maybePostfixModifierPosition:r}=o(w),f=!!r,C=i(f?k.substring(0,r):k);if(!C){if(!f){c=w+(c.length>0?" "+c:c);continue}if(C=i(k),!C){c=w+(c.length>0?" "+c:c);continue}f=!1}let N=Tt(y).join(":"),P=R?N+We:N,B=P+C;if(n.includes(B))continue;n.push(B);let ae=d(C,f);for(let X=0;X<ae.length;++X){let ce=ae[X];n.push(P+ce)}c=w+(c.length>0?" "+c:c)}return c};function Bt(){let t=0,s,o,i="";for(;t<arguments.length;)(s=arguments[t++])&&(o=Ue(s))&&(i&&(i+=" "),i+=o);return i}var Ue=t=>{if(typeof t=="string")return t;let s,o="";for(let i=0;i<t.length;i++)t[i]&&(s=Ue(t[i]))&&(o&&(o+=" "),o+=s);return o};function St(t,...s){let o,i,d,n=m;function m(b){let w=s.reduce((y,R)=>R(y),t());return o=kt(w),i=o.cache.get,d=o.cache.set,n=c,c(b)}function c(b){let w=i(b);if(w)return w;let y=Rt(b,o);return d(b,y),y}return function(){return n(Bt.apply(null,arguments))}}var g=t=>{let s=o=>o[t]||[];return s.isThemeGetter=!0,s},Oe=/^\[(?:([a-z-]+):)?(.+)\]$/i,zt=/^\d+\/\d+$/,Mt=new Set(["px","full","screen"]),jt=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Lt=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,It=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,Dt=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)ge-?((\d+)?\.?(\d+)[a-z]+|0)/,Ft=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,I=t=>K(t)||Mt.has(t)||zt.test(t),W=t=>Y(t,"length",_t),K=t=>!!t&&!Number.isNaN(Number(t)),Pe=t=>Y(t,"number",K),se=t=>!!t&&Number.isInteger(Number(t)),Et=t=>t.endsWith("%")&&K(t.slice(0,-1)),u=t=>Oe.test(t),U=t=>jt.test(t),Ht=new Set(["length","size","percentage"]),Vt=t=>Y(t,Ht,_e),Gt=t=>Y(t,"position",_e),Wt=new Set(["image","url"]),Ut=t=>Y(t,Wt,Xt),Ot=t=>Y(t,"",Jt),oe=()=>!0,Y=(t,s,o)=>{let i=Oe.exec(t);return i?i[1]?typeof s=="string"?i[1]===s:s.has(i[1]):o(i[2]):!1},_t=t=>Lt.test(t)&&!It.test(t),_e=()=>!1,Jt=t=>Dt.test(t),Xt=t=>Ft.test(t);var qt=()=>{let t=g("colors"),s=g("spacing"),o=g("blur"),i=g("brightness"),d=g("borderColor"),n=g("borderRadius"),m=g("borderSpacing"),c=g("borderWidth"),b=g("contrast"),w=g("grayscale"),y=g("hueRotate"),R=g("invert"),k=g("gap"),r=g("gradientColorStops"),f=g("gradientColorStopPositions"),C=g("inset"),N=g("margin"),P=g("opacity"),B=g("padding"),ae=g("saturate"),X=g("scale"),ce=g("sepia"),ze=g("skew"),Me=g("space"),je=g("translate"),Ne=()=>["auto","contain","none"],we=()=>["auto","hidden","clip","visible","scroll"],ye=()=>["auto",u,s],v=()=>[u,s],Le=()=>["",I,W],me=()=>["auto",K,u],Ie=()=>["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],ue=()=>["solid","dashed","dotted","double","none"],De=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],Ce=()=>["start","end","center","between","around","evenly","stretch"],re=()=>["","0",u],Fe=()=>["auto","avoid","all","avoid-page","page","left","right","column"],L=()=>[K,u];return{cacheSize:500,separator:":",theme:{colors:[oe],spacing:[I,W],blur:["none","",U,u],brightness:L(),borderColor:[t],borderRadius:["none","","full",U,u],borderSpacing:v(),borderWidth:Le(),contrast:L(),grayscale:re(),hueRotate:L(),invert:re(),gap:v(),gradientColorStops:[t],gradientColorStopPositions:[Et,W],inset:ye(),margin:ye(),opacity:L(),padding:v(),saturate:L(),scale:L(),sepia:re(),skew:L(),space:v(),translate:v()},classGroups:{aspect:[{aspect:["auto","square","video",u]}],container:["container"],columns:[{columns:[U]}],"break-after":[{"break-after":Fe()}],"break-before":[{"break-before":Fe()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:[...Ie(),u]}],overflow:[{overflow:we()}],"overflow-x":[{"overflow-x":we()}],"overflow-y":[{"overflow-y":we()}],overscroll:[{overscroll:Ne()}],"overscroll-x":[{"overscroll-x":Ne()}],"overscroll-y":[{"overscroll-y":Ne()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[C]}],"inset-x":[{"inset-x":[C]}],"inset-y":[{"inset-y":[C]}],start:[{start:[C]}],end:[{end:[C]}],top:[{top:[C]}],right:[{right:[C]}],bottom:[{bottom:[C]}],left:[{left:[C]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",se,u]}],basis:[{basis:ye()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",u]}],grow:[{grow:re()}],shrink:[{shrink:re()}],order:[{order:["first","last","none",se,u]}],"grid-cols":[{"grid-cols":[oe]}],"col-start-end":[{col:["auto",{span:["full",se,u]},u]}],"col-start":[{"col-start":me()}],"col-end":[{"col-end":me()}],"grid-rows":[{"grid-rows":[oe]}],"row-start-end":[{row:["auto",{span:[se,u]},u]}],"row-start":[{"row-start":me()}],"row-end":[{"row-end":me()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",u]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",u]}],gap:[{gap:[k]}],"gap-x":[{"gap-x":[k]}],"gap-y":[{"gap-y":[k]}],"justify-content":[{justify:["normal",...Ce()]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal",...Ce(),"baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":[...Ce(),"baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[B]}],px:[{px:[B]}],py:[{py:[B]}],ps:[{ps:[B]}],pe:[{pe:[B]}],pt:[{pt:[B]}],pr:[{pr:[B]}],pb:[{pb:[B]}],pl:[{pl:[B]}],m:[{m:[N]}],mx:[{mx:[N]}],my:[{my:[N]}],ms:[{ms:[N]}],me:[{me:[N]}],mt:[{mt:[N]}],mr:[{mr:[N]}],mb:[{mb:[N]}],ml:[{ml:[N]}],"space-x":[{"space-x":[Me]}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":[Me]}],"space-y-reverse":["space-y-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",u,s]}],"min-w":[{"min-w":[u,s,"min","max","fit"]}],"max-w":[{"max-w":[u,s,"none","full","min","max","fit","prose",{screen:[U]},U]}],h:[{h:[u,s,"auto","min","max","fit","svh","lvh","dvh"]}],"min-h":[{"min-h":[u,s,"min","max","fit","svh","lvh","dvh"]}],"max-h":[{"max-h":[u,s,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[u,s,"auto","min","max","fit"]}],"font-size":[{text:["base",U,W]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",Pe]}],"font-family":[{font:[oe]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:["tighter","tight","normal","wide","wider","widest",u]}],"line-clamp":[{"line-clamp":["none",K,Pe]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",I,u]}],"list-image":[{"list-image":["none",u]}],"list-style-type":[{list:["none","disc","decimal",u]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[t]}],"placeholder-opacity":[{"placeholder-opacity":[P]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[t]}],"text-opacity":[{"text-opacity":[P]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...ue(),"wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",I,W]}],"underline-offset":[{"underline-offset":["auto",I,u]}],"text-decoration-color":[{decoration:[t]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:v()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",u]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",u]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[P]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:[...Ie(),Gt]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",Vt]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","b","bl","l","tl"]},Ut]}],"bg-color":[{bg:[t]}],"gradient-from-pos":[{from:[f]}],"gradient-via-pos":[{via:[f]}],"gradient-to-pos":[{to:[f]}],"gradient-from":[{from:[r]}],"gradient-via":[{via:[r]}],"gradient-to":[{to:[r]}],rounded:[{rounded:[n]}],"rounded-s":[{"rounded-s":[n]}],"rounded-ge":[{"rounded-ge":[n]}],"rounded-t":[{"rounded-t":[n]}],"rounded-r":[{"rounded-r":[n]}],"rounded-b":[{"rounded-b":[n]}],"rounded-l":[{"rounded-l":[n]}],"rounded-ss":[{"rounded-ss":[n]}],"rounded-se":[{"rounded-se":[n]}],"rounded-ee":[{"rounded-ee":[n]}],"rounded-es":[{"rounded-es":[n]}],"rounded-tl":[{"rounded-tl":[n]}],"rounded-tr":[{"rounded-tr":[n]}],"rounded-br":[{"rounded-br":[n]}],"rounded-bl":[{"rounded-bl":[n]}],"border-w":[{border:[c]}],"border-w-x":[{"border-x":[c]}],"border-w-y":[{"border-y":[c]}],"border-w-s":[{"border-s":[c]}],"border-w-ge":[{"border-ge":[c]}],"border-w-t":[{"border-t":[c]}],"border-w-r":[{"border-r":[c]}],"border-w-b":[{"border-b":[c]}],"border-w-l":[{"border-l":[c]}],"border-opacity":[{"border-opacity":[P]}],"border-style":[{border:[...ue(),"hidden"]}],"divide-x":[{"divide-x":[c]}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":[c]}],"divide-y-reverse":["divide-y-reverse"],"divide-opacity":[{"divide-opacity":[P]}],"divide-style":[{divide:ue()}],"border-color":[{border:[d]}],"border-color-x":[{"border-x":[d]}],"border-color-y":[{"border-y":[d]}],"border-color-s":[{"border-s":[d]}],"border-color-ge":[{"border-ge":[d]}],"border-color-t":[{"border-t":[d]}],"border-color-r":[{"border-r":[d]}],"border-color-b":[{"border-b":[d]}],"border-color-l":[{"border-l":[d]}],"divide-color":[{divide:[d]}],"outline-style":[{outline:["",...ue()]}],"outline-offset":[{"outline-offset":[I,u]}],"outline-w":[{outline:[I,W]}],"outline-color":[{outline:[t]}],"ring-w":[{ring:Le()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[t]}],"ring-opacity":[{"ring-opacity":[P]}],"ring-offset-w":[{"ring-offset":[I,W]}],"ring-offset-color":[{"ring-offset":[t]}],shadow:[{shadow:["","inner","none",U,Ot]}],"shadow-color":[{shadow:[oe]}],opacity:[{opacity:[P]}],"mix-blend":[{"mix-blend":[...De(),"plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":De()}],filter:[{filter:["","none"]}],blur:[{blur:[o]}],brightness:[{brightness:[i]}],contrast:[{contrast:[b]}],"drop-shadow":[{"drop-shadow":["","none",U,u]}],grayscale:[{grayscale:[w]}],"hue-rotate":[{"hue-rotate":[y]}],invert:[{invert:[R]}],saturate:[{saturate:[ae]}],sepia:[{sepia:[ce]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[o]}],"backdrop-brightness":[{"backdrop-brightness":[i]}],"backdrop-contrast":[{"backdrop-contrast":[b]}],"backdrop-grayscale":[{"backdrop-grayscale":[w]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[y]}],"backdrop-invert":[{"backdrop-invert":[R]}],"backdrop-opacity":[{"backdrop-opacity":[P]}],"backdrop-saturate":[{"backdrop-saturate":[ae]}],"backdrop-sepia":[{"backdrop-sepia":[ce]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[m]}],"border-spacing-x":[{"border-spacing-x":[m]}],"border-spacing-y":[{"border-spacing-y":[m]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",u]}],duration:[{duration:L()}],ease:[{ease:["linear","in","out","in-out",u]}],delay:[{delay:L()}],animate:[{animate:["none","spin","ping","pulse","bounce",u]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[X]}],"scale-x":[{"scale-x":[X]}],"scale-y":[{"scale-y":[X]}],rotate:[{rotate:[se,u]}],"translate-x":[{"translate-x":[je]}],"translate-y":[{"translate-y":[je]}],"skew-x":[{"skew-x":[ze]}],"skew-y":[{"skew-y":[ze]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",u]}],accent:[{accent:["auto",t]}],appearance:[{appearance:["none","auto"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","ge-resize","s-resize","w-resize","ge-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",u]}],"caret-color":[{caret:[t]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","y","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":v()}],"scroll-mx":[{"scroll-mx":v()}],"scroll-my":[{"scroll-my":v()}],"scroll-ms":[{"scroll-ms":v()}],"scroll-me":[{"scroll-me":v()}],"scroll-mt":[{"scroll-mt":v()}],"scroll-mr":[{"scroll-mr":v()}],"scroll-mb":[{"scroll-mb":v()}],"scroll-ml":[{"scroll-ml":v()}],"scroll-p":[{"scroll-p":v()}],"scroll-px":[{"scroll-px":v()}],"scroll-py":[{"scroll-py":v()}],"scroll-ps":[{"scroll-ps":v()}],"scroll-pe":[{"scroll-pe":v()}],"scroll-pt":[{"scroll-pt":v()}],"scroll-pr":[{"scroll-pr":v()}],"scroll-pb":[{"scroll-pb":v()}],"scroll-pl":[{"scroll-pl":v()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",u]}],fill:[{fill:[t,"none"]}],"stroke-w":[{stroke:[I,W,Pe]}],stroke:[{stroke:[t,"none"]}],sr:["sr-only","not-sr-only"],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-ge","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-ge":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-s","border-w-ge","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-s","border-color-ge","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]}}};var Je=St(qt);function p(...t){return Je((0,Xe.clsx)(t))}var gZ=fe.forwardRef(({className:t,...s},o)=>(0,ge.jsx)(D.Root,{ref:o,className:p("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",t),...s}));Z.displayName=D.Root.displayName;var ie=fe.forwardRef(({className:t,...s},o)=>(0,ge.jsx)(D.Image,{ref:o,className:p("aspect-square h-full w-full",t),...s}));ie.displayName=D.Image.displayName;var Q=fe.forwardRef(({className:t,...s},o)=>(0,ge.jsx)(D.Fallback,{ref:o,className:p("flex h-full w-full items-center justify-center rounded-full bg-muted",t),...s}));Q.displayName=D.Fallback.displayName;var qe=require("class-variance-authority");var $t=(0,qe.cva)("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function x({className:t,variant:s,...o}){return(0,$ge.jsx)("div",{className:p($t({variant:s}),t),...o})}var Ke=require("@radix-ui/react-slot"),Ze=S(require("react")),Kt=(0,qe.cva)("inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{defaultVariants:{size:"default",variant:"default"},variants:{size:{clear:"",default:"h-10 px-4 py-2",icon:"h-10 w-10",lg:"h-11 rounded px-8",sm:"h-9 rounded px-3"},variant:{default:"bg-accent text-accent-foreground hover:bg-background hover:text-accent hover:border-accent hover:border",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",ghost:"hover:bg-card hover:text-accent",link:"text-primary items-start justify-start underline-offset-4 hover:underline",outline:"border border-border bg-background hover:bg-card hover:text-accent",secondary:"bg-secondary text-secondary-foreground hover:bg-accent"}}}),l=Ze.forwardRef(({asChild:t=!1,className:s,size:o,variant:i,...d},n)=>(0,ge.jsx)(t?Ke.Slot:"button",{className:p(Kt({className:s,size:o,variant:i})),ref:n,...d}));l.displayName="Button";var q=S(require("react"));var T=q.forwardRef(({className:t,...s},o)=>(0,$.jsx)("div",{ref:o,className:p("rounded-xl border bg-card text-card-foreground shadow",t),...s}));T.displayName="Card";var F=q.forwardRef(({className:t,...s},o)=>(0,$.jsx)("div",{ref:o,className:p("flex flex-col space-y-1.5 p-6",t),...s}));F.displayName="CardHeader";var E=q.forwardRef(({className:t,...s},o)=>(0,$.jsx)("div",{ref:o,className:p("font-semibold leading-none tracking-tight",t),...s}));E.displayName="CardTitle";var H=q.forwardRef(({className:t,...s},o)=>(0,$.jsx)("div",{ref:o,className:p("text-sm text-muted-foreground",t),...s}));H.displayName="CardDescription";var M=q.forwardRef(({className:t,...s},o)=>(0,$.jsx)("div",{ref:o,className:p("p-6 pt-0",t),...s}));M.displayName="CardContent";var A=q.forwardRef(({className:t,...s},o)=>(0,$.jsx)("div",{ref:o,className:p("flex items-center p-6 pt-0",t),...s}));A.displayName="CardFooter";var et=S(require("react"));var O=et.forwardRef(({className:t,type:s,...o},i)=>(0,ge.jsx)("input",{type:s,className:p("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",t),ref:i,...o}));O.displayName="Input";var at=S(require("react")),le=S(require("@radix-ui/react-progress"));var V=at.forwardRef(({className:t,value:s,...o},i)=>(0,ge.jsx)(le.Root,{ref:i,className:p("relative h-4 w-full overflow-hidden rounded-full bg-secondary",t),...o,children:(0,ge.jsx)(le.Indicator,{className:"h-full w-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(s||0)}%)`}})}));V.displayName=le.Root.displayName;var Re=S(require("react")),z=S(require("@radix-ui/react-scroll-area"));var ve=Re.forwardRef(({className:t,children:s,...o},i)=>(0,ge.jsxs)(z.Root,{ref:i,className:p("relative overflow-hidden",t),...o,children:[(0,ge.jsx)(z.Viewport,{className:"h-full w-full rounded-[inherit]",children:s}),(0,ge.jsx)(rt,{}),(0,ge.jsx)(z.Corner,{})]}));ve.displayName=z.Root.displayName;var rt=Re.forwardRef(({className:t,orientation:s="vertical",...o},i)=>(0,ge.jsx)(z.ScrollAreaScrollbar,{ref:i,orientation:s,className:p("flex touch-none select-none transition-colors",s==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",s==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",t),...o,children:(0,ge.jsx)(z.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})}));rt.displayName=z.ScrollAreaScrollbar.displayName;var J=S(require("@radix-ui/react-tabs"));function st({className:t,...s}){return(0,ge.jsx)(J.Root,{"data-slot":"tabs",className:p("flex flex-col gap-2",t),...s})}function ot({className:t,...s}){return(0,ge.jsx)(J.List,{"data-slot":"tabs-list",className:p("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",t),...s})}function ee({className:t,...s}){return(0,ge.jsx)(J.Trigger,{"data-slot":"tabs-trigger",className:p("data-[state=active]:bg-accent data-[state=active]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...s})}function te({className:t,...s}){return(0,ge.jsx)(J.Content,{"data-slot":"tabs-content",className:p("flex-1 outline-none",t),...s})}var it=S(require("react")),j=S(require("@radix-ui/react-tooltip"));var be=j.Provider,xe=j.Root,he=j.Trigger,de=it.forwardRef(({className:t,sideOffset:s=4,...o},i)=>(0,ge.jsx)(j.Portal,{children:(0,ge.jsx)(j.Content,{ref:i,sideOffset:s,className:p("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...o})}));de.displayName=j.Content.displayName;var ge=require("react/jsx-runtime"),Se=[{name:"PixelMaster",icon:(0,ge.jsx)(a.ImageIcon,{className:"text-violet-500"}),description:"Advanced image editing and composition",category:"Creative",recent:!0,new:!1,progress:100},{name:"VectorPro",icon:(0,ge.jsx)(a.Brush,{className:"text-orange-500"}),description:"Professional vector graphics creation",category:"Creative",recent:!0,new:!1,progress:100},{name:"VideoStudio",icon:(0,ge.jsx)(a.Video,{className:"text-pink-500"}),description:"Cinematic video editing and production",category:"Video",recent:!0,new:!1,progress:100},{name:"MotionFX",icon:(0,ge.jsx)(a.Sparkles,{className:"text-blue-500"}),description:"Stunning visual effects and animations",category:"Video",recent:!1,new:!1,progress:100},{name:"PageCraft",icon:(0,ge.jsx)(a.Layers,{className:"text-red-500"}),description:"Professional page design and layout",category:"Creative",recent:!1,new:!1,progress:100},{name:"UXFlow",icon:(0,ge.jsx)(a.LayoutGrid,{className:"text-fuchsia-500"}),description:"Intuitive user experience design",category:"Design",recent:!1,new:!0,progress:85},{name:"PhotoLab",icon:(0,ge.jsx)(a.Camera,{className:"text-teal-500"}),description:"Advanced photo editing and organization",category:"Photography",recent:!1,new:!1,progress:100},{name:"DocMaster",icon:(0,ge.jsx)(a.FileText,{className:"text-red-600"}),description:"Document editing and management",category:"Document",recent:!1,new:!1,progress:100},{name:"WebCanvas",icon:(0,ge.jsx)(a.Code,{className:"text-emerald-500"}),description:"Web design and development",category:"Web",recent:!1,new:!0,progress:70},{name:"3DStudio",icon:(0,ge.jsx)(a.CuboidIcon,{className:"text-indigo-500"}),description:"3D modeling and rendering",category:"3D",recent:!1,new:!0,progress:60},{name:"FontForge",icon:(0,ge.jsx)(a.Type,{className:"text-amber-500"}),description:"Typography and font creation",category:"Typography",recent:!1,new:!1,progress:100},{name:"ColorPalette",icon:(0,ge.jsx)(a.Palette,{className:"text-purple-500"}),description:"Color scheme creation and management",category:"Design",recent:!1,new:!1,progress:100}],lt=[{name:"Brand Redesign.pxm",app:"PixelMaster",modified:"2 hours ago",icon:(0,ge.jsx)(a.ImageIcon,{className:"text-violet-500"}),shared:!0,size:"24.5 MB",collaborators:3},{name:"Company Logo.vec",app:"VectorPro",modified:"Yesterday",icon:(0,ge.jsx)(a.Brush,{className:"text-orange-500"}),shared:!0,size:"8.2 MB",collaborators:2},{name:"Product Launch Video.vid",app:"VideoStudio",modified:"3 days ago",icon:(0,ge.jsx)(a.Video,{className:"text-pink-500"}),shared:!1,size:"1.2 GB",collaborators:0},{name:"UI Animation.mfx",app:"MotionFX",modified:"Last week",icon:(0,ge.jsx)(a.Sparkles,{className:"text-blue-500"}),shared:!0,size:"345 MB",collaborators:4},{name:"Magazine Layout.pgc",app:"PageCraft",modified:"2 weeks ago",icon:(0,ge.jsx)(a.Layers,{className:"text-red-500"}),shared:!1,size:"42.8 MB",collaborators:0},{name:"Mobile App Design.uxf",app:"UXFlow",modified:"3 weeks ago",icon:(0,ge.jsx)(a.LayoutGrid,{className:"text-fuchsia-500"}),shared:!0,size:"18.3 MB",collaborators:5},{name:"Product Photography.phl",app:"PhotoLab",modified:"Last month",icon:(0,ge.jsx)(a.Camera,{className:"text-teal-500"}),shared:!1,size:"156 MB",collaborators:0}],nt=[{name:"Website Redesign",description:"Complete overhaul of company website",progress:75,dueDate:"June 15, 2025",members:4,files:23},{name:"Mobile App Launch",description:"Design and assets for new mobile application",progress:60,dueDate:"July 30, 2025",members:6,files:42},{name:"Brand Identity",description:"New brand guidelines and assets",progress:90,dueDate:"May 25, 2025",members:3,files:18},{name:"Marketing Campaign",description:"Summer promotion materials",progress:40,dueDate:"August 10, 2025",members:5,files:31}],dt=[{title:"Mastering Digital Illustration",description:"Learn advanced techniques for creating stunning digital art",duration:"1h 45m",level:"Advanced",instructor:"Sarah Chen",category:"Illustration",views:"24K"},{title:"UI/UX Design Fundamentals",description:"Essential principles for creating intuitive user interfaces",duration:"2h 20m",level:"Intermediate",instructor:"Michael Rodriguez",category:"Design",views:"56K"},{title:"Video Editing Masterclass",description:"Professional techniques for cinematic video editing",duration:"3h 10m",level:"Advanced",instructor:"James Wilson",category:"Video",views:"32K"},{title:"Typography Essentials",description:"Create beautiful and effective typography for any project",duration:"1h 30m",level:"Beginner",instructor:"Emma Thompson",category:"Typography",views:"18K"},{title:"Color Theory for Designers",description:"Understanding color relationships and psychology",duration:"2h 05m",level:"Intermediate",instructor:"David Kim",category:"Design",views:"41K"}],Yt=[{title:"Minimalist Logo Design",author:"Alex Morgan",likes:342,comments:28,image:"/placeholder.svg?height=300&width=400",time:"2 days ago"},{title:"3D Character Concept",author:"Priya Sharma",likes:518,comments:47,image:"/placeholder.svg?height=300&width=400",time:"1 week ago"},{title:"UI Dashboard Redesign",author:"Thomas Wright",likes:276,comments:32,image:"/placeholder.svg?height=300&width=400",time:"3 days ago"},{title:"Product Photography Setup",author:"Olivia Chen",likes:189,comments:15,image:"/placeholder.svg?height=300&width=400",time:"5 days ago"}],ct=[{title:"Home",icon:(0,ge.jsx)(a.Home,{}),isActive:!0},{title:"Apps",icon:(0,ge.jsx)(a.Grid,{}),badge:"2",items:[{title:"All Apps",url:"#"},{title:"Recent",url:"#"},{title:"Updates",url:"#",badge:"2"},{title:"Installed",url:"#"}]},{title:"Files",icon:(0,ge.jsx)(a.FileText,{}),items:[{title:"Recent",url:"#"},{title:"Shared with me",url:"#",badge:"3"},{title:"Favorites",url:"#"},{title:"Trash",url:"#"}]},{title:"Projects",icon:(0,ge.jsx)(a.Layers,{}),badge:"4",items:[{title:"Active Projects",url:"#",badge:"4"},{title:"Archived",url:"#"},{title:"Templates",url:"#"}]},{title:"Learn",icon:(0,ge.jsx)(a.BookOpen,{}),items:[{title:"Tutorials",url:"#"},{title:"Courses",url:"#"},{title:"Webinars",url:"#"},{title:"Resources",url:"#"}]},{title:"Community",icon:(0,ge.jsx)(a.Users,{}),items:[{title:"Explore",url:"#"},{title:"Following",url:"#"},{title:"Challenges",url:"#"},{title:"Events",url:"#"}]},{title:"Resources",icon:(0,ge.jsx)(a.Bookmark,{}),items:[{title:"Stock Photos",url:"#"},{title:"Fonts",url:"#"},{title:"Icons",url:"#"},{title:"Templates",url:"#"}]}];function Zt(){let[t,s]=(0,G.useState)(0),[o,i]=(0,G.useState)(5),[d,n]=(0,G.useState)("home"),[m,c]=(0,G.useState)(!0),[b,w]=(0,G.useState)(!1),[y,R]=(0,G.useState)({});(0,G.useEffect)(()=>{let r=setTimeout(()=>s(100),1e3);return()=>clearTimeout(r)},[]);let k=r=>{R(f=>({...f,[r]:!f[r]}))};return(0,ge.jsxs)("div",{className:"relative min-h-screen overflow-hidden bg-background",children:[(0,ge.jsx)(h.motion.div,{className:"absolute inset-0 -z-10 opacity-20",animate:{background:["radial-gradient(circle at 50% 50%, rgba(120, 41, 190, 0.5) 0%, rgba(53, 71, 125, 0.5) 50%, rgba(0, 0, 0, 0) 100%)","radial-gradient(circle at 30% 70%, rgba(233, 30, 99, 0.5) 0%, rgba(81, 45, 168, 0.5) 50%, rgba(0, 0, 0, 0) 100%)","radial-gradient(circle at 70% 30%, rgba(76, 175, 80, 0.5) 0%, rgba(32, 119, 188, 0.5) 50%, rgba(0, 0, 0, 0) 100%)","radial-gradient(circle at 50% 50%, rgba(120, 41, 190, 0.5) 0%, rgba(53, 71, 125, 0.5) 50%, rgba(0, 0, 0, 0) 100%)"]},transition:{duration:30,repeat:Number.POSITIVE_INFINITY,ease:"linear"}}),b&&(0,ge.jsx)("div",{className:"fixed inset-0 z-40 bg-black/50 md:hidden",onClick:()=>w(!1)}),(0,ge.jsx)("div",{className:p("fixed inset-y-0 left-0 z-50 w-64 transform bg-background transition-transform duration-300 ease-in-out md:hidden",b?"translate-x-0":"-translate-x-full"),children:(0,ge.jsxs)("div",{className:"flex h-full flex-col border-r",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between p-4",children:[(0,ge.jsxs)("div",{className:"flex items-center gap-3",children:[(0,ge.jsx)("div",{className:"flex aspect-square size-10 items-center justify-center rounded-2xl bg-gradient-to-br from-purple-600 to-blue-600 text-white",children:(0,ge.jsx)(a.Wand2,{className:"size-5"})}),(0,ge.jsxs)("div",{children:[(0,ge.jsx)("h2",{className:"font-semibold",children:"Designali"}),(0,ge.jsx)("p",{className:"text-xs text-muted-foreground",children:"Creative Suite"})]})]}),(0,ge.jsx)(l,{variant:"ghost",size:"icon",onClick:()=>w(!1),children:(0,ge.jsx)(a.X,{className:"h-5 w-5"})})]}),(0,ge.jsx)("div",{className:"px-3 py-2",children:(0,ge.jsxs)("div",{className:"relative",children:[(0,ge.jsx)(a.Search,{className:"absolute left-3 top-3 h-4 w-4 text-muted-foreground"}),(0,ge.jsx)(O,{type:"search",placeholder:"Search...",className:"w-full rounded-2xl bg-muted pl-9 pr-4 py-2"})]})}),(0,ge.jsx)(ve,{className:"flex-1 px-3 py-2",children:(0,ge.jsx)("div",{className:"space-y-1",children:ct.map(r=>(0,ge.jsxs)("div",{className:"mb-1",children:[(0,ge.jsxs)("button",{className:p("flex w-full items-center justify-between rounded-2xl px-3 py-2 text-sm font-medium",r.isActive?"bg-primary/10 text-primary":"hover:bg-muted"),onClick:()=>r.items&&k(r.title),children:[(0,ge.jsxs)("div",{className:"flex items-center gap-3",children:[r.icon,(0,ge.jsx)("span",{children:r.title})]}),r.badge&&(0,ge.jsx)(x,{variant:"outline",className:"ml-auto rounded-full px-2 py-0.5 text-xs",children:r.badge}),r.items&&(0,ge.jsx)(a.ChevronDown,{className:p("ml-2 h-4 w-4 transition-transform",y[r.title]?"rotate-180":"")})]}),r.items&&y[r.title]&&(0,ge.jsx)("div",{className:"mt-1 ml-6 space-y-1 border-l pl-3",children:r.items.map(f=>(0,ge.jsxs)("a",{href:f.url,className:"flex items-center justify-between rounded-2xl px-3 py-2 text-sm hover:bg-muted",children:[f.title,f.badge&&(0,ge.jsx)(x,{variant:"outline",className:"ml-auto rounded-full px-2 py-0.5 text-xs",children:f.badge})]},f.title))})]},r.title))})}),(0,ge.jsx)("div",{className:"border-t p-3",children:(0,ge.jsxs)("div",{className:"space-y-1",children:[(0,ge.jsxs)("button",{className:"flex w-full items-center gap-3 rounded-2xl px-3 py-2 text-sm font-medium hover:bg-muted",children:[(0,ge.jsx)(a.Settings,{className:"h-5 w-5"}),(0,ge.jsx)("span",{children:"Settings"})]}),(0,ge.jsxs)("button",{className:"flex w-full items-center justify-between rounded-2xl px-3 py-2 text-sm font-medium hover:bg-muted",children:[(0,ge.jsxs)("div",{className:"flex items-center gap-3",children:[(0,ge.jsxs)(Z,{className:"h-6 w-6",children:[(0,ge.jsx)(ie,{src:"/placeholder.svg?height=32&width=32",alt:"User"}),(0,ge.jsx)(Q,{children:"JD"})]}),(0,ge.jsx)("span",{children:"John Doe"})]}),(0,ge.jsx)(x,{variant:"outline",className:"ml-auto",children:"Pro"})]})]})})]})}),(0,ge.jsx)("div",{className:p("fixed inset-y-0 left-0 z-30 hidden w-64 transform border-r bg-background transition-transform duration-300 ease-in-out md:block",m?"translate-x-0":"-translate-x-full"),children:(0,ge.jsxs)("div",{className:"flex h-full flex-col",children:[(0,ge.jsx)("div",{className:"p-4",children:(0,ge.jsxs)("div",{className:"flex items-center gap-3",children:[(0,ge.jsx)("div",{className:"flex aspect-square size-10 items-center justify-center rounded-2xl bg-gradient-to-br from-purple-600 to-blue-600 text-white",children:(0,ge.jsx)(a.Wand2,{className:"size-5"})}),(0,ge.jsxs)("div",{children:[(0,ge.jsx)("h2",{className:"font-semibold",children:"Designali"}),(0,ge.jsx)("p",{className:"text-xs text-muted-foreground",children:"Creative Suite"})]})]})}),(0,ge.jsx)("div",{className:"px-3 py-2",children:(0,ge.jsxs)("div",{className:"relative",children:[(0,ge.jsx)(a.Search,{className:"absolute left-3 top-3 h-4 w-4 text-muted-foreground"}),(0,ge.jsx)(O,{type:"search",placeholder:"Search...",className:"w-full rounded-2xl bg-muted pl-9 pr-4 py-2"})]})}),(0,ge.jsx)(ve,{className:"flex-1 px-3 py-2",children:(0,ge.jsx)("div",{className:"space-y-1",children:ct.map(r=>(0,ge.jsxs)("div",{className:"mb-1",children:[(0,ge.jsxs)("button",{className:p("flex w-full items-center justify-between rounded-2xl px-3 py-2 text-sm font-medium",r.isActive?"bg-primary/10 text-primary":"hover:bg-muted"),onClick:()=>r.items&&k(r.title),children:[(0,ge.jsxs)("div",{className:"flex items-center gap-3",children:[r.icon,(0,ge.jsx)("span",{children:r.title})]}),r.badge&&(0,ge.jsx)(x,{variant:"outline",className:"ml-auto rounded-full px-2 py-0.5 text-xs",children:r.badge}),r.items&&(0,ge.jsx)(a.ChevronDown,{className:p("ml-2 h-4 w-4 transition-transform",y[r.title]?"rotate-180":"")})]}),r.items&&y[r.title]&&(0,ge.jsx)("div",{className:"mt-1 ml-6 space-y-1 border-l pl-3",children:r.items.map(f=>(0,ge.jsxs)("a",{href:f.url,className:"flex items-center justify-between rounded-2xl px-3 py-2 text-sm hover:bg-muted",children:[f.title,f.badge&&(0,ge.jsx)(x,{variant:"outline",className:"ml-auto rounded-full px-2 py-0.5 text-xs",children:f.badge})]},f.title))})]},r.title))})}),(0,ge.jsx)("div",{className:"border-t p-3",children:(0,ge.jsxs)("div",{className:"space-y-1",children:[(0,ge.jsxs)("button",{className:"flex w-full items-center gap-3 rounded-2xl px-3 py-2 text-sm font-medium hover:bg-muted",children:[(0,ge.jsx)(a.Settings,{className:"h-5 w-5"}),(0,ge.jsx)("span",{children:"Settings"})]}),(0,ge.jsxs)("button",{className:"flex w-full items-center justify-between rounded-2xl px-3 py-2 text-sm font-medium hover:bg-muted",children:[(0,ge.jsxs)("div",{className:"flex items-center gap-3",children:[(0,ge.jsxs)(Z,{className:"h-6 w-6",children:[(0,ge.jsx)(ie,{src:"/placeholder.svg?height=32&width=32",alt:"User"}),(0,ge.jsx)(Q,{children:"JD"})]}),(0,ge.jsx)("span",{children:"John Doe"})]}),(0,ge.jsx)(x,{variant:"outline",className:"ml-auto",children:"Pro"})]})]})})]})}),(0,ge.jsxs)("div",{className:p("min-h-screen transition-all duration-300 ease-in-out",m?"md:pl-64":"md:pl-0"),children:[(0,ge.jsxs)("header",{className:"sticky top-0 z-10 flex h-16 items-center gap-3 border-b bg-background/95 px-4 backdrop-blur",children:[(0,ge.jsx)(l,{variant:"ghost",size:"icon",className:"md:hidden",onClick:()=>w(!0),children:(0,ge.jsx)(a.Menu,{className:"h-5 w-5"})}),(0,ge.jsx)(l,{variant:"ghost",size:"icon",className:"hidden md:flex",onClick:()=>c(!m),children:(0,ge.jsx)(a.PanelLeft,{className:"h-5 w-5"})}),(0,ge.jsxs)("div",{className:"flex flex-1 items-center justify-between",children:[(0,ge.jsx)("h1",{className:"text-xl font-semibold",children:"Digital Colleagues"}),(0,ge.jsxs)("div",{className:"flex items-center gap-3",children:[(0,ge.jsx)(be,{children:(0,ge.jsxs)(xe,{children:[(0,ge.jsx)(he,{asChild:!0,children:(0,ge.jsx)(l,{variant:"ghost",size:"icon",className:"rounded-2xl",children:(0,ge.jsx)(a.Cloud,{className:"h-5 w-5"})})}),(0,ge.jsx)(de,{children:"Cloud Storage"})]})}),(0,ge.jsx)(be,{children:(0,ge.jsxs)(xe,{children:[(0,ge.jsx)(he,{asChild:!0,children:(0,ge.jsx)(l,{variant:"ghost",size:"icon",className:"rounded-2xl",children:(0,ge.jsx)(a.MessageSquare,{className:"h-5 w-5"})})}),(0,ge.jsx)(de,{children:"Messages"})]})}),(0,ge.jsx)(be,{children:(0,ge.jsxs)(xe,{children:[(0,ge.jsx)(he,{asChild:!0,children:(0,ge.jsxs)(l,{variant:"ghost",size:"icon",className:"rounded-2xl relative",children:[(0,ge.jsx)(a.Bell,{className:"h-5 w-5"}),o>0&&(0,ge.jsx)("span",{className:"absolute -right-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-xs text-white",children:o})]})}),(0,ge.jsx)(de,{children:"Notifications"})]})}),(0,ge.jsxs)(Z,{className:"h-9 w-9 border-2 border-primary",children:[(0,ge.jsx)(ie,{src:"/placeholder.svg?height=40&width=40",alt:"User"}),(0,ge.jsx)(Q,{children:"JD"})]})]})]})]}),(0,ge.jsx)("main",{className:"flex-1 p-4 md:p-6",children:(0,ge.jsxs)(st,{defaultValue:"home",value:d,onValueChange:n,className:"w-full",children:[(0,ge.jsxs)("div",{className:"mb-8 flex flex-col md:flex-row md:items-center md:justify-between gap-4",children:[(0,ge.jsxs)(ot,{className:"grid w-full max-w-[600px] grid-cols-5 rounded-2xl p-1",children:[(0,ge.jsx)(ee,{value:"home",className:"rounded-xl data-[state=active]:rounded-xl",children:"Home"}),(0,ge.jsx)(ee,{value:"apps",className:"rounded-xl data-[state=active]:rounded-xl",children:"Apps"}),(0,ge.jsx)(ee,{value:"files",className:"rounded-xl data-[state=active]:rounded-xl",children:"Files"}),(0,ge.jsx)(ee,{value:"projects",className:"rounded-xl data-[state=active]:rounded-xl",children:"Projects"}),(0,ge.jsx)(ee,{value:"learn",className:"rounded-xl data-[state=active]:rounded-xl",children:"Learn"})]}),(0,ge.jsxs)("div",{className:"hidden md:flex gap-2",children:[(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Download,{className:"mr-2 h-4 w-4"}),"Install App"]}),(0,ge.jsxs)(l,{className:"rounded-2xl",children:[(0,ge.jsx)(a.Plus,{className:"mr-2 h-4 w-4"}),"New Project"]})]})]}),(0,ge.jsxs)("div",{className:"relative",children:[(0,ge.jsx)(V,{value:t,className:"h-2 rounded-full bg-muted"}),(0,ge.jsxs)("div",{className:"absolute inset-0 flex items-center justify-between px-3 text-xs text-muted-foreground",children:[(0,ge.jsx)("span",{children:"Loading..."}),(0,ge.jsxs)("span",{children:[t,"%"]})]})]}),(0,ge.jsx)(h.AnimatePresence,{mode:"wait",children:(0,ge.jsxs)(h.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:[(0,ge.jsxs)(te,{value:"home",className:"space-y-8 mt-0",children:[(0,ge.jsx)("section",{children:(0,ge.jsx)(h.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"overflow-hidden rounded-3xl bg-gradient-to-r from-violet-600 via-indigo-600 to-blue-600 p-8 text-white",children:(0,ge.jsxs)("div",{className:"flex flex-col gap-6 md:flex-row md:items-center md:justify-between",children:[(0,ge.jsxs)("div",{className:"space-y-4",children:[(0,ge.jsx)(x,{className:"bg-white/20 text-white hover:bg-white/30 rounded-xl",children:"Premium"}),(0,ge.jsx)("h2",{className:"text-3xl font-bold",children:"Welcome to Digital Colleagues Suite"}),(0,ge.jsx)("p",{className:"max-w-[600px] text-white/80",children:"Unleash your creativity with our comprehensive suite of professional design tools and resources."}),(0,ge.jsxs)("div",{className:"flex flex-wrap gap-3",children:[(0,ge.jsx)(l,{className:"rounded-2xl bg-white text-indigo-700 hover:bg-white/90",children:"Explore Plans"}),(0,ge.jsx)(l,{variant:"outline",className:"rounded-2xl bg-transparent border-white text-white hover:bg-white/10",children:"Take a Tour"})]})]}),(0,ge.jsx)("div",{className:"hidden lg:block",children:(0,ge.jsxs)(h.motion.div,{animate:{rotate:360},transition:{duration:50,repeat:Number.POSITIVE_INFINITY,ease:"linear"},className:"relative h-40 w-40",children:[(0,ge.jsx)("div",{className:"absolute inset-0 rounded-full bg-white/10 backdrop-blur-md"}),(0,ge.jsx)("div",{className:"absolute inset-4 rounded-full bg-white/20"}),(0,ge.jsx)("div",{className:"absolute inset-8 rounded-full bg-white/30"}),(0,ge.jsx)("div",{className:"absolute inset-12 rounded-full bg-white/40"}),(0,ge.jsx)("div",{className:"absolute inset-16 rounded-full bg-white/50"})]})})]})})}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Recent Apps"}),(0,ge.jsx)(l,{variant:"ghost",className:"rounded-2xl",children:"View All"})]}),(0,ge.jsx)("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",children:Se.filter(r=>r.recent).map(r=>(0,ge.jsx)(h.motion.div,{whileHover:{scale:1.02,y:-5},whileTap:{scale:.98},children:(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl border-2 hover:border-primary/50 transition-all duration-300",children:[(0,ge.jsx)(F,{className:"pb-2",children:(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-muted",children:r.icon}),(0,ge.jsx)(l,{variant:"ghost",size:"icon",className:"h-8 w-8 rounded-2xl",children:(0,ge.jsx)(a.Star,{className:"h-4 w-4"})})]})}),(0,ge.jsxs)(M,{className:"pb-2",children:[(0,ge.jsx)(E,{className:"text-lg",children:r.name}),(0,ge.jsx)(H,{children:r.description})]}),(0,ge.jsx)(A,{children:(0,ge.jsx)(l,{variant:"secondary",className:"w-full rounded-2xl",children:"Open"})})]})},r.name))})]}),(0,ge.jsxs)("div",{className:"grid grid-cols-1 gap-8 md:grid-cols-2",children:[(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Recent Files"}),(0,ge.jsx)(l,{variant:"ghost",className:"rounded-2xl",children:"View All"})]}),(0,ge.jsx)("div",{className:"rounded-3xl border",children:(0,ge.jsx)("div",{className:"grid grid-cols-1 divide-y",children:lt.slice(0,4).map(r=>(0,ge.jsxs)(h.motion.div,{whileHover:{backgroundColor:"rgba(0,0,0,0.02)"},className:"flex items-center justify-between p-4",children:[(0,ge.jsxs)("div",{className:"flex items-center gap-3",children:[(0,ge.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-2xl bg-muted",children:r.icon}),(0,ge.jsxs)("div",{children:[(0,ge.jsx)("p",{className:"font-medium",children:r.name}),(0,ge.jsxs)("p",{className:"text-sm text-muted-foreground",children:[r.app," \u2022 ",r.modified]})]})]}),(0,ge.jsxs)("div",{className:"flex items-center gap-2",children:[r.shared&&(0,ge.jsxs)(x,{variant:"outline",className:"rounded-xl",children:[(0,ge.jsx)(a.Users,{className:"mr-1 h-3 w-3"}),r.collaborators]}),(0,ge.jsx)(l,{variant:"ghost",size:"sm",className:"rounded-xl",children:"Open"})]})]},r.name))})})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Active Projects"}),(0,ge.jsx)(l,{variant:"ghost",className:"rounded-2xl",children:"View All"})]}),(0,ge.jsx)("div",{className:"rounded-3xl border",children:(0,ge.jsx)("div",{className:"grid grid-cols-1 divide-y",children:nt.slice(0,3).map(r=>(0,ge.jsxs)(h.motion.div,{whileHover:{backgroundColor:"rgba(0,0,0,0.02)"},className:"p-4",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,ge.jsx)("h3",{className:"font-medium",children:r.name}),(0,ge.jsxs)(x,{variant:"outline",className:"rounded-xl",children:["Due ",r.dueDate]})]}),(0,ge.jsx)("p",{className:"text-sm text-muted-foreground mb-3",children:r.description}),(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,ge.jsx)("span",{children:"Progress"}),(0,ge.jsxs)("span",{children:[r.progress,"%"]})]}),(0,ge.jsx)(V,{value:r.progress,className:"h-2 rounded-xl"})]}),(0,ge.jsxs)("div",{className:"flex items-center justify-between mt-3 text-sm text-muted-foreground",children:[(0,ge.jsxs)("div",{className:"flex items-center",children:[(0,ge.jsx)(a.Users,{className:"mr-1 h-4 w-4"}),r.members," members"]}),(0,ge.jsxs)("div",{className:"flex items-center",children:[(0,ge.jsx)(a.FileText,{className:"mr-1 h-4 w-4"}),r.files," files"]})]})]},r.name))})})]})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Community Highlights"}),(0,ge.jsx)(l,{variant:"ghost",className:"rounded-2xl",children:"Explore"})]}),(0,ge.jsx)("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",children:Yt.map(r=>(0,ge.jsx)(h.motion.div,{whileHover:{scale:1.02,y:-5},whileTap:{scale:.98},children:(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl",children:[(0,ge.jsx)("div",{className:"aspect-[4/3] overflow-hidden bg-muted",children:(0,ge.jsx)("img",{src:r.image||"/placeholder.svg",alt:r.title,className:"h-full w-full object-cover transition-transform duration-300 hover:scale-105"})}),(0,ge.jsxs)(M,{className:"p-4",children:[(0,ge.jsx)("h3",{className:"font-semibold",children:r.title}),(0,ge.jsxs)("p",{className:"text-sm text-muted-foreground",children:["by ",r.author]}),(0,ge.jsxs)("div",{className:"mt-2 flex items-center justify-between text-sm",children:[(0,ge.jsxs)("div",{className:"flex items-center gap-2",children:[(0,ge.jsx)(a.Heart,{className:"h-4 w-4 text-red-500"}),r.likes,(0,ge.jsx)(a.MessageSquare,{className:"ml-2 h-4 w-4 text-blue-500"}),r.comments]}),(0,ge.jsx)("span",{className:"text-muted-foreground",children:r.time})]})]})]})},r.title))})]})]}),(0,ge.jsxs)(te,{value:"apps",className:"space-y-8 mt-0",children:[(0,ge.jsx)("section",{children:(0,ge.jsx)(h.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"overflow-hidden rounded-3xl bg-gradient-to-r from-pink-600 via-red-600 to-orange-600 p-8 text-white",children:(0,ge.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsx)("h2",{className:"text-3xl font-bold",children:"Creative Apps Collection"}),(0,ge.jsx)("p",{className:"max-w-[600px] text-white/80",children:"Discover our full suite of professional design and creative applications."})]}),(0,ge.jsxs)(l,{className:"w-fit rounded-2xl bg-white text-red-700 hover:bg-white/90",children:[(0,ge.jsx)(a.Download,{className:"mr-2 h-4 w-4"}),"Install Desktop App"]})]})})}),(0,ge.jsxs)("div",{className:"flex flex-wrap gap-3 mb-6",children:[(0,ge.jsx)(l,{variant:"outline",className:"rounded-2xl",children:"All Categories"}),(0,ge.jsx)(l,{variant:"outline",className:"rounded-2xl",children:"Creative"}),(0,ge.jsx)(l,{variant:"outline",className:"rounded-2xl",children:"Video"}),(0,ge.jsx)(l,{variant:"outline",className:"rounded-2xl",children:"Web"}),(0,ge.jsx)(l,{variant:"outline",className:"rounded-2xl",children:"3D"}),(0,ge.jsx)("div",{className:"flex-1"}),(0,ge.jsxs)("div",{className:"relative w-full md:w-auto mt-3 md:mt-0",children:[(0,ge.jsx)(a.Search,{className:"absolute left-3 top-3 h-4 w-4 text-muted-foreground"}),(0,ge.jsx)(O,{type:"search",placeholder:"Search apps...",className:"w-full rounded-2xl pl-9 md:w-[200px]"})]})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"New Releases"}),(0,ge.jsx)("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",children:Se.filter(r=>r.new).map(r=>(0,ge.jsx)(h.motion.div,{whileHover:{scale:1.02,y:-5},whileTap:{scale:.98},children:(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl border-2 hover:border-primary/50 transition-all duration-300",children:[(0,ge.jsx)(F,{className:"pb-2",children:(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-muted",children:r.icon}),(0,ge.jsx)(x,{className:"rounded-xl bg-amber-500",children:"New"})]})}),(0,ge.jsxs)(M,{className:"pb-2",children:[(0,ge.jsx)(E,{className:"text-lg",children:r.name}),(0,ge.jsx)(H,{children:r.description}),(0,ge.jsxs)("div",{className:"mt-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,ge.jsx)("span",{children:"Installation"}),(0,ge.jsxs)("span",{children:[r.progress,"%"]})]}),(0,ge.jsx)(V,{value:r.progress,className:"h-2 mt-1 rounded-xl"})]})]}),(0,ge.jsx)(A,{children:(0,ge.jsx)(l,{variant:"secondary",className:"w-full rounded-2xl",children:r.progress<100?"Continue Install":"Open"})})]})},r.name))})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"All Apps"}),(0,ge.jsx)("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",children:Se.map(r=>(0,ge.jsx)(h.motion.div,{whileHover:{scale:1.02,y:-5},whileTap:{scale:.98},children:(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl border hover:border-primary/50 transition-all duration-300",children:[(0,ge.jsx)(F,{className:"pb-2",children:(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-muted",children:r.icon}),(0,ge.jsx)(x,{variant:"outline",className:"rounded-xl",children:r.category})]})}),(0,ge.jsxs)(M,{className:"pb-2",children:[(0,ge.jsx)(E,{className:"text-lg",children:r.name}),(0,ge.jsx)(H,{children:r.description})]}),(0,ge.jsxs)(A,{className:"flex gap-2",children:[(0,ge.jsx)(l,{variant:"secondary",className:"flex-1 rounded-2xl",children:r.progress<100?"Install":"Open"}),(0,ge.jsx)(l,{variant:"outline",size:"icon",className:"rounded-2xl",children:(0,ge.jsx)(a.Star,{className:"h-4 w-4"})})]})]})},r.name))})]})]}),(0,ge.jsxs)(te,{value:"files",className:"space-y-8 mt-0",children:[(0,ge.jsx)("section",{children:(0,ge.jsx)(h.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"overflow-hidden rounded-3xl bg-gradient-to-r from-teal-600 via-cyan-600 to-blue-600 p-8 text-white",children:(0,ge.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsx)("h2",{className:"text-3xl font-bold",children:"Your Creative Files"}),(0,ge.jsx)("p",{className:"max-w-[600px] text-white/80",children:"Access, manage, and share all your design files in one place."})]}),(0,ge.jsxs)("div",{className:"flex flex-wrap gap-3",children:[(0,ge.jsxs)(l,{className:"rounded-2xl bg-white/20 backdrop-blur-md hover:bg-white/30",children:[(0,ge.jsx)(a.Cloud,{className:"mr-2 h-4 w-4"}),"Cloud Storage"]}),(0,ge.jsxs)(l,{className:"rounded-2xl bg-white text-blue-700 hover:bg-white/90",children:[(0,ge.jsx)(a.Plus,{className:"mr-2 h-4 w-4"}),"Upload Files"]})]})]})})}),(0,ge.jsxs)("div",{className:"flex flex-wrap gap-3 mb-6",children:[(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.FileText,{className:"mr-2 h-4 w-4"}),"All Files"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Clock,{className:"mr-2 h-4 w-4"}),"Recent"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Users,{className:"mr-2 h-4 w-4"}),"Shared"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Star,{className:"mr-2 h-4 w-4"}),"Favorites"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Trash,{className:"mr-2 h-4 w-4"}),"Trash"]}),(0,ge.jsx)("div",{className:"flex-1"}),(0,ge.jsxs)("div",{className:"relative w-full md:w-auto mt-3 md:mt-0",children:[(0,ge.jsx)(a.Search,{className:"absolute left-3 top-3 h-4 w-4 text-muted-foreground"}),(0,ge.jsx)(O,{type:"search",placeholder:"Search files...",className:"w-full rounded-2xl pl-9 md:w-[200px]"})]})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"All Files"}),(0,ge.jsxs)("div",{className:"flex gap-2",children:[(0,ge.jsxs)(l,{variant:"outline",size:"sm",className:"rounded-2xl",children:[(0,ge.jsx)(a.PanelLeft,{className:"mr-2 h-4 w-4"}),"Filter"]}),(0,ge.jsxs)(l,{variant:"outline",size:"sm",className:"rounded-2xl",children:[(0,ge.jsx)(a.ArrowUpDown,{className:"mr-2 h-4 w-4"}),"Sort"]})]})]}),(0,ge.jsxs)("div",{className:"rounded-3xl border overflow-hidden",children:[(0,ge.jsxs)("div",{className:"bg-muted/50 p-3 hidden md:grid md:grid-cols-12 text-sm font-medium",children:[(0,ge.jsx)("div",{className:"col-span-6",children:"Name"}),(0,ge.jsx)("div",{className:"col-span-2",children:"App"}),(0,ge.jsx)("div",{className:"col-span-2",children:"Size"}),(0,ge.jsx)("div",{className:"col-span-2",children:"Modified"})]}),(0,ge.jsx)("div",{className:"divide-y",children:lt.map(r=>(0,ge.jsxs)(h.motion.div,{whileHover:{backgroundColor:"rgba(0,0,0,0.02)"},className:"p-3 md:grid md:grid-cols-12 items-center flex flex-col md:flex-row gap-3 md:gap-0",children:[(0,ge.jsxs)("div",{className:"col-span-6 flex items-center gap-3 w-full md:w-auto",children:[(0,ge.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-2xl bg-muted",children:r.icon}),(0,ge.jsxs)("div",{children:[(0,ge.jsx)("p",{className:"font-medium",children:r.name}),r.shared&&(0,ge.jsxs)("div",{className:"flex items-center text-xs text-muted-foreground",children:[(0,ge.jsx)(a.Users,{className:"mr-1 h-3 w-3"}),"Shared with ",r.collaborators," people"]})]})]}),(0,ge.jsx)("div",{className:"col-span-2 text-sm md:text-base",children:r.app}),(0,ge.jsx)("div",{className:"col-span-2 text-sm md:text-base",children:r.size}),(0,ge.jsxs)("div",{className:"col-span-2 flex items-center justify-between w-full md:w-auto",children:[(0,ge.jsx)("span",{className:"text-sm md:text-base",children:r.modified}),(0,ge.jsxs)("div",{className:"flex gap-1",children:[(0,ge.jsx)(l,{variant:"ghost",size:"icon",className:"h-8 w-8 rounded-xl",children:(0,ge.jsx)(a.Share2,{className:"h-4 w-4"})}),(0,ge.jsx)(l,{variant:"ghost",size:"icon",className:"h-8 w-8 rounded-xl",children:(0,ge.jsx)(a.MoreHorizontal,{className:"h-4 w-4"})})]})]})]},r.name))})]})]})]}),(0,ge.jsxs)(te,{value:"projects",className:"space-y-8 mt-0",children:[(0,ge.jsx)("section",{children:(0,ge.jsx)(h.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"overflow-hidden rounded-3xl bg-gradient-to-r from-purple-600 via-violet-600 to-indigo-600 p-8 text-white",children:(0,ge.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsx)("h2",{className:"text-3xl font-bold",children:"Project Management"}),(0,ge.jsx)("p",{className:"max-w-[600px] text-white/80",children:"Organize your creative work into projects and collaborate with your team."})]}),(0,ge.jsxs)(l,{className:"w-fit rounded-2xl bg-white text-indigo-700 hover:bg-white/90",children:[(0,ge.jsx)(a.Plus,{className:"mr-2 h-4 w-4"}),"New Project"]})]})})}),(0,ge.jsxs)("div",{className:"flex flex-wrap gap-3 mb-6",children:[(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Layers,{className:"mr-2 h-4 w-4"}),"All Projects"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Clock,{className:"mr-2 h-4 w-4"}),"Recent"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Users,{className:"mr-2 h-4 w-4"}),"Shared"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Archive,{className:"mr-2 h-4 w-4"}),"Archived"]}),(0,ge.jsx)("div",{className:"flex-1"}),(0,ge.jsxs)("div",{className:"relative w-full md:w-auto mt-3 md:mt-0",children:[(0,ge.jsx)(a.Search,{className:"absolute left-3 top-3 h-4 w-4 text-muted-foreground"}),(0,ge.jsx)(O,{type:"search",placeholder:"Search projects...",className:"w-full rounded-2xl pl-9 md:w-[200px]"})]})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Active Projects"}),(0,ge.jsxs)("div",{className:"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3",children:[nt.map(r=>(0,ge.jsx)(h.motion.div,{whileHover:{scale:1.02,y:-5},whileTap:{scale:.98},children:(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl border hover:border-primary/50 transition-all duration-300",children:[(0,ge.jsxs)(F,{children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)(E,{children:r.name}),(0,ge.jsxs)(x,{variant:"outline",className:"rounded-xl",children:["Due ",r.dueDate]})]}),(0,ge.jsx)(H,{children:r.description})]}),(0,ge.jsxs)(M,{className:"space-y-4",children:[(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,ge.jsx)("span",{children:"Progress"}),(0,ge.jsxs)("span",{children:[r.progress,"%"]})]}),(0,ge.jsx)(V,{value:r.progress,className:"h-2 rounded-xl"})]}),(0,ge.jsxs)("div",{className:"flex items-center justify-between text-sm text-muted-foreground",children:[(0,ge.jsxs)("div",{className:"flex items-center",children:[(0,ge.jsx)(a.Users,{className:"mr-1 h-4 w-4"}),r.members," members"]}),(0,ge.jsxs)("div",{className:"flex items-center",children:[(0,ge.jsx)(a.FileText,{className:"mr-1 h-4 w-4"}),r.files," files"]})]})]}),(0,ge.jsxs)(A,{className:"flex gap-2",children:[(0,ge.jsx)(l,{variant:"secondary",className:"flex-1 rounded-2xl",children:"Open Project"}),(0,ge.jsx)(l,{variant:"outline",size:"icon",className:"rounded-2xl",children:(0,ge.jsx)(a.Share2,{className:"h-4 w-4"})})]})]})},r.name)),(0,ge.jsx)(h.motion.div,{whileHover:{scale:1.02,y:-5},whileTap:{scale:.98},children:(0,ge.jsxs)(T,{className:"flex h-full flex-col items-center justify-center rounded-3xl border border-dashed p-8 hover:border-primary/50 transition-all duration-300",children:[(0,ge.jsx)("div",{className:"mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted",children:(0,ge.jsx)(a.Plus,{className:"h-6 w-6"})}),(0,ge.jsx)("h3",{className:"text-lg font-medium",children:"Create New Project"}),(0,ge.jsx)("p",{className:"mb-4 text-center text-sm text-muted-foreground",children:"Start a new creative project from scratch or use a template"}),(0,ge.jsx)(l,{className:"rounded-2xl",children:"New Project"})]})})]})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Project Templates"}),(0,ge.jsxs)("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",children:[(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl",children:[(0,ge.jsxs)("div",{className:"aspect-video bg-gradient-to-br from-blue-500 to-purple-600 p-6 text-white",children:[(0,ge.jsx)("h3",{className:"text-lg font-medium",children:"Brand Identity"}),(0,ge.jsx)("p",{className:"text-sm text-white/80",children:"Complete brand design package"})]}),(0,ge.jsxs)(A,{className:"flex justify-between p-4",children:[(0,ge.jsx)(x,{variant:"outline",className:"rounded-xl",children:"Popular"}),(0,ge.jsx)(l,{variant:"ghost",size:"sm",className:"rounded-xl",children:"Use Template"})]})]}),(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl",children:[(0,ge.jsxs)("div",{className:"aspect-video bg-gradient-to-br from-amber-500 to-red-600 p-6 text-white",children:[(0,ge.jsx)("h3",{className:"text-lg font-medium",children:"Marketing Campaign"}),(0,ge.jsx)("p",{className:"text-sm text-white/80",children:"Multi-channel marketing assets"})]}),(0,ge.jsxs)(A,{className:"flex justify-between p-4",children:[(0,ge.jsx)(x,{variant:"outline",className:"rounded-xl",children:"New"}),(0,ge.jsx)(l,{variant:"ghost",size:"sm",className:"rounded-xl",children:"Use Template"})]})]}),(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl",children:[(0,ge.jsxs)("div",{className:"aspect-video bg-gradient-to-br from-green-500 to-teal-600 p-6 text-white",children:[(0,ge.jsx)("h3",{className:"text-lg font-medium",children:"Website Redesign"}),(0,ge.jsx)("p",{className:"text-sm text-white/80",children:"Complete website design workflow"})]}),(0,ge.jsxs)(A,{className:"flex justify-between p-4",children:[(0,ge.jsx)(x,{variant:"outline",className:"rounded-xl",children:"Featured"}),(0,ge.jsx)(l,{variant:"ghost",size:"sm",className:"rounded-xl",children:"Use Template"})]})]}),(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl",children:[(0,ge.jsxs)("div",{className:"aspect-video bg-gradient-to-br from-pink-500 to-rose-600 p-6 text-white",children:[(0,ge.jsx)("h3",{className:"text-lg font-medium",children:"Product Launch"}),(0,ge.jsx)("p",{className:"text-sm text-white/80",children:"Product launch campaign assets"})]}),(0,ge.jsxs)(A,{className:"flex justify-between p-4",children:[(0,ge.jsx)(x,{variant:"outline",className:"rounded-xl",children:"Popular"}),(0,ge.jsx)(l,{variant:"ghost",size:"sm",className:"rounded-xl",children:"Use Template"})]})]})]})]})]}),(0,ge.jsxs)(te,{value:"learn",className:"space-y-8 mt-0",children:[(0,ge.jsx)("section",{children:(0,ge.jsx)(h.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"overflow-hidden rounded-3xl bg-gradient-to-r from-green-600 via-emerald-600 to-teal-600 p-8 text-white",children:(0,ge.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsx)("h2",{className:"text-3xl font-bold",children:"Learn & Grow"}),(0,ge.jsx)("p",{className:"max-w-[600px] text-white/80",children:"Expand your creative skills with tutorials, courses, and resources."})]}),(0,ge.jsxs)(l,{className:"w-fit rounded-2xl bg-white text-emerald-700 hover:bg-white/90",children:[(0,ge.jsx)(a.Crown,{className:"mr-2 h-4 w-4"}),"Upgrade to Pro"]})]})})}),(0,ge.jsxs)("div",{className:"flex flex-wrap gap-3 mb-6",children:[(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Play,{className:"mr-2 h-4 w-4"}),"All Tutorials"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.BookOpen,{className:"mr-2 h-4 w-4"}),"Courses"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Lightbulb,{className:"mr-2 h-4 w-4"}),"Tips & Tricks"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.TrendingUp,{className:"mr-2 h-4 w-4"}),"Trending"]}),(0,ge.jsxs)(l,{variant:"outline",className:"rounded-2xl",children:[(0,ge.jsx)(a.Bookmark,{className:"mr-2 h-4 w-4"}),"Saved"]}),(0,ge.jsx)("div",{className:"flex-1"}),(0,ge.jsxs)("div",{className:"relative w-full md:w-auto mt-3 md:mt-0",children:[(0,ge.jsx)(a.Search,{className:"absolute left-3 top-3 h-4 w-4 text-muted-foreground"}),(0,ge.jsx)(O,{type:"search",placeholder:"Search tutorials...",className:"w-full rounded-2xl pl-9 md:w-[200px]"})]})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Featured Tutorials"}),(0,ge.jsx)("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",children:dt.slice(0,3).map(r=>(0,ge.jsx)(h.motion.div,{whileHover:{scale:1.02,y:-5},whileTap:{scale:.98},children:(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl",children:[(0,ge.jsxs)("div",{className:"aspect-video overflow-hidden bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 relative",children:[(0,ge.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,ge.jsx)(l,{size:"icon",variant:"secondary",className:"h-14 w-14 rounded-full",children:(0,ge.jsx)(a.Play,{className:"h-6 w-6"})})}),(0,ge.jsxs)("div",{className:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-4 text-white",children:[(0,ge.jsx)(x,{className:"bg-white/20 text-white hover:bg-white/30 rounded-xl",children:r.category}),(0,ge.jsx)("h3",{className:"mt-2 text-lg font-medium",children:r.title})]})]}),(0,ge.jsxs)(M,{className:"p-4",children:[(0,ge.jsx)("p",{className:"text-sm text-muted-foreground",children:r.description}),(0,ge.jsxs)("div",{className:"mt-4 flex items-center justify-between",children:[(0,ge.jsxs)("div",{className:"flex items-center gap-2",children:[(0,ge.jsx)(Z,{className:"h-6 w-6",children:(0,ge.jsx)(Q,{children:r.instructor.charAt(0)})}),(0,ge.jsx)("span",{className:"text-sm",children:r.instructor})]}),(0,ge.jsxs)("div",{className:"flex items-center gap-2 text-sm text-muted-foreground",children:[(0,ge.jsx)(a.Clock,{className:"h-4 w-4"}),r.duration]})]})]}),(0,ge.jsxs)(A,{className:"flex items-center justify-between border-t p-4",children:[(0,ge.jsx)(x,{variant:"outline",className:"rounded-xl",children:r.level}),(0,ge.jsxs)("div",{className:"flex items-center gap-1 text-sm text-muted-foreground",children:[(0,ge.jsx)(a.Eye,{className:"h-4 w-4"}),r.views," views"]})]})]})},r.title))})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Popular Courses"}),(0,ge.jsx)(l,{variant:"ghost",className:"rounded-2xl",children:"View All"})]}),(0,ge.jsx)("div",{className:"rounded-3xl border overflow-hidden",children:(0,ge.jsx)("div",{className:"divide-y",children:dt.slice(3,5).map(r=>(0,ge.jsxs)(h.motion.div,{whileHover:{scale:1.02,y:-5},whileTap:{scale:.98},className:"p-4 flex flex-col md:flex-row gap-3",children:[(0,ge.jsx)("div",{className:"flex-shrink-0",children:(0,ge.jsx)("div",{className:"relative h-20 w-20 overflow-hidden rounded-2xl bg-gradient-to-br from-teal-500 to-emerald-600",children:(0,ge.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,ge.jsx)(a.Play,{className:"h-8 w-8 text-white"})})})}),(0,ge.jsxs)("div",{className:"flex-1",children:[(0,ge.jsx)("h3",{className:"font-medium",children:r.title}),(0,ge.jsx)("p",{className:"text-sm text-muted-foreground",children:r.description}),(0,ge.jsxs)("div",{className:"mt-2 flex flex-wrap items-center gap-3",children:[(0,ge.jsx)(x,{variant:"outline",className:"rounded-xl",children:r.level}),(0,ge.jsxs)("div",{className:"flex items-center gap-1 text-sm text-muted-foreground",children:[(0,ge.jsx)(a.Clock,{className:"h-3 w-3"}),r.duration]}),(0,ge.jsxs)("div",{className:"flex items-center gap-1 text-sm text-muted-foreground",children:[(0,ge.jsx)(a.Eye,{className:"h-3 w-3"}),r.views," views"]})]})]}),(0,ge.jsx)("div",{className:"flex items-center",children:(0,ge.jsx)(l,{variant:"ghost",size:"sm",className:"rounded-xl",children:"Watch Now"})})]},r.title))})})]}),(0,ge.jsxs)("section",{className:"space-y-4",children:[(0,ge.jsx)("h2",{className:"text-2xl font-semibold",children:"Learning Paths"}),(0,ge.jsxs)("div",{className:"grid grid-cols-1 gap-3 md:grid-cols-3",children:[(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl border-2 hover:border-primary/50 transition-all duration-300",children:[(0,ge.jsxs)(F,{className:"pb-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)(x,{className:"rounded-xl bg-blue-500",children:"Beginner"}),(0,ge.jsx)(a.Award,{className:"h-5 w-5 text-amber-500"})]}),(0,ge.jsx)(E,{className:"mt-2",children:"UI/UX Design Fundamentals"}),(0,ge.jsx)(H,{children:"Master the basics of user interface and experience design"})]}),(0,ge.jsx)(M,{children:(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,ge.jsx)("span",{children:"8 courses \u2022 24 hours"}),(0,ge.jsx)("span",{children:"4.8 \u2605"})]}),(0,ge.jsx)(V,{value:30,className:"h-2 rounded-xl"}),(0,ge.jsx)("p",{className:"text-xs text-muted-foreground",children:"30% completed"})]})}),(0,ge.jsx)(A,{children:(0,ge.jsx)(l,{variant:"secondary",className:"w-full rounded-2xl",children:"Continue Learning"})})]}),(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl border-2 hover:border-primary/50 transition-all duration-300",children:[(0,ge.jsxs)(F,{className:"pb-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)(x,{className:"rounded-xl bg-amber-500",children:"Intermediate"}),(0,ge.jsx)(a.Award,{className:"h-5 w-5 text-amber-500"})]}),(0,ge.jsx)(E,{className:"mt-2",children:"Digital Illustration Mastery"}),(0,ge.jsx)(H,{children:"Create stunning digital artwork and illustrations"})]}),(0,ge.jsx)(M,{children:(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,ge.jsx)("span",{children:"12 courses \u2022 36 hours"}),(0,ge.jsx)("span",{children:"4.9 \u2605"})]}),(0,ge.jsx)(V,{value:0,className:"h-2 rounded-xl"}),(0,ge.jsx)("p",{className:"text-xs text-muted-foreground",children:"Not started"})]})}),(0,ge.jsx)(A,{children:(0,ge.jsx)(l,{variant:"secondary",className:"w-full rounded-2xl",children:"Start Learning"})})]}),(0,ge.jsxs)(T,{className:"overflow-hidden rounded-3xl border-2 hover:border-primary/50 transition-all duration-300",children:[(0,ge.jsxs)(F,{className:"pb-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between",children:[(0,ge.jsx)(x,{className:"rounded-xl bg-red-500",children:"Advanced"}),(0,ge.jsx)(a.Award,{className:"h-5 w-5 text-amber-500"})]}),(0,ge.jsx)(E,{className:"mt-2",children:"Motion Graphics & Animation"}),(0,ge.jsx)(H,{children:"Create professional motion graphics and animations"})]}),(0,ge.jsx)(M,{children:(0,ge.jsxs)("div",{className:"space-y-2",children:[(0,ge.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,ge.jsx)("span",{children:"10 courses \u2022 30 hours"}),(0,ge.jsx)("span",{children:"4.7 \u2605"})]}),(0,ge.jsx)(V,{value:0,className:"h-2 rounded-xl"}),(0,ge.jsx)("p",{className:"text-xs text-muted-foreground",children:"Not started"})]})}),(0,ge.jsx)(A,{children:(0,ge.jsx)(l,{variant:"secondary",className:"w-full rounded-2xl",children:"Start Learning"})})]})]})]})]})]},d)})]})})]})]})}0&&(module.exports={DesignaliCreative});