\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n {monthNames[currentMonth.getMonth()]} {currentMonth.getFullYear()}\r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\n","\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { createRoot } from \"react-dom/client\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { CheckCircle, AlertCircle, Info, X, AlertTriangle } from \"lucide-react\"\r\nimport { cn } from \"../utils/cn\"\r\n\r\nconst messageVariants = cva(\r\n \"fixed flex items-center gap-2 py-2 px-4 rounded-md shadow-md text-sm transition-all duration-300 transform translate-y-0 opacity-100\",\r\n {\r\n variants: {\r\n variant: {\r\n success: \"bg-green-50 text-green-800 border border-green-200\",\r\n error: \"bg-red-50 text-red-800 border border-red-200\",\r\n info: \"bg-blue-50 text-blue-800 border border-blue-200\",\r\n warning: \"bg-yellow-50 text-yellow-800 border border-yellow-200\",\r\n },\r\n position: {\r\n top: \"top-4 left-1/2 -translate-x-1/2\",\r\n topLeft: \"top-4 left-4\",\r\n topRight: \"top-4 right-4\",\r\n bottom: \"bottom-4 left-1/2 -translate-x-1/2\",\r\n bottomLeft: \"bottom-4 left-4\",\r\n bottomRight: \"bottom-4 right-4\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"info\",\r\n position: \"top\",\r\n },\r\n },\r\n)\r\n\r\nexport interface MessageProps extends Omit\r\n {daysOfWeek.map((day) => (\r\n
\r\n \r\n {day}\r\n
\r\n ))}\r\n {renderDays()}
\r\n \n
\n \n );\n};","\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { UploadIcon, X, FileIcon, ImageIcon, CheckCircle, AlertCircle, Loader2 } from 'lucide-react'\r\nimport { cn } from \"../utils/cn\"\r\nimport { Button } from \"./Button\"\r\nimport { ProgressBar } from \"./ProgressBar\"\r\n\r\n// Define the file type\r\nexport interface UploadFile {\r\n uid: string\r\n name: string\r\n size: number\r\n type: string\r\n status?: \"uploading\" | \"done\" | \"error\"\r\n percent?: number\r\n url?: string\r\n thumbUrl?: string\r\n originFileObj?: File\r\n error?: string\r\n}\r\n\r\n// Define the upload props\r\nexport interface UploadProps\r\n extends Omit\n
\n {showValue && (\n \n {Math.round(percentage)}%\n \n )}\n \n \n
\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n )\r\n }\r\n\r\n // Render file list\r\n const renderFileList = () => {\r\n if (!showUploadList || fileList.length === 0) return null\r\n\r\n return (\r\n Upload
\r\n \r\n {fileList.map(file => {\r\n // Text list item\r\n if (listType === \"text\") {\r\n return (\r\n
\r\n )\r\n }\r\n\r\n // Determine if we should show the upload button\r\n const showUploadButton = maxCount ? fileList.length < maxCount : true\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n // Picture list item\r\n if (listType === \"picture\") {\r\n return (\r\n \r\n
\r\n \r\n {file.status === \"uploading\" && (\r\n handleRemove(file)}\r\n disabled={disabled}\r\n >\r\n
\r\n \r\n
\r\n )}\r\n {file.status === \"done\" && (\r\n \r\n
\r\n )\r\n }\r\n\r\n // Picture card list item\r\n return (\r\n \r\n {file.thumbUrl ? (\r\n 
handlePreview(file)}\r\n />\r\n ) : (\r\n
\r\n \r\n
\r\n )}\r\n {file.name}\r\n \r\n {file.status === \"uploading\" && (\r\n handleRemove(file)}\r\n disabled={disabled}\r\n >\r\n
\r\n \r\n
\r\n )}\r\n {file.status === \"done\" && (\r\n \r\n {file.status === \"uploading\" ? (\r\n handlePreview(file)}\r\n />\r\n ) : (\r\n
\r\n )\r\n })}\r\n \r\n
\r\n ) : (\r\n <>\r\n {file.thumbUrl ? (\r\n \r\n
\r\n {file.percent}%\r\n \r\n
\r\n )}\r\n \r\n handlePreview(file)}\r\n disabled={disabled}\r\n >\r\n handleRemove(file)}\r\n disabled={disabled}\r\n >\r\n
\r\n {file.status === \"error\" && (\r\n \r\n Error\r\n
\r\n )}\r\n \r\n )}\r\n \r\n {/* Upload area */}\r\n {showUploadButton && (\r\n \r\n
\r\n )}\r\n\r\n {/* File list */}\r\n {renderFileList()}\r\n \r\n )\r\n }\r\n)\r\nUpload.displayName = \"Upload\"\r\n","import React from 'react';\nimport { cn } from '../utils/cn';\nimport { Menu, X } from 'lucide-react';\nimport { Button } from './Button';\n\nexport interface NavbarProps extends React.HTMLAttributes\n
\n\n {/* Mobile menu */}\n \n
\n \n
\n {showSearch && (\n \n {logo || (\n Logo\n )}\n
\n \n {items.map((item) => (\n \n {item.label}\n \n ))}\n
\n \n
\n )}\n \n \n \n
\n \n setIsOpen(!isOpen)}\n >\n Open main menu\n {isOpen ? (\n
\n \n {items.map((item) => (\n \n {item.label}\n \n ))}\n
\n {showSearch && (\n \n
\n )}\n \n
\n \n
\n \n \n );\n }\n);","import React from 'react';\nimport { cn } from '../utils/cn';\nimport { Facebook, Twitter, Instagram, Linkedin } from 'lucide-react';\n\nexport interface FooterProps extends React.HTMLAttributes\n \n \n
\n \n
\n \n );\n }\n);","import React, { useState } from 'react';\nimport { cn } from '../utils/cn';\nimport { ChevronDown } from 'lucide-react';\n\ninterface AccordionItem {\n id: string;\n title: string;\n content: React.ReactNode;\n}\n\nexport interface AccordionProps {\n items: AccordionItem[];\n allowMultiple?: boolean;\n className?: string;\n}\n\nconst Accordion = ({\n items,\n allowMultiple = false,\n className,\n}: AccordionProps) => {\n const [openItems, setOpenItems] = useState\n
\n \n Logo\n
\n \n Making the world a better place through constructing elegant hierarchies.\n
\n \n\n
\n \n {links.slice(0, 2).map((group) => (\n
\n \n
\n ))}\n \n {group.title}\n
\n- \n {group.items.map((item) => (\n
- \n
\n {links.slice(2).map((group) => (\n
\n \n
\n ))}\n \n {group.title}\n
\n- \n {group.items.map((item) => (\n
- \n
\n
\n \n © {new Date().getFullYear()} Your Company, Inc. All rights reserved.\n
\n\n toggleItem(item.id)}\n aria-expanded={isOpen}\n aria-controls={`accordion-content-${item.id}`}\n role=\"tab\"\n >\n {item.title}\n \n
\n \n );\n })}\n \n );\n};\n\nexport default Accordion;","import React from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface CardProps extends React.HTMLAttributes\n {item.content}\n
\n \n \n {label}\n \n
\n {helperText && (\n \n
\n \n \n {props.checked && (\n
\n \n \n {label}\n \n \n {helperText}\n \n )}\n
\n );\n }\n);","import React from 'react';\nimport { cn } from '../utils/cn';\nimport { ChevronDown, ChevronRight, X } from 'lucide-react';\nimport { Button } from './Button';\n\nexport interface SidebarItem {\n label: string;\n href?: string;\n icon?: React.ReactNode;\n items?: SidebarItem[];\n}\n\nexport interface SidebarProps extends React.HTMLAttributes\n {isTagSelect && (\n \n {children}\n \n
\n {helperText && (\n \n {selectedTags.map((tag) => (\n \n {tag}\n removeTag(tag)}\n className=\"text-blue-500 hover:text-blue-700\"\n >\n
\n )}\n \n setIsOpen(!isOpen)}\n aria-expanded={isOpen}\n >\n {item.icon && (\n {item.icon}\n )}\n {!collapsed && (\n <>\n {item.label}\n {isOpen ? (\n
\n );\n};\n\nexport const Sidebar = React.forwardRef\n {item.items.map((subItem, index) => (\n \n {subItem.label}\n \n ))}\n
\n )}\n \n {!collapsed && (\n Menu\n )}\n onCollapse?.(!collapsed)}\n aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n >\n
\n \n \n );\n }\n);","import React, { InputHTMLAttributes } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface SwitchProps extends Omit\n \n {label}\n \n
\n {helperText && (\n \n \n
\n setIsVisible(true)}\n onMouseLeave={() => setIsVisible(false)}\n >\n {children}\n {isVisible && (\n \n {content}\n
\n )}\n \n );\n};","import { cn } from '../utils/cn';\r\n\r\nexport interface UserImageProps {\r\n src?: string;\r\n alt?: string;\r\n initials?: string;\r\n size?: 'sm' | 'md' | 'lg';\r\n className?: string;\r\n}\r\n\r\nexport const UserImage = ({\r\n src,\r\n alt = 'User Image',\r\n initials = '',\r\n size = 'md',\r\n className,\r\n}: UserImageProps) => {\r\n const sizeClasses = {\r\n sm: 'h-8 w-8 text-sm',\r\n md: 'h-12 w-12 text-base',\r\n lg: 'h-16 w-16 text-lg',\r\n };\r\n\r\n return (\r\n \r\n setOpen(!open)}\r\n aria-haspopup=\"true\"\r\n aria-expanded={open}\r\n >\r\n
\r\n )\r\n}\r\n\r\nexport { Breadcrumb, BreadcrumbItem, BreadcrumbSeparator }\r\n\r\n","import React, { useState } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface Tab {\n id: string;\n label: string;\n content: React.ReactNode;\n}\n\nexport interface TabsProps {\n tabs: Tab[];\n defaultTab?: string;\n className?: string;\n}\n\nexport const Tabs = ({\n tabs,\n defaultTab,\n className,\n}: TabsProps) => {\n const [activeTab, setActiveTab] = useState(defaultTab || tabs[0]?.id);\n\n return (\n \r\n
\r\n )}\r\n - \r\n {hiddenItems.map((item, itemIndex) => (\r\n
- \r\n
\n
\n );\n};","import React from 'react';\r\n\r\nexport interface TableProps {\r\n headers: string[];\r\n rows: string[][];\r\n}\r\n\r\nexport const Table: React.FC\n \n
\n \n {tabs.find((tab) => tab.id === activeTab)?.content}\n
\n | \r\n {header}\r\n | \r\n ))}\r\n
|---|
| \r\n {cell}\r\n | \r\n ))}\r\n
\r\n \r\n {helperText}\r\n \r\n )}\r\n
\r\n );\r\n }\r\n);","import React, { InputHTMLAttributes } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface RadioOption {\n label: string;\n value: string;\n}\n\nexport interface RadioGroupProps extends Omit\n \n {label}\n \n
\n {helperText && (\n \n {options.map((option, index) => (\n \n {option.label}\n \n
\n ))}\n \n \n
\n