npm - @sth87/shadcn-design-system - Versions diffs - 0.0.1 - Mend

@sth87/shadcn-design-system 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (760) hide show

package/dist/esm/components/Upload/Upload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Upload.js","sources":["../../../../src/components/Upload/Upload.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useRef, useState, useCallback } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport {\n Upload as UploadIcon,\n X,\n File,\n FileText,\n Image as ImageIcon,\n Film,\n Music,\n Archive,\n FileCode,\n CheckCircle2,\n AlertCircle,\n Loader2,\n Eye,\n Download,\n Trash2,\n CloudUploadIcon,\n} from \"lucide-react\";\nimport { toast } from \"../Toast/Toast\";\nimport Dialog from \"../Dialog/Dialog\";\n\n// Variants for upload container\nconst uploadVariants = cva(\n \"relative flex justify-center items-center rounded-lg transition-all duration-200 cursor-pointer select-none\",\n {\n variants: {\n variant: {\n outline: \"border border-foreground/10 bg-background text-foreground\",\n primaryOutline: \"border border-primary bg-background text-primary\",\n icon: \"border border-primary text-primary bg-background rounded-xl p-2\",\n avatar:\n \"border-2 border-dashed border-foreground/20 bg-background !w-full !h-full flex-col text-center hover:border-foreground/40 !p-1\",\n avatarCircle:\n \"border-2 border-dashed border-foreground/20 bg-background !w-full !h-full rounded-full flex-col text-center hover:border-foreground/40 !p-1\",\n dropzone:\n \"border border-foreground/10 bg-background flex-col text-center py-10\",\n primaryDropzone:\n \"border border-primary bg-primary/10 flex-col text-center py-10\",\n secondaryDropzone:\n \"border border-foreground/10 bg-foreground/10 flex-col text-center py-10\",\n },\n\n size: {\n small: \"h-8 p-[6px] text-sm\",\n medium: \"h-10 p-2 text-base\",\n large: \"h-12 p-3 text-base\",\n },\n\n status: {\n idle: \"\",\n dragover: \"border-primary bg-primary/5 scale-[1.02]\",\n disabled: \"opacity-50 cursor-not-allowed\",\n },\n },\n\n defaultVariants: {\n variant: \"outline\",\n size: \"medium\",\n status: \"idle\",\n },\n },\n);\n\n// File status type\nexport type FileStatus = \"uploading\" | \"done\" | \"error\" | \"removed\";\n\n// Upload file item interface\nexport interface UploadFile {\n uid: string;\n name: string;\n status?: FileStatus;\n url?: string;\n thumbUrl?: string;\n size?: number;\n type?: string;\n percent?: number;\n error?: Error;\n response?: any;\n originFileObj?: File;\n}\n\n// Upload props interface\nexport interface UploadProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"size\">,\n VariantProps<typeof uploadVariants> {\n // Core props\n accept?: string;\n multiple?: boolean;\n disabled?: boolean;\n fileList?: UploadFile[];\n defaultFileList?: UploadFile[];\n\n // Upload behavior\n action?: string | ((file: File) => string);\n customRequest?: (options: {\n file: File;\n onProgress: (percent: number) => void;\n onSuccess: (response: any) => void;\n onError: (error: Error) => void;\n }) => void;\n beforeUpload?: (file: File, fileList: File[]) => boolean | Promise<boolean>;\n onChange?: (info: { file: UploadFile; fileList: UploadFile[] }) => void;\n onRemove?: (file: UploadFile) => boolean | Promise<boolean> | void;\n onPreview?: (file: UploadFile) => void;\n onDownload?: (file: UploadFile) => void;\n\n // Validation\n maxCount?: number;\n maxSize?: number; // in bytes\n\n // Display\n listType?: \"text\" | \"picture\" | \"picture-card\" | \"picture-circle\";\n showUploadList?:\n | boolean\n | {\n showPreviewIcon?: boolean;\n showRemoveIcon?: boolean;\n showDownloadIcon?: boolean;\n };\n pictureCardSize?: number; // Size in pixels for picture-card (default: auto based on cols)\n pictureCardCols?: number; // Number of columns for picture-card grid (default: 3)\n compact?: boolean; // Compact mode - shows as small button\n iconOnly?: boolean; // Show only icon without text in compact mode\n showBorder?: boolean; // Show border around upload area (default: true)\n uploadText?: string; // Custom text for upload area (default: \"Click to upload or drag and drop\")\n uploadDescription?: string; // Custom description text for upload area\n uploadIcon?: React.ReactNode; // Custom icon for upload area\n // Content\n children?: React.ReactNode;\n\n // Headers for upload request\n headers?: Record<string, string>;\n withCredentials?: boolean;\n\n // Drag and drop\n directory?: boolean;\n}\n\n// Helper function to get file icon based on type\nconst getFileIcon = (file: UploadFile) => {\n const type = file.type || \"\";\n const name = file.name.toLowerCase();\n\n if (type.startsWith(\"image/\")) return <ImageIcon className=\"h-4 w-4\" />;\n if (type.startsWith(\"video/\")) return <Film className=\"h-4 w-4\" />;\n if (type.startsWith(\"audio/\")) return <Music className=\"h-4 w-4\" />;\n if (name.endsWith(\".zip\") || name.endsWith(\".rar\") || name.endsWith(\".7z\"))\n return <Archive className=\"h-4 w-4\" />;\n if (\n name.endsWith(\".js\") ||\n name.endsWith(\".ts\") ||\n name.endsWith(\".jsx\") ||\n name.endsWith(\".tsx\") ||\n name.endsWith(\".css\") ||\n name.endsWith(\".html\")\n )\n return <FileCode className=\"h-4 w-4\" />;\n if (name.endsWith(\".txt\") || name.endsWith(\".md\"))\n return <FileText className=\"h-4 w-4\" />;\n return <File className=\"h-4 w-4\" />;\n};\n\n// Helper function to format file size\nconst formatFileSize = (bytes: number): string => {\n if (bytes === 0) return \"0 Bytes\";\n const k = 1024;\n const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + \" \" + sizes[i];\n};\n\n// Generate unique ID\nconst generateUID = () => {\n return `upload-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n};\n\nconst UploadBase = React.forwardRef<HTMLDivElement, UploadProps>(\n (\n {\n className,\n variant,\n accept,\n multiple = false,\n disabled = false,\n fileList: controlledFileList,\n defaultFileList = [],\n action,\n customRequest,\n beforeUpload,\n onChange,\n onRemove,\n onPreview,\n onDownload,\n maxCount,\n maxSize,\n listType = \"text\",\n showUploadList = true,\n pictureCardSize,\n pictureCardCols = 3,\n iconOnly = false,\n showBorder = true,\n uploadText = \"Click to upload\",\n uploadDescription,\n uploadIcon,\n size = \"medium\",\n children,\n headers,\n withCredentials,\n directory = false,\n ...props\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const [internalFileList, setInternalFileList] =\n useState<UploadFile[]>(defaultFileList);\n const [isDragOver, setIsDragOver] = useState(false);\n\n // Built-in preview dialog state\n const [previewOpen, setPreviewOpen] = useState(false);\n const [previewImage, setPreviewImage] = useState(\"\");\n const [previewTitle, setPreviewTitle] = useState(\"\");\n\n // Use controlled or uncontrolled fileList\n const fileList = controlledFileList ?? internalFileList;\n const setFileList = controlledFileList ? undefined : setInternalFileList;\n\n // Check if dropzone variant\n const isDropzoneVariant = [\n \"dropzone\",\n \"primaryDropzone\",\n \"secondaryDropzone\",\n ].includes(variant || \"\");\n\n // Auto set listType to 'text' when directory mode is enabled or when uploading with dropzone variants\n const effectiveListType = directory\n ? \"text\"\n : isDropzoneVariant && fileList.length > 0\n ? \"text\"\n : listType;\n\n // Track the latest fileList for controlled mode\n const fileListRef = useRef<UploadFile[]>(fileList);\n fileListRef.current = fileList;\n\n // Check if can upload more files\n const canUploadMore = maxCount\n ? fileList.length < maxCount\n : directory || multiple\n ? true\n : fileList.length === 0;\n\n // Update file list\n const updateFileList = useCallback(\n (updater: (prev: UploadFile[]) => UploadFile[], file?: UploadFile) => {\n const newList = updater(fileListRef.current);\n\n if (setFileList) {\n setFileList(updater);\n }\n\n // Trigger onChange for controlled mode\n if (onChange) {\n // Always trigger onChange with the new list\n const dummyFile = file || ({} as UploadFile);\n onChange({ file: dummyFile, fileList: newList });\n }\n },\n [setFileList, onChange],\n );\n\n // Upload file\n const uploadFile = useCallback(\n (file: File) => {\n // Generate preview URL immediately for images\n const previewUrl = file.type.startsWith(\"image/\")\n ? URL.createObjectURL(file)\n : undefined;\n\n const uploadFileObj: UploadFile = {\n uid: generateUID(),\n name: file.name,\n size: file.size,\n type: file.type,\n status: \"uploading\",\n percent: 0,\n originFileObj: file,\n url: previewUrl,\n thumbUrl: previewUrl,\n };\n\n // Add to file list immediately\n updateFileList((prev) => [...prev, uploadFileObj], uploadFileObj);\n\n // Custom request\n if (customRequest) {\n customRequest({\n file,\n onProgress: (percent) => {\n const updatedFile = { ...uploadFileObj, percent };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? updatedFile : f,\n ),\n updatedFile,\n );\n },\n onSuccess: (response) => {\n const successFile = {\n ...uploadFileObj,\n status: \"done\" as FileStatus,\n percent: 100,\n response,\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? successFile : f,\n ),\n successFile,\n );\n },\n onError: (error) => {\n const errorFile = {\n ...uploadFileObj,\n status: \"error\" as FileStatus,\n error,\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? errorFile : f,\n ),\n errorFile,\n );\n },\n });\n } else if (action) {\n // Default upload using fetch\n const url = typeof action === \"function\" ? action(file) : action;\n const formData = new FormData();\n formData.append(\"file\", file);\n\n const xhr = new XMLHttpRequest();\n\n xhr.upload.addEventListener(\"progress\", (e) => {\n if (e.lengthComputable) {\n const percent = Math.round((e.loaded / e.total) * 100);\n const updatedFile = { ...uploadFileObj, percent };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? updatedFile : f,\n ),\n updatedFile,\n );\n }\n });\n\n xhr.addEventListener(\"load\", () => {\n if (xhr.status >= 200 && xhr.status < 300) {\n const response = JSON.parse(xhr.responseText);\n const successFile = {\n ...uploadFileObj,\n status: \"done\" as FileStatus,\n percent: 100,\n response,\n url: response.url || response.data?.url,\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? successFile : f,\n ),\n successFile,\n );\n } else {\n const errorFile = {\n ...uploadFileObj,\n status: \"error\" as FileStatus,\n error: new Error(`Upload failed with status ${xhr.status}`),\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? errorFile : f,\n ),\n errorFile,\n );\n }\n });\n\n xhr.addEventListener(\"error\", () => {\n const errorFile = {\n ...uploadFileObj,\n status: \"error\" as FileStatus,\n error: new Error(\"Network error\"),\n };\n updateFileList(\n (prev) =>\n prev.map((f) => (f.uid === uploadFileObj.uid ? errorFile : f)),\n errorFile,\n );\n });\n\n xhr.open(\"POST\", url);\n\n // Set headers\n if (headers) {\n Object.entries(headers).forEach(([key, value]) => {\n xhr.setRequestHeader(key, value);\n });\n }\n\n if (withCredentials) {\n xhr.withCredentials = true;\n }\n\n xhr.send(formData);\n } else {\n // No action or customRequest, just mark as done (for preview only)\n setTimeout(() => {\n const successFile = {\n ...uploadFileObj,\n status: \"done\" as FileStatus,\n percent: 100,\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? successFile : f,\n ),\n successFile,\n );\n }, 100);\n }\n },\n [action, customRequest, updateFileList, headers, withCredentials],\n );\n\n // Handle file selection\n const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n const files = Array.from(e.target.files || []);\n\n console.log(\"=== handleFileChange DEBUG ===\");\n console.log(\"Files from browser:\", files.length);\n console.log(\"Directory mode:\", directory);\n console.log(\"Multiple mode:\", multiple);\n console.log(\"Current fileList length:\", fileList.length);\n console.log(\n \"File names:\",\n files.map((f) => f.name),\n );\n\n if (files.length === 0) return;\n\n // Check multiple - if multiple is false and there's already a file, reject (except for directory upload)\n if (!directory && !multiple && fileList.length > 0) {\n toast.error(\n \"You can only upload one file. Please remove the existing file first.\",\n );\n return;\n }\n\n // Check max count\n if (maxCount && fileList.length + files.length > maxCount) {\n toast.error(`You can only upload up to ${maxCount} file(s)`);\n return;\n }\n\n // Process each file - collect valid files first\n let uploadedCount = 0;\n const validFiles: File[] = [];\n\n for (const file of files) {\n console.log(`\\n📁 Processing: ${file.name}`);\n\n // Check max size\n if (maxSize && file.size > maxSize) {\n console.log(\n `❌ REJECTED: File size ${file.size} exceeds maxSize ${maxSize}`,\n );\n toast.error(\n `${file.name} exceeds maximum size of ${formatFileSize(maxSize)}`,\n );\n continue;\n }\n\n // Before upload hook\n if (beforeUpload) {\n console.log(`🔍 Calling beforeUpload for ${file.name}...`);\n const result = await beforeUpload(file, files);\n if (result === false) {\n console.log(`❌ REJECTED by beforeUpload: ${file.name}`);\n continue;\n }\n console.log(`✅ beforeUpload passed for ${file.name}`);\n }\n\n console.log(`✅ Valid file: ${file.name}`);\n validFiles.push(file);\n uploadedCount++;\n }\n\n console.log(\n `\\n📊 Summary: ${uploadedCount} / ${files.length} files will be uploaded`,\n );\n\n // Create upload file objects for all valid files at once\n const uploadFileObjects: UploadFile[] = validFiles.map((file) => {\n const previewUrl = file.type.startsWith(\"image/\")\n ? URL.createObjectURL(file)\n : undefined;\n\n return {\n uid: generateUID(),\n name: file.name,\n size: file.size,\n type: file.type,\n status: \"uploading\" as FileStatus,\n percent: 0,\n originFileObj: file,\n url: previewUrl,\n thumbUrl: previewUrl,\n };\n });\n\n // Add all files to list at once\n updateFileList((prev) => [...prev, ...uploadFileObjects]);\n\n // Then trigger upload for each file\n uploadFileObjects.forEach((uploadFileObj, index) => {\n const file = validFiles[index];\n\n // Start upload process\n if (customRequest) {\n customRequest({\n file,\n onProgress: (percent) => {\n const updatedFile = { ...uploadFileObj, percent };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? updatedFile : f,\n ),\n updatedFile,\n );\n },\n onSuccess: (response) => {\n const successFile = {\n ...uploadFileObj,\n status: \"done\" as FileStatus,\n percent: 100,\n response,\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? successFile : f,\n ),\n successFile,\n );\n },\n onError: (error) => {\n const errorFile = {\n ...uploadFileObj,\n status: \"error\" as FileStatus,\n error,\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? errorFile : f,\n ),\n errorFile,\n );\n },\n });\n } else if (action) {\n // Default upload using XHR - similar implementation\n const url = typeof action === \"function\" ? action(file) : action;\n const formData = new FormData();\n formData.append(\"file\", file);\n\n const xhr = new XMLHttpRequest();\n\n xhr.upload.addEventListener(\"progress\", (e) => {\n if (e.lengthComputable) {\n const percent = Math.round((e.loaded / e.total) * 100);\n const updatedFile = { ...uploadFileObj, percent };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? updatedFile : f,\n ),\n updatedFile,\n );\n }\n });\n\n xhr.addEventListener(\"load\", () => {\n if (xhr.status >= 200 && xhr.status < 300) {\n const response = JSON.parse(xhr.responseText);\n const successFile = {\n ...uploadFileObj,\n status: \"done\" as FileStatus,\n percent: 100,\n response,\n url: response.url || response.data?.url,\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? successFile : f,\n ),\n successFile,\n );\n } else {\n const errorFile = {\n ...uploadFileObj,\n status: \"error\" as FileStatus,\n error: new Error(`Upload failed with status ${xhr.status}`),\n };\n updateFileList(\n (prev) =>\n prev.map((f) =>\n f.uid === uploadFileObj.uid ? errorFile : f,\n ),\n errorFile,\n );\n }\n });\n\n xhr.addEventListener(\"error\", () => {\n const errorFile = {\n ...uploadFileObj,\n status: \"error\" as FileStatus,\n error: new Error(\"Network error\"),\n };\n updateFileList(\n (prev) =>\n prev.map((f) => (f.uid === uploadFileObj.uid ? errorFile : f)),\n errorFile,\n );\n });\n\n xhr.open(\"POST\", url);\n\n if (headers) {\n Object.entries(headers).forEach(([key, value]) => {\n xhr.setRequestHeader(key, value);\n });\n }\n\n if (withCredentials) {\n xhr.withCredentials = true;\n }\n\n xhr.send(formData);\n } else {\n // No action or customRequest, just mark as done (mock upload)\n console.log(\n `⏱️ Mock upload starting for ${file.name} (delay: ${100 + index * 50}ms)`,\n );\n setTimeout(\n () => {\n console.log(`✅ Mock upload complete for ${file.name}`);\n const successFile = {\n ...uploadFileObj,\n status: \"done\" as FileStatus,\n percent: 100,\n };\n updateFileList((prev) => {\n console.log(\n `📝 Updating status for ${file.name}, current list:`,\n prev.length,\n );\n return prev.map((f) =>\n f.uid === uploadFileObj.uid ? successFile : f,\n );\n }, successFile);\n },\n 100 + index * 50,\n ); // Stagger completion times\n }\n });\n\n // Reset input\n if (inputRef.current) {\n inputRef.current.value = \"\";\n }\n };\n\n // Handle remove\n const handleRemove = async (file: UploadFile) => {\n if (onRemove) {\n const result = await onRemove(file);\n if (result === false) return;\n }\n\n updateFileList((prev) => prev.filter((f) => f.uid !== file.uid), {\n ...file,\n status: \"removed\" as FileStatus,\n });\n\n // Revoke object URL if exists\n if (file.url && file.url.startsWith(\"blob:\")) {\n URL.revokeObjectURL(file.url);\n }\n };\n\n // Handle drag and drop\n const handleDragOver = (e: React.DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (!disabled && canUploadMore) {\n setIsDragOver(true);\n }\n };\n\n const handleDragLeave = (e: React.DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n setIsDragOver(false);\n };\n\n const handleDrop = async (e: React.DragEvent) => {\n e.preventDefault();\n e.stopPropagation();\n setIsDragOver(false);\n\n if (disabled || !canUploadMore) return;\n\n let files = Array.from(e.dataTransfer.files);\n\n if (files.length === 0) return;\n\n // Check multiple - if multiple is false and there's already a file, reject\n if (!multiple && fileList.length > 0) {\n toast.error(\n \"You can only upload one file. Please remove the existing file first.\",\n );\n return;\n }\n\n // Check multiple - only allow 1 file if multiple is false\n if (!multiple && files.length > 1) {\n toast.error(\"You can only upload one file at a time\");\n files = [files[0]]; // Take only the first file\n }\n\n // Check max count\n if (maxCount && fileList.length + files.length > maxCount) {\n toast.error(`You can only upload up to ${maxCount} file(s)`);\n return;\n }\n\n // Process each file\n for (const file of files) {\n // Check accept\n if (accept && !file.type.match(new RegExp(accept.replace(/,/g, \"|\")))) {\n continue;\n }\n\n // Check max size\n if (maxSize && file.size > maxSize) {\n toast.error(\n `${file.name} exceeds maximum size of ${formatFileSize(maxSize)}`,\n );\n continue;\n }\n\n // Before upload hook\n if (beforeUpload) {\n const result = await beforeUpload(file, files);\n if (result === false) continue;\n }\n\n uploadFile(file);\n }\n };\n\n // Click to upload\n const handleClick = () => {\n if (!disabled && canUploadMore) {\n inputRef.current?.click();\n }\n };\n\n // Handle preview - use built-in dialog if no onPreview provided\n const handlePreview = (file: UploadFile) => {\n if (onPreview) {\n onPreview(file);\n } else {\n // Built-in preview for images\n if (file.url || file.thumbUrl) {\n setPreviewImage(file.url || file.thumbUrl || \"\");\n setPreviewTitle(file.name);\n setPreviewOpen(true);\n }\n }\n };\n\n // Handle download - use built-in download if no onDownload provided\n const handleDownload = async (file: UploadFile) => {\n if (onDownload) {\n onDownload(file);\n } else {\n // Built-in download - handle cross-origin URLs\n if (file.url) {\n // Don't allow download for uploading or error status\n if (file.status === \"uploading\") {\n toast.error(\"Please wait until the file finishes uploading\");\n return;\n }\n if (file.status === \"error\") {\n toast.error(\"Cannot download file with error status\");\n return;\n }\n\n try {\n // For cross-origin URLs (like Unsplash), we need to fetch and create a blob\n const response = await fetch(file.url);\n const blob = await response.blob();\n const blobUrl = URL.createObjectURL(blob);\n\n const link = document.createElement(\"a\");\n link.href = blobUrl;\n link.download = file.name;\n link.style.display = \"none\";\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n\n // Clean up blob URL after download\n setTimeout(() => URL.revokeObjectURL(blobUrl), 100);\n } catch {\n // Fallback to direct link if fetch fails (e.g., CORS issues)\n const link = document.createElement(\"a\");\n link.href = file.url;\n link.download = file.name;\n link.target = \"_blank\";\n link.rel = \"noopener noreferrer\";\n link.style.display = \"none\";\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n }\n }\n };\n\n // Show upload list config\n const uploadListConfig =\n typeof showUploadList === \"boolean\"\n ? {\n showPreviewIcon: true,\n showRemoveIcon: true,\n showDownloadIcon: true,\n }\n : {\n showPreviewIcon: showUploadList.showPreviewIcon ?? true,\n showRemoveIcon: showUploadList.showRemoveIcon ?? true,\n showDownloadIcon: showUploadList.showDownloadIcon ?? true,\n };\n\n return (\n <>\n <div ref={ref} className={cn(className)} {...props}>\n {/* Upload Area - Always show, just disable when needed */}\n <div\n className={cn(\n uploadVariants({\n variant,\n status:\n disabled || !canUploadMore\n ? \"disabled\"\n : isDragOver\n ? \"dragover\"\n : \"idle\",\n size: [\n \"dropzone\",\n \"primaryDropzone\",\n \"secondaryDropzone\",\n ].includes(variant as any)\n ? undefined\n : size,\n }),\n [\"dropzone\", \"primaryDropzone\", \"secondaryDropzone\"].includes(\n variant as any,\n ) && \"min-h-[180px] min-w-[300px]\",\n !showBorder && \"border-0\",\n !iconOnly &&\n variant !== \"avatar\" &&\n variant !== \"avatarCircle\" &&\n \"px-4\",\n // Remove disabled opacity for avatar variants when image is shown\n (variant === \"avatar\" || variant === \"avatarCircle\") &&\n fileList.length > 0 &&\n fileList[0].url &&\n \"opacity-100!\",\n )}\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n onDrop={handleDrop}\n onClick={handleClick}\n >\n <input\n ref={inputRef}\n type=\"file\"\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n onChange={handleFileChange}\n className=\"hidden\"\n {...(directory\n ? ({ webkitdirectory: \"\", directory: \"\" } as any)\n : {})}\n />\n\n {/* Avatar variant - show image if exists and not disabled, otherwise show children */}\n {variant === \"avatar\" || variant === \"avatarCircle\" ? (\n <>\n {fileList.length > 0 && fileList[0].url && !disabled ? (\n <div className=\"relative w-full h-full group\">\n <img\n draggable={false}\n src={fileList[0].url || fileList[0].thumbUrl}\n alt={fileList[0].name}\n className={cn(\n \"w-full h-full object-cover\",\n variant === \"avatarCircle\" && \"rounded-full\",\n variant === \"avatar\" && \"rounded-lg\",\n )}\n />\n {/* Delete button overlay */}\n <div\n className={cn(\n \"absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center\",\n variant === \"avatarCircle\" && \"rounded-full\",\n variant === \"avatar\" && \"rounded-lg\",\n )}\n onClick={(e) => {\n e.stopPropagation();\n handleRemove(fileList[0]);\n }}\n >\n <Trash2 className=\"h-6 w-6 text-white cursor-pointer hover:scale-110 transition-transform\" />\n </div>\n </div>\n ) : (\n children\n )}\n </>\n ) : (\n <div\n className={cn(\n \"flex items-center justify-center gap-2\",\n [\"secondaryDropzone\", \"dropzone\", \"primaryDropzone\"].includes(\n variant as any,\n ) && \"flex-col\",\n )}\n >\n {uploadIcon ? (\n <div\n className={cn(\n [\n \"dropzone\",\n \"primaryDropzone\",\n \"secondaryDropzone\",\n ].includes(variant as any)\n ? \"h-10 w-10\"\n : size === \"small\"\n ? \"h-5 w-5\"\n : \"h-6 w-6\",\n variant === \"outline\" && \"text-gray-500\",\n [\n \"primaryDropzone\",\n \"secondaryDropzone\",\n \"primaryOutline\",\n ].includes(variant as any) && \"text-primary\",\n )}\n >\n {uploadIcon}\n </div>\n ) : (\n <>\n {iconOnly ? (\n <UploadIcon\n className={cn(\n [\n \"dropzone\",\n \"primaryDropzone\",\n \"secondaryDropzone\",\n ].includes(variant as any)\n ? \"h-10 w-10\"\n : size === \"small\"\n ? \"h-5 w-5\"\n : \"h-6 w-6\",\n variant === \"outline\" && \"text-gray-500\",\n [\n \"secondaryDropzone\",\n \"primaryDropzone\",\n \"primaryOutline\",\n ].includes(variant as any) && \"text-primary\",\n )}\n />\n ) : (\n <CloudUploadIcon\n className={cn(\n [\n \"dropzone\",\n \"primaryDropzone\",\n \"secondaryDropzone\",\n ].includes(variant as any)\n ? \"h-10 w-10\"\n : size === \"small\"\n ? \"h-5 w-5\"\n : \"h-6 w-6\",\n variant === \"outline\" && \"text-gray-500\",\n [\n \"primaryDropzone\",\n \"secondaryDropzone\",\n \"primaryOutline\",\n ].includes(variant as any) && \"text-primary\",\n )}\n />\n )}\n </>\n )}\n {!iconOnly && (\n <>\n <span className=\"font-medium whitespace-nowrap text-sm\">\n {uploadText}\n </span>\n {uploadDescription &&\n [\n \"dropzone\",\n \"primaryDropzone\",\n \"secondaryDropzone\",\n ].includes(variant as any) && (\n <span className=\"text-xs text-gray-500\">\n {uploadDescription}\n </span>\n )}\n </>\n )}\n </div>\n )}\n </div>\n\n {/* File List */}\n {showUploadList && fileList.length > 0 && (\n <div\n className={cn(\n \"mt-4\",\n (effectiveListType === \"picture-card\" ||\n effectiveListType === \"picture-circle\") &&\n \"grid gap-2\",\n effectiveListType === \"picture\" && \"space-y-2\",\n )}\n style={{\n gridTemplateColumns:\n effectiveListType === \"picture-card\" ||\n effectiveListType === \"picture-circle\"\n ? `repeat(${pictureCardCols}, 1fr)`\n : undefined,\n minWidth:\n effectiveListType === \"picture-card\" ||\n effectiveListType === \"picture-circle\"\n ? \"100px\"\n : undefined,\n }}\n >\n {fileList\n .filter((file) => file.response !== Upload.LIST_IGNORE)\n .map((file) => (\n <FileItem\n key={file.uid}\n file={file}\n listType={effectiveListType}\n onRemove={() => handleRemove(file)}\n onPreview={handlePreview}\n onDownload={handleDownload}\n showPreviewIcon={uploadListConfig.showPreviewIcon}\n showRemoveIcon={uploadListConfig.showRemoveIcon}\n showDownloadIcon={uploadListConfig.showDownloadIcon}\n pictureCardSize={pictureCardSize}\n />\n ))}\n </div>\n )}\n </div>\n\n {/* Built-in preview dialog */}\n <Dialog\n open={previewOpen}\n onOpenChange={setPreviewOpen}\n title={previewTitle}\n size=\"lg\"\n >\n <img\n src={previewImage}\n alt={previewTitle}\n className=\"w-full h-auto max-h-[70vh] object-contain\"\n />\n </Dialog>\n </>\n );\n },\n);\n\nUploadBase.displayName = \"Upload\";\n\n// Add static property for LIST_IGNORE\ninterface UploadComponent extends React.ForwardRefExoticComponent<\n UploadProps & React.RefAttributes<HTMLDivElement>\n> {\n LIST_IGNORE: string;\n}\n\nexport const Upload = UploadBase as UploadComponent;\nUpload.LIST_IGNORE = \"LIST_IGNORE\";\n\n// File Item Component\ninterface FileItemProps {\n file: UploadFile;\n listType: \"text\" | \"picture\" | \"picture-card\" | \"picture-circle\";\n onRemove: () => void;\n onPreview?: (file: UploadFile) => void;\n onDownload?: (file: UploadFile) => void;\n showPreviewIcon?: boolean;\n showRemoveIcon?: boolean;\n showDownloadIcon?: boolean;\n pictureCardSize?: number;\n}\n\nconst FileItem: React.FC<FileItemProps> = ({\n file,\n listType,\n onRemove,\n onPreview,\n onDownload,\n showPreviewIcon,\n showRemoveIcon,\n showDownloadIcon,\n // pictureCardSize, // Unused currently\n}) => {\n const isImage = file.type?.startsWith(\"image/\");\n const canPreview = isImage || file.url;\n\n if (listType === \"picture-card\") {\n return (\n <div\n className=\"relative aspect-square rounded-lg border bg-muted/50 overflow-hidden group\"\n style={{\n width: \"100px\",\n height: \"100px\",\n minWidth: \"100px\",\n minHeight: \"100px\",\n padding: \"4px\",\n }}\n >\n {/* Image or Icon */}\n {file.url && isImage ? (\n <img\n src={file.thumbUrl || file.url}\n alt={file.name}\n className=\"h-full w-full object-cover rounded-lg\"\n />\n ) : (\n <div className=\"flex items-center justify-center h-full\">\n {getFileIcon(file)}\n </div>\n )}\n\n {/* Upload Progress */}\n {file.status === \"uploading\" && (\n <div className=\"absolute inset-0 bg-background/80 flex items-center justify-center\">\n <div className=\"w-full px-4\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n <span className=\"text-xs\">{file.percent}%</span>\n </div>\n <div className=\"h-1 bg-muted rounded-full overflow-hidden\">\n <div\n className=\"h-full bg-primary transition-all duration-300\"\n style={{ width: `${file.percent}%` }}\n />\n </div>\n </div>\n </div>\n )}\n\n {/* Status Icon */}\n {file.status === \"done\" && (\n <div className=\"absolute top-2 right-2 bg-green-500 rounded-full p-1\">\n <CheckCircle2 className=\"h-4 w-4 text-white\" />\n </div>\n )}\n {file.status === \"error\" && (\n <div className=\"absolute top-2 right-2 bg-red-500 rounded-full p-1\">\n <AlertCircle className=\"h-4 w-4 text-white\" />\n </div>\n )}\n\n {/* Hover Actions */}\n <div className=\"absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2\">\n {showPreviewIcon && canPreview && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onPreview?.(file);\n }}\n className=\"p-1 rounded-full bg-background/20 hover:bg-background/30 transition-colors\"\n title=\"Preview\"\n >\n <Eye className=\"h-4 w-4 text-white\" />\n </button>\n )}\n {showDownloadIcon && file.url && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onDownload?.(file);\n }}\n className=\"p-1 rounded-full bg-background/20 hover:bg-background/30 transition-colors\"\n title=\"Download\"\n >\n <Download className=\"h-4 w-4 text-white\" />\n </button>\n )}\n {showRemoveIcon && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onRemove();\n }}\n className=\"p-1 rounded-full bg-background/20 hover:bg-background/30 transition-colors\"\n title=\"Remove\"\n >\n <Trash2 className=\"h-4 w-4 text-white\" />\n </button>\n )}\n </div>\n\n {/* File name tooltip */}\n <div className=\"absolute bottom-0 left-0 right-0 bg-black/60 p-2 text-white text-xs truncate opacity-0 group-hover:opacity-100 transition-opacity\">\n {file.name}\n </div>\n </div>\n );\n }\n\n if (listType === \"picture-circle\") {\n return (\n <div\n className={cn(\n \"relative aspect-square rounded-full border bg-muted/50 overflow-hidden group\",\n file.status === \"done\" && \"border-2 border-green-500\",\n file.status === \"error\" && \"border-2 border-red-500\",\n )}\n style={{\n width: \"100px\",\n height: \"100px\",\n minWidth: \"100px\",\n minHeight: \"100px\",\n padding: \"4px\",\n }}\n >\n {/* Image or Icon */}\n {file.url && isImage ? (\n <img\n src={file.thumbUrl || file.url}\n alt={file.name}\n className=\"h-full w-full object-cover rounded-full\"\n />\n ) : (\n <div className=\"flex items-center justify-center h-full rounded-full bg-muted\">\n {getFileIcon(file)}\n </div>\n )}\n\n {/* Upload Progress */}\n {file.status === \"uploading\" && (\n <div className=\"absolute inset-0 bg-background/80 flex items-center justify-center rounded-full\">\n <div className=\"w-full px-4\">\n <div className=\"flex items-center gap-2 mb-2 justify-center\">\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n <span className=\"text-xs\">{file.percent}%</span>\n </div>\n <div className=\"h-1 bg-muted rounded-full overflow-hidden\">\n <div\n className=\"h-full bg-primary transition-all duration-300\"\n style={{ width: `${file.percent}%` }}\n />\n </div>\n </div>\n </div>\n )}\n\n {/* Hover Actions */}\n <div className=\"absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2 rounded-full\">\n {showPreviewIcon && canPreview && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onPreview?.(file);\n }}\n className=\"p-1 rounded-full bg-background/20 hover:bg-background/30 transition-colors\"\n title=\"Preview\"\n >\n <Eye className=\"h-4 w-4 text-white\" />\n </button>\n )}\n {showDownloadIcon && file.url && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onDownload?.(file);\n }}\n className=\"p-1 rounded-full bg-background/20 hover:bg-background/30 transition-colors\"\n title=\"Download\"\n >\n <Download className=\"h-4 w-4 text-white\" />\n </button>\n )}\n {showRemoveIcon && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onRemove();\n }}\n className=\"p-1 rounded-full bg-background/20 hover:bg-background/30 transition-colors\"\n title=\"Remove\"\n >\n <Trash2 className=\"h-4 w-4 text-white\" />\n </button>\n )}\n {/* File name tooltip */}\n <div className=\"absolute bottom-0 left-0 right-0 bg-black/60 p-2 text-white text-xs truncate opacity-0 group-hover:opacity-100 transition-opacity\">\n {file.name}\n </div>\n </div>\n </div>\n );\n }\n\n if (listType === \"picture\") {\n return (\n <div className=\"flex items-center gap-3 p-2 rounded-lg border bg-background hover:bg-muted/50 transition-colors group\">\n {/* Thumbnail */}\n <div className=\"shrink-0 h-10 w-10 rounded overflow-hidden bg-muted flex items-center justify-center\">\n {file.url && isImage ? (\n <img\n src={file.thumbUrl || file.url}\n alt={file.name}\n className=\"h-full w-full object-cover\"\n />\n ) : (\n getFileIcon(file)\n )}\n </div>\n\n {/* Info */}\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium truncate\">{file.name}</p>\n <div className=\"flex items-center gap-2 mt-1\">\n {file.size && (\n <span className=\"text-xs text-muted-foreground\">\n {formatFileSize(file.size)}\n </span>\n )}\n {file.status === \"uploading\" && (\n <span className=\"text-xs text-primary\">{file.percent}%</span>\n )}\n {file.status === \"done\" && (\n <CheckCircle2 className=\"h-4 w-4 text-green-500\" />\n )}\n {file.status === \"error\" && (\n <AlertCircle className=\"h-4 w-4 text-red-500\" />\n )}\n </div>\n {file.status === \"uploading\" && (\n <div className=\"h-1 bg-muted rounded-full overflow-hidden mt-2\">\n <div\n className=\"h-full bg-primary transition-all duration-300\"\n style={{ width: `${file.percent}%` }}\n />\n </div>\n )}\n </div>\n\n {/* Actions */}\n <div className=\"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity\">\n {showPreviewIcon && canPreview && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onPreview?.(file);\n }}\n className=\"p-1.5 rounded hover:bg-muted transition-colors\"\n title=\"Preview\"\n >\n <Eye className=\"h-4 w-4\" />\n </button>\n )}\n {showDownloadIcon && file.url && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onDownload?.(file);\n }}\n className=\"p-1.5 rounded hover:bg-muted transition-colors\"\n title=\"Download\"\n >\n <Download className=\"h-4 w-4\" />\n </button>\n )}\n {showRemoveIcon && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onRemove();\n }}\n className=\"p-1.5 rounded hover:bg-destructive/10 transition-colors text-destructive\"\n title=\"Remove\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n )}\n </div>\n </div>\n );\n }\n\n // Text list\n return (\n <div className=\"flex items-center gap-2 p-2 rounded hover:bg-muted/50 transition-colors group\">\n {/* Icon */}\n <div className=\"shrink-0\">{getFileIcon(file)}</div>\n\n {/* Info */}\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex items-center gap-2\">\n <p className=\"text-sm truncate\">{file.name}</p>\n {/* Status */}\n {file.status === \"done\" && (\n <CheckCircle2 className=\"h-4 w-4 text-green-500 shrink-0\" />\n )}\n {file.status === \"error\" && (\n <AlertCircle className=\"h-4 w-4 text-red-500 shrink-0\" />\n )}\n {file.status === \"uploading\" && (\n <Loader2 className=\"h-4 w-4 animate-spin shrink-0\" />\n )}\n </div>\n\n {file.status === \"uploading\" && (\n <div className=\"flex items-center gap-2\">\n <div className=\"flex-1 h-1 bg-muted rounded-full overflow-hidden\">\n <div\n className=\"h-full bg-primary transition-all duration-300\"\n style={{ width: `${file.percent}%` }}\n />\n </div>\n <span className=\"text-xs text-muted-foreground\">\n {file.percent}%\n </span>\n </div>\n )}\n </div>\n\n {/* Actions */}\n <div className=\"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity\">\n {showPreviewIcon && canPreview && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onPreview?.(file);\n }}\n className=\"p-1 rounded hover:bg-muted transition-colors\"\n title=\"Preview\"\n >\n <Eye className=\"h-4 w-4\" />\n </button>\n )}\n {showDownloadIcon && file.url && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onDownload?.(file);\n }}\n className=\"p-1 rounded hover:bg-muted transition-colors\"\n title=\"Download\"\n >\n <Download className=\"h-4 w-4\" />\n </button>\n )}\n {showRemoveIcon && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onRemove();\n }}\n className=\"p-1 rounded hover:bg-destructive/10 transition-colors text-destructive\"\n title=\"Remove\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default Upload;\n"],"names":["uploadVariants","cva","getFileIcon","file","type","name","jsx","ImageIcon","Film","Music","Archive","FileCode","FileText","File","formatFileSize","bytes","k","sizes","i","generateUID","UploadBase","React","className","variant","accept","multiple","disabled","controlledFileList","defaultFileList","action","customRequest","beforeUpload","onChange","onRemove","onPreview","onDownload","maxCount","maxSize","listType","showUploadList","pictureCardSize","pictureCardCols","iconOnly","showBorder","uploadText","uploadDescription","uploadIcon","size","children","headers","withCredentials","directory","props","ref","inputRef","useRef","internalFileList","setInternalFileList","useState","isDragOver","setIsDragOver","previewOpen","setPreviewOpen","previewImage","setPreviewImage","previewTitle","setPreviewTitle","fileList","setFileList","isDropzoneVariant","effectiveListType","fileListRef","canUploadMore","updateFileList","useCallback","updater","newList","uploadFile","previewUrl","uploadFileObj","prev","percent","updatedFile","f","response","successFile","error","errorFile","url","formData","xhr","e","key","value","handleFileChange","files","toast","uploadedCount","validFiles","uploadFileObjects","index","handleRemove","handleDragOver","handleDragLeave","handleDrop","handleClick","handlePreview","handleDownload","blob","blobUrl","link","uploadListConfig","jsxs","Fragment","cn","Trash2","UploadIcon","CloudUploadIcon","Upload","FileItem","Dialog","showPreviewIcon","showRemoveIcon","showDownloadIcon","isImage","canPreview","Loader2","CheckCircle2","AlertCircle","Eye","Download","X"],"mappings":";;;;;;;AA2BA,MAAMA,KAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,MAAM;AAAA,QACN,QACE;AAAA,QACF,cACE;AAAA,QACF,UACE;AAAA,QACF,iBACE;AAAA,QACF,mBACE;AAAA,MAAA;AAAA,MAGJ,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAGT,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,QACV,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAGF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,GA+EMC,IAAc,CAACC,MAAqB;AACxC,QAAMC,IAAOD,EAAK,QAAQ,IACpBE,IAAOF,EAAK,KAAK,YAAA;AAEvB,SAAIC,EAAK,WAAW,QAAQ,IAAU,gBAAAE,EAACC,IAAA,EAAU,WAAU,WAAU,IACjEH,EAAK,WAAW,QAAQ,IAAU,gBAAAE,EAACE,IAAA,EAAK,WAAU,WAAU,IAC5DJ,EAAK,WAAW,QAAQ,IAAU,gBAAAE,EAACG,IAAA,EAAM,WAAU,WAAU,IAC7DJ,EAAK,SAAS,MAAM,KAAKA,EAAK,SAAS,MAAM,KAAKA,EAAK,SAAS,KAAK,IAChE,gBAAAC,EAACI,IAAA,EAAQ,WAAU,UAAA,CAAU,IAEpCL,EAAK,SAAS,KAAK,KACnBA,EAAK,SAAS,KAAK,KACnBA,EAAK,SAAS,MAAM,KACpBA,EAAK,SAAS,MAAM,KACpBA,EAAK,SAAS,MAAM,KACpBA,EAAK,SAAS,OAAO,IAEd,gBAAAC,EAACK,IAAA,EAAS,WAAU,UAAA,CAAU,IACnCN,EAAK,SAAS,MAAM,KAAKA,EAAK,SAAS,KAAK,IACvC,gBAAAC,EAACM,IAAA,EAAS,WAAU,UAAA,CAAU,IAChC,gBAAAN,EAACO,IAAA,EAAK,WAAU,UAAA,CAAU;AACnC,GAGMC,KAAiB,CAACC,MAA0B;AAChD,MAAIA,MAAU,EAAG,QAAO;AACxB,QAAMC,IAAI,MACJC,IAAQ,CAAC,SAAS,MAAM,MAAM,IAAI,GAClCC,IAAI,KAAK,MAAM,KAAK,IAAIH,CAAK,IAAI,KAAK,IAAIC,CAAC,CAAC;AAClD,SAAO,KAAK,MAAOD,IAAQ,KAAK,IAAIC,GAAGE,CAAC,IAAK,GAAG,IAAI,MAAM,MAAMD,EAAMC,CAAC;AACzE,GAGMC,KAAc,MACX,UAAU,KAAK,IAAA,CAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC,CAAC,IAGrEC,KAAaC,GAAM;AAAA,EACvB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAUC;AAAA,IACV,iBAAAC,IAAkB,CAAA;AAAA,IAClB,QAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,KAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,iBAAAC;AAAA,IACA,iBAAAC,KAAkB;AAAA,IAClB,UAAAC,IAAW;AAAA,IACX,YAAAC,KAAa;AAAA,IACb,YAAAC,KAAa;AAAA,IACb,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,OACG;AACH,UAAMC,IAAWC,GAAyB,IAAI,GACxC,CAACC,IAAkBC,EAAmB,IAC1CC,EAAuB9B,CAAe,GAClC,CAAC+B,IAAYC,CAAa,IAAIF,EAAS,EAAK,GAG5C,CAACG,IAAaC,EAAc,IAAIJ,EAAS,EAAK,GAC9C,CAACK,IAAcC,EAAe,IAAIN,EAAS,EAAE,GAC7C,CAACO,IAAcC,EAAe,IAAIR,EAAS,EAAE,GAG7CS,IAAWxC,KAAsB6B,IACjCY,IAAczC,IAAqB,SAAY8B,IAG/CY,KAAoB;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EACA,SAAS9C,KAAW,EAAE,GAGlB+C,IAAoBnB,KAEtBkB,MAAqBF,EAAS,SAAS,IADvC,SAGE7B,IAGAiC,KAAchB,GAAqBY,CAAQ;AACjD,IAAAI,GAAY,UAAUJ;AAGtB,UAAMK,IAAgBpC,IAClB+B,EAAS,SAAS/B,IAClBe,KAAa1B,IACX,KACA0C,EAAS,WAAW,GAGpBM,IAAiBC;AAAA,MACrB,CAACC,GAA+CxE,MAAsB;AACpE,cAAMyE,IAAUD,EAAQJ,GAAY,OAAO;AAE3C,QAAIH,KACFA,EAAYO,CAAO,GAIjB3C,KAGFA,EAAS,EAAE,MADO7B,KAAS,CAAA,GACC,UAAUyE,GAAS;AAAA,MAEnD;AAAA,MACA,CAACR,GAAapC,CAAQ;AAAA,IAAA,GAIlB6C,KAAaH;AAAA,MACjB,CAACvE,MAAe;AAEd,cAAM2E,IAAa3E,EAAK,KAAK,WAAW,QAAQ,IAC5C,IAAI,gBAAgBA,CAAI,IACxB,QAEE4E,IAA4B;AAAA,UAChC,KAAK5D,GAAA;AAAA,UACL,MAAMhB,EAAK;AAAA,UACX,MAAMA,EAAK;AAAA,UACX,MAAMA,EAAK;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,eAAeA;AAAA,UACf,KAAK2E;AAAA,UACL,UAAUA;AAAA,QAAA;AAOZ,YAHAL,EAAe,CAACO,MAAS,CAAC,GAAGA,GAAMD,CAAa,GAAGA,CAAa,GAG5DjD;AACF,UAAAA,EAAc;AAAA,YACZ,MAAA3B;AAAA,YACA,YAAY,CAAC8E,MAAY;AACvB,oBAAMC,IAAc,EAAE,GAAGH,GAAe,SAAAE,EAAA;AACxC,cAAAR;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMG,IAAcC;AAAA,gBAAA;AAAA,gBAEhDD;AAAA,cAAA;AAAA,YAEJ;AAAA,YACA,WAAW,CAACE,MAAa;AACvB,oBAAMC,IAAc;AAAA,gBAClB,GAAGN;AAAA,gBACH,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,UAAAK;AAAA,cAAA;AAEF,cAAAX;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMM,IAAcF;AAAA,gBAAA;AAAA,gBAEhDE;AAAA,cAAA;AAAA,YAEJ;AAAA,YACA,SAAS,CAACC,MAAU;AAClB,oBAAMC,IAAY;AAAA,gBAChB,GAAGR;AAAA,gBACH,QAAQ;AAAA,gBACR,OAAAO;AAAA,cAAA;AAEF,cAAAb;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMQ,IAAYJ;AAAA,gBAAA;AAAA,gBAE9CI;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA,CACD;AAAA,iBACQ1D,GAAQ;AAEjB,gBAAM2D,IAAM,OAAO3D,KAAW,aAAaA,EAAO1B,CAAI,IAAI0B,GACpD4D,IAAW,IAAI,SAAA;AACrB,UAAAA,EAAS,OAAO,QAAQtF,CAAI;AAE5B,gBAAMuF,IAAM,IAAI,eAAA;AAEhB,UAAAA,EAAI,OAAO,iBAAiB,YAAY,CAACC,MAAM;AAC7C,gBAAIA,EAAE,kBAAkB;AACtB,oBAAMV,IAAU,KAAK,MAAOU,EAAE,SAASA,EAAE,QAAS,GAAG,GAC/CT,IAAc,EAAE,GAAGH,GAAe,SAAAE,EAAA;AACxC,cAAAR;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMG,IAAcC;AAAA,gBAAA;AAAA,gBAEhDD;AAAA,cAAA;AAAA,YAEJ;AAAA,UACF,CAAC,GAEDQ,EAAI,iBAAiB,QAAQ,MAAM;AACjC,gBAAIA,EAAI,UAAU,OAAOA,EAAI,SAAS,KAAK;AACzC,oBAAMN,IAAW,KAAK,MAAMM,EAAI,YAAY,GACtCL,IAAc;AAAA,gBAClB,GAAGN;AAAA,gBACH,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,UAAAK;AAAA,gBACA,KAAKA,EAAS,OAAOA,EAAS,MAAM;AAAA,cAAA;AAEtC,cAAAX;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMM,IAAcF;AAAA,gBAAA;AAAA,gBAEhDE;AAAA,cAAA;AAAA,YAEJ,OAAO;AACL,oBAAME,IAAY;AAAA,gBAChB,GAAGR;AAAA,gBACH,QAAQ;AAAA,gBACR,OAAO,IAAI,MAAM,6BAA6BW,EAAI,MAAM,EAAE;AAAA,cAAA;AAE5D,cAAAjB;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMQ,IAAYJ;AAAA,gBAAA;AAAA,gBAE9CI;AAAA,cAAA;AAAA,YAEJ;AAAA,UACF,CAAC,GAEDG,EAAI,iBAAiB,SAAS,MAAM;AAClC,kBAAMH,IAAY;AAAA,cAChB,GAAGR;AAAA,cACH,QAAQ;AAAA,cACR,OAAO,IAAI,MAAM,eAAe;AAAA,YAAA;AAElC,YAAAN;AAAA,cACE,CAACO,MACCA,EAAK,IAAI,CAACG,MAAOA,EAAE,QAAQJ,EAAc,MAAMQ,IAAYJ,CAAE;AAAA,cAC/DI;AAAA,YAAA;AAAA,UAEJ,CAAC,GAEDG,EAAI,KAAK,QAAQF,CAAG,GAGhBvC,KACF,OAAO,QAAQA,CAAO,EAAE,QAAQ,CAAC,CAAC2C,GAAKC,CAAK,MAAM;AAChD,YAAAH,EAAI,iBAAiBE,GAAKC,CAAK;AAAA,UACjC,CAAC,GAGC3C,MACFwC,EAAI,kBAAkB,KAGxBA,EAAI,KAAKD,CAAQ;AAAA,QACnB;AAEE,qBAAW,MAAM;AACf,kBAAMJ,IAAc;AAAA,cAClB,GAAGN;AAAA,cACH,QAAQ;AAAA,cACR,SAAS;AAAA,YAAA;AAEX,YAAAN;AAAA,cACE,CAACO,MACCA,EAAK;AAAA,gBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMM,IAAcF;AAAA,cAAA;AAAA,cAEhDE;AAAA,YAAA;AAAA,UAEJ,GAAG,GAAG;AAAA,MAEV;AAAA,MACA,CAACxD,GAAQC,GAAe2C,GAAgBxB,GAASC,CAAe;AAAA,IAAA,GAI5D4C,KAAmB,OAAOH,MAA2C;AACzE,YAAMI,IAAQ,MAAM,KAAKJ,EAAE,OAAO,SAAS,EAAE;AAY7C,UAVA,QAAQ,IAAI,gCAAgC,GAC5C,QAAQ,IAAI,uBAAuBI,EAAM,MAAM,GAC/C,QAAQ,IAAI,mBAAmB5C,CAAS,GACxC,QAAQ,IAAI,kBAAkB1B,CAAQ,GACtC,QAAQ,IAAI,4BAA4B0C,EAAS,MAAM,GACvD,QAAQ;AAAA,QACN;AAAA,QACA4B,EAAM,IAAI,CAACZ,MAAMA,EAAE,IAAI;AAAA,MAAA,GAGrBY,EAAM,WAAW,EAAG;AAGxB,UAAI,CAAC5C,KAAa,CAAC1B,KAAY0C,EAAS,SAAS,GAAG;AAClD,QAAA6B,EAAM;AAAA,UACJ;AAAA,QAAA;AAEF;AAAA,MACF;AAGA,UAAI5D,KAAY+B,EAAS,SAAS4B,EAAM,SAAS3D,GAAU;AACzD,QAAA4D,EAAM,MAAM,6BAA6B5D,CAAQ,UAAU;AAC3D;AAAA,MACF;AAGA,UAAI6D,IAAgB;AACpB,YAAMC,IAAqB,CAAA;AAE3B,iBAAW/F,KAAQ4F,GAAO;AAIxB,YAHA,QAAQ,IAAI;AAAA,iBAAoB5F,EAAK,IAAI,EAAE,GAGvCkC,KAAWlC,EAAK,OAAOkC,GAAS;AAClC,kBAAQ;AAAA,YACN,yBAAyBlC,EAAK,IAAI,oBAAoBkC,CAAO;AAAA,UAAA,GAE/D2D,EAAM;AAAA,YACJ,GAAG7F,EAAK,IAAI,4BAA4BW,GAAeuB,CAAO,CAAC;AAAA,UAAA;AAEjE;AAAA,QACF;AAGA,YAAIN,GAAc;AAGhB,cAFA,QAAQ,IAAI,+BAA+B5B,EAAK,IAAI,KAAK,GAC1C,MAAM4B,EAAa5B,GAAM4F,CAAK,MAC9B,IAAO;AACpB,oBAAQ,IAAI,+BAA+B5F,EAAK,IAAI,EAAE;AACtD;AAAA,UACF;AACA,kBAAQ,IAAI,6BAA6BA,EAAK,IAAI,EAAE;AAAA,QACtD;AAEA,gBAAQ,IAAI,iBAAiBA,EAAK,IAAI,EAAE,GACxC+F,EAAW,KAAK/F,CAAI,GACpB8F;AAAA,MACF;AAEA,cAAQ;AAAA,QACN;AAAA,cAAiBA,CAAa,MAAMF,EAAM,MAAM;AAAA,MAAA;AAIlD,YAAMI,IAAkCD,EAAW,IAAI,CAAC/F,MAAS;AAC/D,cAAM2E,IAAa3E,EAAK,KAAK,WAAW,QAAQ,IAC5C,IAAI,gBAAgBA,CAAI,IACxB;AAEJ,eAAO;AAAA,UACL,KAAKgB,GAAA;AAAA,UACL,MAAMhB,EAAK;AAAA,UACX,MAAMA,EAAK;AAAA,UACX,MAAMA,EAAK;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,eAAeA;AAAA,UACf,KAAK2E;AAAA,UACL,UAAUA;AAAA,QAAA;AAAA,MAEd,CAAC;AAGD,MAAAL,EAAe,CAACO,MAAS,CAAC,GAAGA,GAAM,GAAGmB,CAAiB,CAAC,GAGxDA,EAAkB,QAAQ,CAACpB,GAAeqB,MAAU;AAClD,cAAMjG,IAAO+F,EAAWE,CAAK;AAG7B,YAAItE;AACF,UAAAA,EAAc;AAAA,YACZ,MAAA3B;AAAA,YACA,YAAY,CAAC8E,MAAY;AACvB,oBAAMC,IAAc,EAAE,GAAGH,GAAe,SAAAE,EAAA;AACxC,cAAAR;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMG,IAAcC;AAAA,gBAAA;AAAA,gBAEhDD;AAAA,cAAA;AAAA,YAEJ;AAAA,YACA,WAAW,CAACE,MAAa;AACvB,oBAAMC,IAAc;AAAA,gBAClB,GAAGN;AAAA,gBACH,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,UAAAK;AAAA,cAAA;AAEF,cAAAX;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMM,IAAcF;AAAA,gBAAA;AAAA,gBAEhDE;AAAA,cAAA;AAAA,YAEJ;AAAA,YACA,SAAS,CAACC,MAAU;AAClB,oBAAMC,IAAY;AAAA,gBAChB,GAAGR;AAAA,gBACH,QAAQ;AAAA,gBACR,OAAAO;AAAA,cAAA;AAEF,cAAAb;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMQ,IAAYJ;AAAA,gBAAA;AAAA,gBAE9CI;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA,CACD;AAAA,iBACQ1D,GAAQ;AAEjB,gBAAM2D,IAAM,OAAO3D,KAAW,aAAaA,EAAO1B,CAAI,IAAI0B,GACpD4D,IAAW,IAAI,SAAA;AACrB,UAAAA,EAAS,OAAO,QAAQtF,CAAI;AAE5B,gBAAMuF,IAAM,IAAI,eAAA;AAEhB,UAAAA,EAAI,OAAO,iBAAiB,YAAY,CAACC,MAAM;AAC7C,gBAAIA,EAAE,kBAAkB;AACtB,oBAAMV,IAAU,KAAK,MAAOU,EAAE,SAASA,EAAE,QAAS,GAAG,GAC/CT,IAAc,EAAE,GAAGH,GAAe,SAAAE,EAAA;AACxC,cAAAR;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,OACRA,GAAE,QAAQJ,EAAc,MAAMG,IAAcC;AAAA,gBAAA;AAAA,gBAEhDD;AAAA,cAAA;AAAA,YAEJ;AAAA,UACF,CAAC,GAEDQ,EAAI,iBAAiB,QAAQ,MAAM;AACjC,gBAAIA,EAAI,UAAU,OAAOA,EAAI,SAAS,KAAK;AACzC,oBAAMN,IAAW,KAAK,MAAMM,EAAI,YAAY,GACtCL,IAAc;AAAA,gBAClB,GAAGN;AAAA,gBACH,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,UAAAK;AAAA,gBACA,KAAKA,EAAS,OAAOA,EAAS,MAAM;AAAA,cAAA;AAEtC,cAAAX;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMM,IAAcF;AAAA,gBAAA;AAAA,gBAEhDE;AAAA,cAAA;AAAA,YAEJ,OAAO;AACL,oBAAME,IAAY;AAAA,gBAChB,GAAGR;AAAA,gBACH,QAAQ;AAAA,gBACR,OAAO,IAAI,MAAM,6BAA6BW,EAAI,MAAM,EAAE;AAAA,cAAA;AAE5D,cAAAjB;AAAA,gBACE,CAACO,MACCA,EAAK;AAAA,kBAAI,CAACG,MACRA,EAAE,QAAQJ,EAAc,MAAMQ,IAAYJ;AAAA,gBAAA;AAAA,gBAE9CI;AAAA,cAAA;AAAA,YAEJ;AAAA,UACF,CAAC,GAEDG,EAAI,iBAAiB,SAAS,MAAM;AAClC,kBAAMH,IAAY;AAAA,cAChB,GAAGR;AAAA,cACH,QAAQ;AAAA,cACR,OAAO,IAAI,MAAM,eAAe;AAAA,YAAA;AAElC,YAAAN;AAAA,cACE,CAACO,MACCA,EAAK,IAAI,CAACG,MAAOA,EAAE,QAAQJ,EAAc,MAAMQ,IAAYJ,CAAE;AAAA,cAC/DI;AAAA,YAAA;AAAA,UAEJ,CAAC,GAEDG,EAAI,KAAK,QAAQF,CAAG,GAEhBvC,KACF,OAAO,QAAQA,CAAO,EAAE,QAAQ,CAAC,CAAC2C,GAAKC,CAAK,MAAM;AAChD,YAAAH,EAAI,iBAAiBE,GAAKC,CAAK;AAAA,UACjC,CAAC,GAGC3C,MACFwC,EAAI,kBAAkB,KAGxBA,EAAI,KAAKD,CAAQ;AAAA,QACnB;AAEE,kBAAQ;AAAA,YACN,+BAA+BtF,EAAK,IAAI,YAAY,MAAMiG,IAAQ,EAAE;AAAA,UAAA,GAEtE;AAAA,YACE,MAAM;AACJ,sBAAQ,IAAI,8BAA8BjG,EAAK,IAAI,EAAE;AACrD,oBAAMkF,IAAc;AAAA,gBAClB,GAAGN;AAAA,gBACH,QAAQ;AAAA,gBACR,SAAS;AAAA,cAAA;AAEX,cAAAN,EAAe,CAACO,OACd,QAAQ;AAAA,gBACN,0BAA0B7E,EAAK,IAAI;AAAA,gBACnC6E,EAAK;AAAA,cAAA,GAEAA,EAAK;AAAA,gBAAI,CAACG,MACfA,EAAE,QAAQJ,EAAc,MAAMM,IAAcF;AAAA,cAAA,IAE7CE,CAAW;AAAA,YAChB;AAAA,YACA,MAAMe,IAAQ;AAAA,UAAA;AAAA,MAGpB,CAAC,GAGG9C,EAAS,YACXA,EAAS,QAAQ,QAAQ;AAAA,IAE7B,GAGM+C,KAAe,OAAOlG,MAAqB;AAC/C,MAAI8B,MACa,MAAMA,GAAS9B,CAAI,MACnB,OAGjBsE,EAAe,CAACO,MAASA,EAAK,OAAO,CAACG,MAAMA,EAAE,QAAQhF,EAAK,GAAG,GAAG;AAAA,QAC/D,GAAGA;AAAA,QACH,QAAQ;AAAA,MAAA,CACT,GAGGA,EAAK,OAAOA,EAAK,IAAI,WAAW,OAAO,KACzC,IAAI,gBAAgBA,EAAK,GAAG;AAAA,IAEhC,GAGMmG,KAAiB,CAACX,MAAuB;AAC7C,MAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACE,CAACjE,KAAY8C,KACfZ,EAAc,EAAI;AAAA,IAEtB,GAEM2C,KAAkB,CAACZ,MAAuB;AAC9C,MAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACF/B,EAAc,EAAK;AAAA,IACrB,GAEM4C,KAAa,OAAOb,MAAuB;AAK/C,UAJAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACF/B,EAAc,EAAK,GAEflC,KAAY,CAAC8C,EAAe;AAEhC,UAAIuB,IAAQ,MAAM,KAAKJ,EAAE,aAAa,KAAK;AAE3C,UAAII,EAAM,WAAW,GAGrB;AAAA,YAAI,CAACtE,KAAY0C,EAAS,SAAS,GAAG;AACpC,UAAA6B,EAAM;AAAA,YACJ;AAAA,UAAA;AAEF;AAAA,QACF;AASA,YANI,CAACvE,KAAYsE,EAAM,SAAS,MAC9BC,EAAM,MAAM,wCAAwC,GACpDD,IAAQ,CAACA,EAAM,CAAC,CAAC,IAIf3D,KAAY+B,EAAS,SAAS4B,EAAM,SAAS3D,GAAU;AACzD,UAAA4D,EAAM,MAAM,6BAA6B5D,CAAQ,UAAU;AAC3D;AAAA,QACF;AAGA,mBAAWjC,KAAQ4F;AAEjB,cAAI,EAAAvE,KAAU,CAACrB,EAAK,KAAK,MAAM,IAAI,OAAOqB,EAAO,QAAQ,MAAM,GAAG,CAAC,CAAC,IAKpE;AAAA,gBAAIa,KAAWlC,EAAK,OAAOkC,GAAS;AAClC,cAAA2D,EAAM;AAAA,gBACJ,GAAG7F,EAAK,IAAI,4BAA4BW,GAAeuB,CAAO,CAAC;AAAA,cAAA;AAEjE;AAAA,YACF;AAGA,YAAIN,KACa,MAAMA,EAAa5B,GAAM4F,CAAK,MAC9B,MAGjBlB,GAAW1E,CAAI;AAAA;AAAA;AAAA,IAEnB,GAGMsG,KAAc,MAAM;AACxB,MAAI,CAAC/E,KAAY8C,KACflB,EAAS,SAAS,MAAA;AAAA,IAEtB,GAGMoD,KAAgB,CAACvG,MAAqB;AAC1C,MAAI+B,KACFA,GAAU/B,CAAI,KAGVA,EAAK,OAAOA,EAAK,cACnB6D,GAAgB7D,EAAK,OAAOA,EAAK,YAAY,EAAE,GAC/C+D,GAAgB/D,EAAK,IAAI,GACzB2D,GAAe,EAAI;AAAA,IAGzB,GAGM6C,KAAiB,OAAOxG,MAAqB;AACjD,UAAIgC;AACF,QAAAA,GAAWhC,CAAI;AAAA,eAGXA,EAAK,KAAK;AAEZ,YAAIA,EAAK,WAAW,aAAa;AAC/B,UAAA6F,EAAM,MAAM,+CAA+C;AAC3D;AAAA,QACF;AACA,YAAI7F,EAAK,WAAW,SAAS;AAC3B,UAAA6F,EAAM,MAAM,wCAAwC;AACpD;AAAA,QACF;AAEA,YAAI;AAGF,gBAAMY,IAAO,OADI,MAAM,MAAMzG,EAAK,GAAG,GACT,KAAA,GACtB0G,IAAU,IAAI,gBAAgBD,CAAI,GAElCE,IAAO,SAAS,cAAc,GAAG;AACvC,UAAAA,EAAK,OAAOD,GACZC,EAAK,WAAW3G,EAAK,MACrB2G,EAAK,MAAM,UAAU,QACrB,SAAS,KAAK,YAAYA,CAAI,GAC9BA,EAAK,MAAA,GACL,SAAS,KAAK,YAAYA,CAAI,GAG9B,WAAW,MAAM,IAAI,gBAAgBD,CAAO,GAAG,GAAG;AAAA,QACpD,QAAQ;AAEN,gBAAMC,IAAO,SAAS,cAAc,GAAG;AACvC,UAAAA,EAAK,OAAO3G,EAAK,KACjB2G,EAAK,WAAW3G,EAAK,MACrB2G,EAAK,SAAS,UACdA,EAAK,MAAM,uBACXA,EAAK,MAAM,UAAU,QACrB,SAAS,KAAK,YAAYA,CAAI,GAC9BA,EAAK,MAAA,GACL,SAAS,KAAK,YAAYA,CAAI;AAAA,QAChC;AAAA,MACF;AAAA,IAEJ,GAGMC,IACJ,OAAOxE,KAAmB,YACtB;AAAA,MACE,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,IAAA,IAEpB;AAAA,MACE,iBAAiBA,EAAe,mBAAmB;AAAA,MACnD,gBAAgBA,EAAe,kBAAkB;AAAA,MACjD,kBAAkBA,EAAe,oBAAoB;AAAA,IAAA;AAG7D,WACE,gBAAAyE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAAC,SAAI,KAAA3D,IAAU,WAAW6D,EAAG5F,CAAS,GAAI,GAAG8B,IAE3C,UAAA;AAAA,QAAA,gBAAA4D;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTlH,GAAe;AAAA,gBACb,SAAAuB;AAAA,gBACA,QACEG,KAAY,CAAC8C,IACT,aACAb,KACE,aACA;AAAA,gBACR,MAAM;AAAA,kBACJ;AAAA,kBACA;AAAA,kBACA;AAAA,gBAAA,EACA,SAASpC,CAAc,IACrB,SACAwB;AAAA,cAAA,CACL;AAAA,cACD,CAAC,YAAY,mBAAmB,mBAAmB,EAAE;AAAA,gBACnDxB;AAAA,cAAA,KACG;AAAA,cACL,CAACoB,MAAc;AAAA,cACf,CAACD,KACCnB,MAAY,YACZA,MAAY,kBACZ;AAAA;AAAA,eAEDA,MAAY,YAAYA,MAAY,mBACnC4C,EAAS,SAAS,KAClBA,EAAS,CAAC,EAAE,OACZ;AAAA,YAAA;AAAA,YAEJ,YAAYmC;AAAA,YACZ,aAAaC;AAAA,YACb,QAAQC;AAAA,YACR,SAASC;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAnG;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAKgD;AAAA,kBACL,MAAK;AAAA,kBACL,QAAA9B;AAAA,kBACA,UAAAC;AAAA,kBACA,UAAAC;AAAA,kBACA,UAAUoE;AAAA,kBACV,WAAU;AAAA,kBACT,GAAI3C,IACA,EAAE,iBAAiB,IAAI,WAAW,GAAA,IACnC,CAAA;AAAA,gBAAC;AAAA,cAAA;AAAA,cAIN5B,MAAY,YAAYA,MAAY,iBACnC,gBAAAjB,EAAA2G,GAAA,EACG,YAAS,SAAS,KAAK9C,EAAS,CAAC,EAAE,OAAO,CAACzC,IAC1C,gBAAAsF,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,gBAAA,gBAAA1G;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,oBACX,KAAK6D,EAAS,CAAC,EAAE,OAAOA,EAAS,CAAC,EAAE;AAAA,oBACpC,KAAKA,EAAS,CAAC,EAAE;AAAA,oBACjB,WAAW+C;AAAA,sBACT;AAAA,sBACA3F,MAAY,kBAAkB;AAAA,sBAC9BA,MAAY,YAAY;AAAA,oBAAA;AAAA,kBAC1B;AAAA,gBAAA;AAAA,gBAGF,gBAAAjB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW4G;AAAA,sBACT;AAAA,sBACA3F,MAAY,kBAAkB;AAAA,sBAC9BA,MAAY,YAAY;AAAA,oBAAA;AAAA,oBAE1B,SAAS,CAACoE,MAAM;AACd,sBAAAA,EAAE,gBAAA,GACFU,GAAalC,EAAS,CAAC,CAAC;AAAA,oBAC1B;AAAA,oBAEA,UAAA,gBAAA7D,EAAC6G,GAAA,EAAO,WAAU,yEAAA,CAAyE;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC7F,GACF,IAEAnE,IAEJ,IAEA,gBAAAgE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWE;AAAA,oBACT;AAAA,oBACA,CAAC,qBAAqB,YAAY,iBAAiB,EAAE;AAAA,sBACnD3F;AAAA,oBAAA,KACG;AAAA,kBAAA;AAAA,kBAGN,UAAA;AAAA,oBAAAuB,KACC,gBAAAxC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAW4G;AAAA,0BACT;AAAA,4BACE;AAAA,4BACA;AAAA,4BACA;AAAA,0BAAA,EACA,SAAS3F,CAAc,IACrB,cACAwB,MAAS,UACP,YACA;AAAA,0BACNxB,MAAY,aAAa;AAAA,0BACzB;AAAA,4BACE;AAAA,4BACA;AAAA,4BACA;AAAA,0BAAA,EACA,SAASA,CAAc,KAAK;AAAA,wBAAA;AAAA,wBAG/B,UAAAuB;AAAA,sBAAA;AAAA,oBAAA,2BAIA,UAAAJ,IACC,gBAAApC;AAAA,sBAAC8G;AAAAA,sBAAA;AAAA,wBACC,WAAWF;AAAA,0BACT;AAAA,4BACE;AAAA,4BACA;AAAA,4BACA;AAAA,0BAAA,EACA,SAAS3F,CAAc,IACrB,cACAwB,MAAS,UACP,YACA;AAAA,0BACNxB,MAAY,aAAa;AAAA,0BACzB;AAAA,4BACE;AAAA,4BACA;AAAA,4BACA;AAAA,0BAAA,EACA,SAASA,CAAc,KAAK;AAAA,wBAAA;AAAA,sBAChC;AAAA,oBAAA,IAGF,gBAAAjB;AAAA,sBAAC+G;AAAA,sBAAA;AAAA,wBACC,WAAWH;AAAA,0BACT;AAAA,4BACE;AAAA,4BACA;AAAA,4BACA;AAAA,0BAAA,EACA,SAAS3F,CAAc,IACrB,cACAwB,MAAS,UACP,YACA;AAAA,0BACNxB,MAAY,aAAa;AAAA,0BACzB;AAAA,4BACE;AAAA,4BACA;AAAA,4BACA;AAAA,0BAAA,EACA,SAASA,CAAc,KAAK;AAAA,wBAAA;AAAA,sBAChC;AAAA,oBAAA,GAGN;AAAA,oBAED,CAACmB,KACA,gBAAAsE,EAAAC,GAAA,EACE,UAAA;AAAA,sBAAA,gBAAA3G,EAAC,QAAA,EAAK,WAAU,yCACb,UAAAsC,IACH;AAAA,sBACCC,MACC;AAAA,wBACE;AAAA,wBACA;AAAA,wBACA;AAAA,sBAAA,EACA,SAAStB,CAAc,uBACtB,QAAA,EAAK,WAAU,yBACb,UAAAsB,GAAA,CACH;AAAA,oBAAA,EAAA,CAEN;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAKHN,KAAkB4B,EAAS,SAAS,KACnC,gBAAA7D;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW4G;AAAA,cACT;AAAA,eACC5C,MAAsB,kBACrBA,MAAsB,qBACtB;AAAA,cACFA,MAAsB,aAAa;AAAA,YAAA;AAAA,YAErC,OAAO;AAAA,cACL,qBACEA,MAAsB,kBACtBA,MAAsB,mBAClB,UAAU7B,EAAe,WACzB;AAAA,cACN,UACE6B,MAAsB,kBACtBA,MAAsB,mBAClB,UACA;AAAA,YAAA;AAAA,YAGP,UAAAH,EACE,OAAO,CAAChE,MAASA,EAAK,aAAamH,GAAO,WAAW,EACrD,IAAI,CAACnH,MACJ,gBAAAG;AAAA,cAACiH;AAAA,cAAA;AAAA,gBAEC,MAAApH;AAAA,gBACA,UAAUmE;AAAA,gBACV,UAAU,MAAM+B,GAAalG,CAAI;AAAA,gBACjC,WAAWuG;AAAA,gBACX,YAAYC;AAAA,gBACZ,iBAAiBI,EAAiB;AAAA,gBAClC,gBAAgBA,EAAiB;AAAA,gBACjC,kBAAkBA,EAAiB;AAAA,gBACnC,iBAAAvE;AAAA,cAAA;AAAA,cATKrC,EAAK;AAAA,YAAA,CAWb;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,GAEJ;AAAA,MAGA,gBAAAG;AAAA,QAACkH;AAAA,QAAA;AAAA,UACC,MAAM3D;AAAA,UACN,cAAcC;AAAA,UACd,OAAOG;AAAA,UACP,MAAK;AAAA,UAEL,UAAA,gBAAA3D;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKyD;AAAA,cACL,KAAKE;AAAA,cACL,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA7C,GAAW,cAAc;AASlB,MAAMkG,KAASlG;AACtBkG,GAAO,cAAc;AAerB,MAAMC,KAAoC,CAAC;AAAA,EACzC,MAAApH;AAAA,EACA,UAAAmC;AAAA,EACA,UAAAL;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAsF;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA;AAEF,MAAM;AACJ,QAAMC,IAAUzH,EAAK,MAAM,WAAW,QAAQ,GACxC0H,IAAaD,KAAWzH,EAAK;AAEnC,SAAImC,MAAa,iBAEb,gBAAA0E;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAIV,UAAA;AAAA,QAAA7G,EAAK,OAAOyH,IACX,gBAAAtH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKH,EAAK,YAAYA,EAAK;AAAA,YAC3B,KAAKA,EAAK;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA,IAGZ,gBAAAG,EAAC,OAAA,EAAI,WAAU,2CACZ,UAAAJ,EAAYC,CAAI,GACnB;AAAA,QAIDA,EAAK,WAAW,eACf,gBAAAG,EAAC,OAAA,EAAI,WAAU,sEACb,UAAA,gBAAA0G,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,YAAA,gBAAA1G,EAACwH,GAAA,EAAQ,WAAU,uBAAA,CAAuB;AAAA,YAC1C,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA;AAAA,cAAA7G,EAAK;AAAA,cAAQ;AAAA,YAAA,EAAA,CAAC;AAAA,UAAA,GAC3C;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,GAAGH,EAAK,OAAO,IAAA;AAAA,YAAI;AAAA,UAAA,EACrC,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QAIDA,EAAK,WAAW,UACf,gBAAAG,EAAC,OAAA,EAAI,WAAU,wDACb,UAAA,gBAAAA,EAACyH,GAAA,EAAa,WAAU,qBAAA,CAAqB,EAAA,CAC/C;AAAA,QAED5H,EAAK,WAAW,WACf,gBAAAG,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAA,EAAC0H,IAAA,EAAY,WAAU,qBAAA,CAAqB,EAAA,CAC9C;AAAA,QAIF,gBAAAhB,EAAC,OAAA,EAAI,WAAU,4HACZ,UAAA;AAAA,UAAAS,KAAmBI,KAClB,gBAAAvH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAACqF,MAAM;AACd,gBAAAA,EAAE,gBAAA,GACFzD,IAAY/B,CAAI;AAAA,cAClB;AAAA,cACA,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,UAAA,gBAAAG,EAAC2H,GAAA,EAAI,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGvCN,KAAoBxH,EAAK,OACxB,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAACqF,MAAM;AACd,gBAAAA,EAAE,gBAAA,GACFxD,IAAahC,CAAI;AAAA,cACnB;AAAA,cACA,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,UAAA,gBAAAG,EAAC4H,GAAA,EAAS,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG5CR,KACC,gBAAApH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAACqF,MAAM;AACd,gBAAAA,EAAE,gBAAA,GACF1D,EAAA;AAAA,cACF;AAAA,cACA,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,UAAA,gBAAA3B,EAAC6G,GAAA,EAAO,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,QACzC,GAEJ;AAAA,QAGA,gBAAA7G,EAAC,OAAA,EAAI,WAAU,qIACZ,YAAK,KAAA,CACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAKFgC,MAAa,mBAEb,gBAAA0E;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACA/G,EAAK,WAAW,UAAU;AAAA,QAC1BA,EAAK,WAAW,WAAW;AAAA,MAAA;AAAA,MAE7B,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAIV,UAAA;AAAA,QAAAA,EAAK,OAAOyH,IACX,gBAAAtH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKH,EAAK,YAAYA,EAAK;AAAA,YAC3B,KAAKA,EAAK;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA,IAGZ,gBAAAG,EAAC,OAAA,EAAI,WAAU,iEACZ,UAAAJ,EAAYC,CAAI,GACnB;AAAA,QAIDA,EAAK,WAAW,eACf,gBAAAG,EAAC,OAAA,EAAI,WAAU,mFACb,UAAA,gBAAA0G,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,YAAA,gBAAA1G,EAACwH,GAAA,EAAQ,WAAU,uBAAA,CAAuB;AAAA,YAC1C,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA;AAAA,cAAA7G,EAAK;AAAA,cAAQ;AAAA,YAAA,EAAA,CAAC;AAAA,UAAA,GAC3C;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,GAAGH,EAAK,OAAO,IAAA;AAAA,YAAI;AAAA,UAAA,EACrC,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QAIF,gBAAA6G,EAAC,OAAA,EAAI,WAAU,yIACZ,UAAA;AAAA,UAAAS,KAAmBI,KAClB,gBAAAvH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAACqF,MAAM;AACd,gBAAAA,EAAE,gBAAA,GACFzD,IAAY/B,CAAI;AAAA,cAClB;AAAA,cACA,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,UAAA,gBAAAG,EAAC2H,GAAA,EAAI,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGvCN,KAAoBxH,EAAK,OACxB,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAACqF,MAAM;AACd,gBAAAA,EAAE,gBAAA,GACFxD,IAAahC,CAAI;AAAA,cACnB;AAAA,cACA,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,UAAA,gBAAAG,EAAC4H,GAAA,EAAS,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,UAG5CR,KACC,gBAAApH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAACqF,MAAM;AACd,gBAAAA,EAAE,gBAAA,GACF1D,EAAA;AAAA,cACF;AAAA,cACA,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,UAAA,gBAAA3B,EAAC6G,GAAA,EAAO,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,UAI3C,gBAAA7G,EAAC,OAAA,EAAI,WAAU,qIACZ,YAAK,KAAA,CACR;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAKFgC,MAAa,YAEb,gBAAA0E,EAAC,OAAA,EAAI,WAAU,yGAEb,UAAA;AAAA,IAAA,gBAAA1G,EAAC,OAAA,EAAI,WAAU,wFACZ,UAAAH,EAAK,OAAOyH,IACX,gBAAAtH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKH,EAAK,YAAYA,EAAK;AAAA,QAC3B,KAAKA,EAAK;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZD,EAAYC,CAAI,GAEpB;AAAA,IAGA,gBAAA6G,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAA1G,EAAC,KAAA,EAAE,WAAU,gCAAgC,UAAAH,EAAK,MAAK;AAAA,MACvD,gBAAA6G,EAAC,OAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,QAAA7G,EAAK,0BACH,QAAA,EAAK,WAAU,iCACb,UAAAW,GAAeX,EAAK,IAAI,EAAA,CAC3B;AAAA,QAEDA,EAAK,WAAW,eACf,gBAAA6G,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAA;AAAA,UAAA7G,EAAK;AAAA,UAAQ;AAAA,QAAA,GAAC;AAAA,QAEvDA,EAAK,WAAW,UACf,gBAAAG,EAACyH,GAAA,EAAa,WAAU,0BAAyB;AAAA,QAElD5H,EAAK,WAAW,WACf,gBAAAG,EAAC0H,IAAA,EAAY,WAAU,uBAAA,CAAuB;AAAA,MAAA,GAElD;AAAA,MACC7H,EAAK,WAAW,eACf,gBAAAG,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,GAAGH,EAAK,OAAO,IAAA;AAAA,QAAI;AAAA,MAAA,EACrC,CACF;AAAA,IAAA,GAEJ;AAAA,IAGA,gBAAA6G,EAAC,OAAA,EAAI,WAAU,gFACZ,UAAA;AAAA,MAAAS,KAAmBI,KAClB,gBAAAvH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAACqF,MAAM;AACd,YAAAA,EAAE,gBAAA,GACFzD,IAAY/B,CAAI;AAAA,UAClB;AAAA,UACA,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,gBAAAG,EAAC2H,GAAA,EAAI,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAG5BN,KAAoBxH,EAAK,OACxB,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAACqF,MAAM;AACd,YAAAA,EAAE,gBAAA,GACFxD,IAAahC,CAAI;AAAA,UACnB;AAAA,UACA,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,gBAAAG,EAAC4H,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGjCR,KACC,gBAAApH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAACqF,MAAM;AACd,YAAAA,EAAE,gBAAA,GACF1D,EAAA;AAAA,UACF;AAAA,UACA,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,gBAAA3B,EAAC6H,IAAA,EAAE,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,EAAA,CAEJ;AAAA,EAAA,GACF,IAMF,gBAAAnB,EAAC,OAAA,EAAI,WAAU,iFAEb,UAAA;AAAA,IAAA,gBAAA1G,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAJ,EAAYC,CAAI,GAAE;AAAA,IAG7C,gBAAA6G,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,gBAAA1G,EAAC,KAAA,EAAE,WAAU,oBAAoB,UAAAH,EAAK,MAAK;AAAA,QAE1CA,EAAK,WAAW,UACf,gBAAAG,EAACyH,GAAA,EAAa,WAAU,mCAAkC;AAAA,QAE3D5H,EAAK,WAAW,WACf,gBAAAG,EAAC0H,IAAA,EAAY,WAAU,iCAAgC;AAAA,QAExD7H,EAAK,WAAW,eACf,gBAAAG,EAACwH,GAAA,EAAQ,WAAU,gCAAA,CAAgC;AAAA,MAAA,GAEvD;AAAA,MAEC3H,EAAK,WAAW,eACf,gBAAA6G,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,gBAAA1G,EAAC,OAAA,EAAI,WAAU,oDACb,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,GAAGH,EAAK,OAAO,IAAA;AAAA,UAAI;AAAA,QAAA,GAEvC;AAAA,QACA,gBAAA6G,EAAC,QAAA,EAAK,WAAU,iCACb,UAAA;AAAA,UAAA7G,EAAK;AAAA,UAAQ;AAAA,QAAA,EAAA,CAChB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IAGA,gBAAA6G,EAAC,OAAA,EAAI,WAAU,gFACZ,UAAA;AAAA,MAAAS,KAAmBI,KAClB,gBAAAvH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAACqF,MAAM;AACd,YAAAA,EAAE,gBAAA,GACFzD,IAAY/B,CAAI;AAAA,UAClB;AAAA,UACA,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,gBAAAG,EAAC2H,GAAA,EAAI,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAG5BN,KAAoBxH,EAAK,OACxB,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAACqF,MAAM;AACd,YAAAA,EAAE,gBAAA,GACFxD,IAAahC,CAAI;AAAA,UACnB;AAAA,UACA,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,gBAAAG,EAAC4H,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGjCR,KACC,gBAAApH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAACqF,MAAM;AACd,YAAAA,EAAE,gBAAA,GACF1D,EAAA;AAAA,UACF;AAAA,UACA,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,gBAAA3B,EAAC6G,GAAA,EAAO,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/components/WheelColumn.js ADDED Viewed

@@ -0,0 +1,127 @@
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import * as Y from "react";
+import { memo as _, useRef as S, useState as D, useCallback as F, useEffect as H } from "react";
+import { cn as k } from "@dsui/ui/index";
+const P = (t) => String(t).padStart(2, "0"), W = (t = "primary") => ({
+  primary: "text-primary",
+  secondary: "text-secondary",
+  accent: "text-accent",
+  destructive: "text-destructive",
+  muted: "text-muted-foreground",
+  success: "text-success",
+  error: "text-error",
+  warning: "text-warning",
+  foreground: "text-foreground"
+})[t], $ = _(
+  Y.forwardRef(
+    ({
+      items: t,
+      value: o,
+      onChange: u,
+      timeLabel: d,
+      itemClassName: N,
+      isItemDisabled: f,
+      disabled: p,
+      color: C = "primary"
+    }, i) => {
+      const r = S(
+        null
+      ), l = S(null), [M, j] = D(0), h = F(() => {
+        if (!l.current || p) return;
+        const e = l.current, c = e.scrollTop;
+        j(c), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+          const m = e.scrollTop, n = 40, g = e.clientHeight / 2, x = m - 120 + g;
+          let s = t[0], v = 1 / 0;
+          t.forEach((E, z) => {
+            const I = z * n + n / 2, T = Math.abs(I - x);
+            T < v && (v = T, s = E);
+          }), s !== o && !f(s) && u(s);
+        }, 150);
+      }, [t, o, u, f, p]);
+      H(() => {
+        const e = l.current;
+        if (e)
+          return e.addEventListener("scroll", h, { passive: !0 }), () => {
+            e.removeEventListener("scroll", h), r.current && clearTimeout(r.current);
+          };
+      }, [h]), H(() => () => {
+        r.current && clearTimeout(r.current);
+      }, []);
+      const R = (e, c) => {
+        const g = 120 + e * 40 + 20, w = Math.abs(
+          g - (M + 128)
+        ), x = 256 / 2;
+        return {
+          opacity: Math.max(
+            0.3,
+            1 - w / x * 0.7
+          ),
+          fontSize: c ? "1.3rem" : "1rem",
+          transition: "opacity 0.2s ease, transform 0.2s ease"
+        };
+      };
+      return /* @__PURE__ */ y("div", { className: "flex flex-col items-center gap-2 w-full h-full max-h-72", children: [
+        d && /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-muted-foreground uppercase p-2 border-b w-full text-center h-8", children: d }),
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: k(
+              "relative w-full",
+              d ? "h-[calc(100%_-_2rem)]" : " h-full"
+            ),
+            children: [
+              /* @__PURE__ */ a("div", { className: "absolute top-1/2 left-0 right-0 h-10 -translate-y-1/2 border-t border-b border-border pointer-events-none z-10" }),
+              /* @__PURE__ */ y(
+                "div",
+                {
+                  ref: (e) => {
+                    l.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+                  },
+                  className: k(
+                    "relative h-full w-full min-w-20 min-h-60 overflow-y-scroll scroll-smooth",
+                    "[&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent",
+                    "[&::-webkit-scrollbar-thumb]:bg-border [&::-webkit-scrollbar-thumb]:rounded",
+                    "flex flex-col snap-y snap-mandatory",
+                    N
+                  ),
+                  style: {
+                    maskImage: "linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%)",
+                    WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%)"
+                  },
+                  children: [
+                    /* @__PURE__ */ a("div", { className: "h-[calc(50%-1.25rem)] flex-shrink-0" }),
+                    t.map((e, c) => {
+                      const m = f(e), n = o !== void 0 && e === o, b = R(c, n);
+                      return /* @__PURE__ */ a(
+                        "div",
+                        {
+                          onClick: p || m ? void 0 : () => u(e),
+                          "data-selected": n || void 0,
+                          className: k(
+                            "h-10 flex-shrink-0 flex items-center justify-center transition-all snap-center",
+                            "cursor-pointer text-lg font-medium select-none",
+                            "disabled:opacity-30 disabled:cursor-not-allowed disabled:line-through",
+                            n ? `${W(C)} font-bold` : "text-muted-foreground"
+                          ),
+                          style: b,
+                          children: P(e)
+                        },
+                        e
+                      );
+                    }),
+                    /* @__PURE__ */ a("div", { className: "h-[calc(50%-1.25rem)] flex-shrink-0" })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] });
+    }
+  )
+);
+$.displayName = "TimeColumnwheel";
+export {
+  $ as TimeColumnwheel
+};
+//# sourceMappingURL=WheelColumn.js.map

package/dist/esm/components/WheelColumn.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WheelColumn.js","sources":["../../../src/components/WheelColumn.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { memo, useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@dsui/ui/index\";\nimport type { CalendarColor } from \"./Calendar/Calendar\";\n\nconst pad = (num: number): string => String(num).padStart(2, \"0\");\n\n// Color variants for time picker items\nconst getColorClass = (color: CalendarColor = \"primary\"): string => {\n const colorMap = {\n primary: \"text-primary\",\n secondary: \"text-secondary\",\n accent: \"text-accent\",\n destructive: \"text-destructive\",\n muted: \"text-muted-foreground\",\n success: \"text-success\",\n error: \"text-error\",\n warning: \"text-warning\",\n foreground: \"text-foreground\",\n };\n return colorMap[color];\n};\n\ntype TimeColumnwheelProps = {\n items: number[];\n value: number | undefined;\n onChange: (val: number) => void;\n timeLabel?: string;\n itemClassName?: string;\n isItemDisabled: (item: number) => boolean;\n disabled: boolean;\n color?: CalendarColor;\n};\n\nexport const TimeColumnwheel = memo(\n React.forwardRef<HTMLDivElement, TimeColumnwheelProps>(\n (\n {\n items,\n value: selectedValue,\n onChange: onChangeCol,\n timeLabel,\n itemClassName,\n isItemDisabled,\n disabled,\n color = \"primary\",\n },\n ref,\n ) => {\n const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n null,\n );\n const containerRef = useRef<HTMLDivElement | null>(null);\n const [scrollTop, setScrollTop] = useState(0);\n\n // Debounced scroll handler\n const handleScroll = useCallback(() => {\n if (!containerRef.current || disabled) return;\n\n const container = containerRef.current;\n const currentScrollTop = container.scrollTop;\n setScrollTop(currentScrollTop);\n\n // Clear previous timer\n if (debounceTimerRef.current) {\n clearTimeout(debounceTimerRef.current);\n }\n\n // Set new timer\n debounceTimerRef.current = setTimeout(() => {\n const scrollTop = container.scrollTop;\n const itemHeight = 40; // h-10 = 40px\n const containerHeight = container.clientHeight;\n const dividerCenter = containerHeight / 2; // Divider lines ở giữa container\n\n // Calculate which item is at the divider center\n // Account for top spacer (h-30 = 120px)\n const adjustedScrollTop = scrollTop - 120;\n const dividerPosition = adjustedScrollTop + dividerCenter;\n\n // Find the item whose center is closest to divider center\n let closestItem = items[0];\n let minDistance = Infinity;\n\n items.forEach((item, index) => {\n const itemTop = index * itemHeight;\n const itemCenter = itemTop + itemHeight / 2;\n const distance = Math.abs(itemCenter - dividerPosition);\n\n if (distance < minDistance) {\n minDistance = distance;\n closestItem = item;\n }\n });\n\n // Only trigger change if different from current value and not disabled\n if (closestItem !== selectedValue && !isItemDisabled(closestItem)) {\n onChangeCol(closestItem);\n }\n }, 150); // 150ms debounce\n }, [items, selectedValue, onChangeCol, isItemDisabled, disabled]);\n\n // Set up scroll listener\n useEffect(() => {\n const container = containerRef.current;\n if (container) {\n container.addEventListener(\"scroll\", handleScroll, { passive: true });\n return () => {\n container.removeEventListener(\"scroll\", handleScroll);\n if (debounceTimerRef.current) {\n clearTimeout(debounceTimerRef.current);\n }\n };\n }\n }, [handleScroll]);\n\n // Cleanup on unmount\n useEffect(() => {\n return () => {\n if (debounceTimerRef.current) {\n clearTimeout(debounceTimerRef.current);\n }\n };\n }, []);\n\n const getItemStyle = (index: number, isSelected: boolean) => {\n const itemHeight = 40;\n const containerHeight = 256; // h-64 = 256px\n const centerY = containerHeight / 2;\n const itemCenterY = 120 + index * itemHeight + itemHeight / 2; // 120px spacer + item position\n const distanceFromCenter = Math.abs(\n itemCenterY - (scrollTop + centerY),\n );\n const maxDistance = containerHeight / 2;\n\n // Calculate opacity and scale based on distance\n const opacity = Math.max(\n 0.3,\n 1 - (distanceFromCenter / maxDistance) * 0.7,\n );\n const fontSize = isSelected ? \"1.3rem\" : \"1rem\";\n\n return {\n opacity,\n fontSize,\n transition: \"opacity 0.2s ease, transform 0.2s ease\",\n };\n };\n\n return (\n <div className=\"flex flex-col items-center gap-2 w-full h-full max-h-72\">\n {timeLabel && (\n <div className=\"text-xs font-semibold text-muted-foreground uppercase p-2 border-b w-full text-center h-8\">\n {timeLabel}\n </div>\n )}\n <div\n className={cn(\n \"relative w-full\",\n timeLabel ? \"h-[calc(100%_-_2rem)]\" : \" h-full\",\n )}\n >\n {/* wheel style divider lines */}\n <div className=\"absolute top-1/2 left-0 right-0 h-10 -translate-y-1/2 border-t border-b border-border pointer-events-none z-10\" />\n\n <div\n ref={(el) => {\n containerRef.current = el;\n if (typeof ref === \"function\") {\n ref(el);\n } else if (ref) {\n ref.current = el;\n }\n }}\n className={cn(\n \"relative h-full w-full min-w-20 min-h-60 overflow-y-scroll scroll-smooth\",\n \"[&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent\",\n \"[&::-webkit-scrollbar-thumb]:bg-border [&::-webkit-scrollbar-thumb]:rounded\",\n \"flex flex-col snap-y snap-mandatory\",\n itemClassName,\n )}\n style={{\n maskImage: `linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%)`,\n WebkitMaskImage: `linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%)`,\n }}\n >\n {/* Spacer Top */}\n <div className=\"h-[calc(50%-1.25rem)] flex-shrink-0\" />\n\n {items.map((item, index) => {\n const itemDisabled = isItemDisabled(item);\n const isSelected =\n selectedValue !== undefined && item === selectedValue;\n const itemStyle = getItemStyle(index, isSelected);\n\n return (\n <div\n key={item}\n onClick={\n disabled || itemDisabled\n ? undefined\n : () => onChangeCol(item)\n }\n data-selected={isSelected || undefined}\n className={cn(\n \"h-10 flex-shrink-0 flex items-center justify-center transition-all snap-center\",\n \"cursor-pointer text-lg font-medium select-none\",\n \"disabled:opacity-30 disabled:cursor-not-allowed disabled:line-through\",\n isSelected\n ? `${getColorClass(color)} font-bold`\n : \"text-muted-foreground\",\n )}\n style={itemStyle}\n >\n {pad(item)}\n </div>\n );\n })}\n\n {/* Spacer Bottom */}\n <div className=\"h-[calc(50%-1.25rem)] flex-shrink-0\" />\n </div>\n </div>\n </div>\n );\n },\n ),\n);\n\nTimeColumnwheel.displayName = \"TimeColumnwheel\";\n"],"names":["pad","num","getColorClass","color","TimeColumnwheel","memo","React","items","selectedValue","onChangeCol","timeLabel","itemClassName","isItemDisabled","disabled","ref","debounceTimerRef","useRef","containerRef","scrollTop","setScrollTop","useState","handleScroll","useCallback","container","currentScrollTop","itemHeight","dividerCenter","dividerPosition","closestItem","minDistance","item","index","itemCenter","distance","useEffect","getItemStyle","isSelected","itemCenterY","distanceFromCenter","maxDistance","jsxs","jsx","cn","el","itemDisabled","itemStyle"],"mappings":"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"}

package/dist/esm/constants/common.js ADDED Viewed

@@ -0,0 +1,5 @@
+const y = "dd/MM/yyyy";
+export {
+  y as DATE_FORMAT
+};
+//# sourceMappingURL=common.js.map

package/dist/esm/constants/common.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"common.js","sources":["../../../src/constants/common.ts"],"sourcesContent":["export const DATE_FORMAT = \"dd/MM/yyyy\";\nexport const TIME_FORMAT = \"HH:mm\";\nexport const DATE_TIME_FORMAT = `${DATE_FORMAT} ${TIME_FORMAT}`;\n"],"names":["DATE_FORMAT"],"mappings":"AAAO,MAAMA,IAAc;"}

package/dist/esm/favicon.ico ADDED Viewed

Binary file

package/dist/esm/hooks/use-callback-ref.js ADDED Viewed

@@ -0,0 +1,14 @@
+import * as e from "react";
+function c(r) {
+  const t = e.useRef(r);
+  return e.useEffect(() => {
+    t.current = r;
+  }), e.useMemo(
+    () => ((...u) => t.current?.(...u)),
+    []
+  );
+}
+export {
+  c as useCallbackRef
+};
+//# sourceMappingURL=use-callback-ref.js.map

package/dist/esm/hooks/use-callback-ref.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-callback-ref.js","sources":["../../../src/hooks/use-callback-ref.ts"],"sourcesContent":["import * as React from \"react\";\n\n/**\n * @see https://github.com/radix-ui/primitives/blob/main/packages/react/use-callback-ref/src/useCallbackRef.tsx\n */\n\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */\nfunction useCallbackRef<T extends (...args: never[]) => unknown>(\n callback: T | undefined,\n): T {\n const callbackRef = React.useRef(callback);\n\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n\n // https://github.com/facebook/react/issues/19240\n return React.useMemo(\n () => ((...args) => callbackRef.current?.(...args)) as T,\n [],\n );\n}\n\nexport { useCallbackRef };\n"],"names":["useCallbackRef","callback","callbackRef","React","args"],"mappings":";AAUA,SAASA,EACPC,GACG;AACH,QAAMC,IAAcC,EAAM,OAAOF,CAAQ;AAEzC,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAAD,EAAY,UAAUD;AAAA,EACxB,CAAC,GAGME,EAAM;AAAA,IACX,OAAO,IAAIC,MAASF,EAAY,UAAU,GAAGE,CAAI;AAAA,IACjD,CAAA;AAAA,EAAC;AAEL;"}

package/dist/esm/hooks/use-debounced-callback.js ADDED Viewed

@@ -0,0 +1,21 @@
+import * as t from "react";
+import { useCallbackRef as n } from "./use-callback-ref.js";
+function s(u, c) {
+  const o = n(u), e = t.useRef(0);
+  return t.useEffect(
+    () => () => window.clearTimeout(e.current),
+    []
+  ), t.useCallback(
+    (...r) => {
+      window.clearTimeout(e.current), e.current = window.setTimeout(
+        () => o(...r),
+        c
+      );
+    },
+    [o, c]
+  );
+}
+export {
+  s as useDebouncedCallback
+};
+//# sourceMappingURL=use-debounced-callback.js.map

package/dist/esm/hooks/use-debounced-callback.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-debounced-callback.js","sources":["../../../src/hooks/use-debounced-callback.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { useCallbackRef } from \"@/hooks/use-callback-ref\";\n\nexport function useDebouncedCallback<T extends (...args: never[]) => unknown>(\n callback: T,\n delay: number,\n) {\n const handleCallback = useCallbackRef(callback);\n const debounceTimerRef = React.useRef(0);\n React.useEffect(\n () => () => window.clearTimeout(debounceTimerRef.current),\n [],\n );\n\n const setValue = React.useCallback(\n (...args: Parameters<T>) => {\n window.clearTimeout(debounceTimerRef.current);\n debounceTimerRef.current = window.setTimeout(\n () => handleCallback(...args),\n delay,\n );\n },\n [handleCallback, delay],\n );\n\n return setValue;\n}\n"],"names":["useDebouncedCallback","callback","delay","handleCallback","useCallbackRef","debounceTimerRef","React","args"],"mappings":";;AAIO,SAASA,EACdC,GACAC,GACA;AACA,QAAMC,IAAiBC,EAAeH,CAAQ,GACxCI,IAAmBC,EAAM,OAAO,CAAC;AACvC,SAAAA,EAAM;AAAA,IACJ,MAAM,MAAM,OAAO,aAAaD,EAAiB,OAAO;AAAA,IACxD,CAAA;AAAA,EAAC,GAGcC,EAAM;AAAA,IACrB,IAAIC,MAAwB;AAC1B,aAAO,aAAaF,EAAiB,OAAO,GAC5CA,EAAiB,UAAU,OAAO;AAAA,QAChC,MAAMF,EAAe,GAAGI,CAAI;AAAA,QAC5BL;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,CAACC,GAAgBD,CAAK;AAAA,EAAA;AAI1B;"}

package/dist/esm/hooks/use-debounced-value.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { useState as s, useRef as a } from "react";
+import { useDebouncedCallback as d } from "./use-debounced-callback.js";
+function b(u, t) {
+  const e = u instanceof Function ? u() : u, [c, r] = s(
+    e
+  ), n = a(e), o = d(r, t);
+  return n.current !== e && (o(e), n.current = e), [c, o];
+}
+export {
+  b as useDebounceValue
+};
+//# sourceMappingURL=use-debounced-value.js.map

package/dist/esm/hooks/use-debounced-value.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-debounced-value.js","sources":["../../../src/hooks/use-debounced-value.ts"],"sourcesContent":["\"use client\";\nimport { useRef, useState } from \"react\";\nimport { useDebouncedCallback } from \"./use-debounced-callback\";\n\n/**\n * Custom hook that returns a debounced version of the provided value, along with a function to update it.\n * @param initialValue The value to be debounced\n * @param delay The delay in milliseconds before the value is updated (default is 500ms)\n * @param options Optional configurations for the debouncing behavior\n * @returns An array containing the debounced value and the function to update it\n */\nexport function useDebounceValue<T>(\n initialValue: T | (() => T),\n delay: number,\n): [T, (value: T) => void] {\n const unwrappedInitialValue =\n initialValue instanceof Function ? initialValue() : initialValue;\n const [debouncedValue, setDebouncedValue] = useState<T>(\n unwrappedInitialValue,\n );\n const previousValueRef = useRef<T | undefined>(unwrappedInitialValue);\n const updateDebouncedValue = useDebouncedCallback(setDebouncedValue, delay);\n // Update the debounced value if the initial value changes\n if (previousValueRef.current !== unwrappedInitialValue) {\n updateDebouncedValue(unwrappedInitialValue);\n previousValueRef.current = unwrappedInitialValue;\n }\n return [debouncedValue, updateDebouncedValue];\n}\n"],"names":["useDebounceValue","initialValue","delay","unwrappedInitialValue","debouncedValue","setDebouncedValue","useState","previousValueRef","useRef","updateDebouncedValue","useDebouncedCallback"],"mappings":";;AAWO,SAASA,EACdC,GACAC,GACyB;AACzB,QAAMC,IACJF,aAAwB,WAAWA,EAAA,IAAiBA,GAChD,CAACG,GAAgBC,CAAiB,IAAIC;AAAA,IAC1CH;AAAA,EAAA,GAEII,IAAmBC,EAAsBL,CAAqB,GAC9DM,IAAuBC,EAAqBL,GAAmBH,CAAK;AAE1E,SAAIK,EAAiB,YAAYJ,MAC/BM,EAAqBN,CAAqB,GAC1CI,EAAiB,UAAUJ,IAEtB,CAACC,GAAgBK,CAAoB;AAC9C;"}

package/dist/esm/hooks/use-event-listener.js ADDED Viewed

@@ -0,0 +1,21 @@
+import { useRef as f, useEffect as i } from "react";
+import { useIsomorphicLayoutEffect as E } from "./use-isomorphic-layout-effect.js";
+function m(r, t, s, n) {
+  const u = f(t);
+  E(() => {
+    u.current = t;
+  }, [t]), i(() => {
+    const e = s?.current ?? window;
+    if (!(e && e.addEventListener)) return;
+    const c = (o) => {
+      u.current(o);
+    };
+    return e.addEventListener(r, c, n), () => {
+      e.removeEventListener(r, c, n);
+    };
+  }, [r, s, n]);
+}
+export {
+  m as useEventListener
+};
+//# sourceMappingURL=use-event-listener.js.map

package/dist/esm/hooks/use-event-listener.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-event-listener.js","sources":["../../../src/hooks/use-event-listener.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useRef } from \"react\";\nimport type { RefObject } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./use-isomorphic-layout-effect\";\n\n// MediaQueryList Event based useEventListener interface\nfunction useEventListener<K extends keyof MediaQueryListEventMap>(\n eventName: K,\n handler: (event: MediaQueryListEventMap[K]) => void,\n element: RefObject<MediaQueryList>,\n options?: boolean | AddEventListenerOptions,\n): void;\n\n// Window Event based useEventListener interface\nfunction useEventListener<K extends keyof WindowEventMap>(\n eventName: K,\n handler: (event: WindowEventMap[K]) => void,\n element?: undefined,\n options?: boolean | AddEventListenerOptions,\n): void;\n\n// Element Event based useEventListener interface\nfunction useEventListener<\n K extends keyof HTMLElementEventMap & keyof SVGElementEventMap,\n T extends Element = K extends keyof HTMLElementEventMap\n ? HTMLDivElement\n : SVGElement,\n>(\n eventName: K,\n handler:\n | ((event: HTMLElementEventMap[K]) => void)\n | ((event: SVGElementEventMap[K]) => void),\n element: RefObject<T>,\n options?: boolean | AddEventListenerOptions,\n): void;\n\n// Document Event based useEventListener interface\nfunction useEventListener<K extends keyof DocumentEventMap>(\n eventName: K,\n handler: (event: DocumentEventMap[K]) => void,\n element: RefObject<Document>,\n options?: boolean | AddEventListenerOptions,\n): void;\n\nfunction useEventListener<\n KW extends keyof WindowEventMap,\n KH extends keyof HTMLElementEventMap & keyof SVGElementEventMap,\n KM extends keyof MediaQueryListEventMap,\n T extends HTMLElement | SVGAElement | MediaQueryList = HTMLElement,\n>(\n eventName: KW | KH | KM,\n handler: (\n event:\n | WindowEventMap[KW]\n | HTMLElementEventMap[KH]\n | SVGElementEventMap[KH]\n | MediaQueryListEventMap[KM]\n | Event,\n ) => void,\n element?: RefObject<T>,\n options?: boolean | AddEventListenerOptions,\n) {\n // Create a ref that stores handler\n const savedHandler = useRef(handler);\n\n useIsomorphicLayoutEffect(() => {\n savedHandler.current = handler;\n }, [handler]);\n\n useEffect(() => {\n // Define the listening target\n const targetElement: T | Window = element?.current ?? window;\n if (!(targetElement && targetElement.addEventListener)) return;\n // Create event listener that calls handler function stored in ref\n const listener: typeof handler = (event) => {\n savedHandler.current(event);\n };\n targetElement.addEventListener(eventName, listener, options);\n // Remove event listener on cleanup\n return () => {\n targetElement.removeEventListener(eventName, listener, options);\n };\n }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n"],"names":["useEventListener","eventName","handler","element","options","savedHandler","useRef","useIsomorphicLayoutEffect","useEffect","targetElement","listener","event"],"mappings":";;AA4CA,SAASA,EAMPC,GACAC,GAQAC,GACAC,GACA;AAEA,QAAMC,IAAeC,EAAOJ,CAAO;AAEnC,EAAAK,EAA0B,MAAM;AAC9B,IAAAF,EAAa,UAAUH;AAAA,EACzB,GAAG,CAACA,CAAO,CAAC,GAEZM,EAAU,MAAM;AAEd,UAAMC,IAA4BN,GAAS,WAAW;AACtD,QAAI,EAAEM,KAAiBA,EAAc,kBAAmB;AAExD,UAAMC,IAA2B,CAACC,MAAU;AAC1C,MAAAN,EAAa,QAAQM,CAAK;AAAA,IAC5B;AACA,WAAAF,EAAc,iBAAiBR,GAAWS,GAAUN,CAAO,GAEpD,MAAM;AACX,MAAAK,EAAc,oBAAoBR,GAAWS,GAAUN,CAAO;AAAA,IAChE;AAAA,EACF,GAAG,CAACH,GAAWE,GAASC,CAAO,CAAC;AAClC;"}

package/dist/esm/hooks/use-intersection-observer.js ADDED Viewed

@@ -0,0 +1,56 @@
+import { useState as g, useRef as h, useEffect as I } from "react";
+function A({
+  threshold: f = 0,
+  root: a = null,
+  rootMargin: l = "0%",
+  freezeOnceVisible: s = !1,
+  initialIsIntersecting: i = !1,
+  onChange: R
+} = {}) {
+  const [r, b] = g(null), [t, v] = g(() => ({
+    isIntersecting: i,
+    entry: void 0
+  })), u = h(void 0);
+  u.current = R;
+  const c = t.entry?.isIntersecting && s;
+  I(() => {
+    if (!r || !("IntersectionObserver" in window) || c) return;
+    const n = new IntersectionObserver(
+      (m) => {
+        const p = Array.isArray(n.thresholds) ? n.thresholds : [n.thresholds];
+        m.forEach((o) => {
+          const d = o.isIntersecting && p.some(
+            (w) => o.intersectionRatio >= w
+          );
+          v({ isIntersecting: d, entry: o }), u.current && u.current(d, o);
+        });
+      },
+      { threshold: f, root: a, rootMargin: l }
+    );
+    return n.observe(r), () => {
+      n.disconnect();
+    };
+  }, [
+    r,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    JSON.stringify(f),
+    a,
+    l,
+    c,
+    s
+  ]);
+  const y = h(null);
+  I(() => {
+    !r && t.entry?.target && !s && !c && y.current !== t.entry.target && (y.current = t.entry.target, v({ isIntersecting: i, entry: void 0 }));
+  }, [r, t.entry, s, c, i]);
+  const e = [
+    b,
+    !!t.isIntersecting,
+    t.entry
+  ];
+  return e.ref = e[0], e.isIntersecting = e[1], e.entry = e[2], e;
+}
+export {
+  A as useIntersectionObserver
+};
+//# sourceMappingURL=use-intersection-observer.js.map

package/dist/esm/hooks/use-intersection-observer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-intersection-observer.js","sources":["../../../src/hooks/use-intersection-observer.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useRef, useState } from \"react\";\ntype State = {\n isIntersecting: boolean;\n entry?: IntersectionObserverEntry;\n};\ntype UseIntersectionObserverOptions = {\n root?: Element | Document | null;\n rootMargin?: string;\n threshold?: number | number[];\n freezeOnceVisible?: boolean;\n onChange?: (\n isIntersecting: boolean,\n entry: IntersectionObserverEntry,\n ) => void;\n initialIsIntersecting?: boolean;\n};\ntype IntersectionReturn = [\n (node?: Element | null) => void,\n boolean,\n IntersectionObserverEntry | undefined,\n] & {\n ref: (node?: Element | null) => void;\n isIntersecting: boolean;\n entry?: IntersectionObserverEntry;\n};\nexport function useIntersectionObserver({\n threshold = 0,\n root = null,\n rootMargin = \"0%\",\n freezeOnceVisible = false,\n initialIsIntersecting = false,\n onChange,\n}: UseIntersectionObserverOptions = {}): IntersectionReturn {\n const [ref, setRef] = useState<Element | null>(null);\n const [state, setState] = useState<State>(() => ({\n isIntersecting: initialIsIntersecting,\n entry: undefined,\n }));\n const callbackRef =\n useRef<UseIntersectionObserverOptions[\"onChange\"]>(undefined);\n callbackRef.current = onChange;\n const frozen = state.entry?.isIntersecting && freezeOnceVisible;\n useEffect(() => {\n // Ensure we have a ref to observe\n if (!ref) return;\n // Ensure the browser supports the Intersection Observer API\n if (!(\"IntersectionObserver\" in window)) return;\n // Skip if frozen\n if (frozen) return;\n let unobserve: (() => void) | undefined;\n const observer = new IntersectionObserver(\n (entries: IntersectionObserverEntry[]): void => {\n const thresholds = Array.isArray(observer.thresholds)\n ? observer.thresholds\n : [observer.thresholds];\n entries.forEach((entry) => {\n const isIntersecting =\n entry.isIntersecting &&\n thresholds.some(\n (threshold) => entry.intersectionRatio >= threshold,\n );\n setState({ isIntersecting, entry });\n if (callbackRef.current) {\n callbackRef.current(isIntersecting, entry);\n }\n if (isIntersecting && freezeOnceVisible && unobserve) {\n unobserve();\n unobserve = undefined;\n }\n });\n },\n { threshold, root, rootMargin },\n );\n observer.observe(ref);\n return () => {\n observer.disconnect();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n ref,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n JSON.stringify(threshold),\n root,\n rootMargin,\n frozen,\n freezeOnceVisible,\n ]);\n // ensures that if the observed element changes, the intersection observer is reinitialized\n const prevRef = useRef<Element | null>(null);\n useEffect(() => {\n if (\n !ref &&\n state.entry?.target &&\n !freezeOnceVisible &&\n !frozen &&\n prevRef.current !== state.entry.target\n ) {\n prevRef.current = state.entry.target;\n setState({ isIntersecting: initialIsIntersecting, entry: undefined });\n }\n }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n const result = [\n setRef,\n !!state.isIntersecting,\n state.entry,\n ] as IntersectionReturn;\n // Support object destructuring, by adding the specific values.\n result.ref = result[0];\n result.isIntersecting = result[1];\n result.entry = result[2];\n return result;\n}\n// Export types\nexport type { UseIntersectionObserverOptions, IntersectionReturn };\n"],"names":["useIntersectionObserver","threshold","root","rootMargin","freezeOnceVisible","initialIsIntersecting","onChange","ref","setRef","useState","state","setState","callbackRef","useRef","frozen","useEffect","observer","entries","thresholds","entry","isIntersecting","prevRef","result"],"mappings":";AA0BO,SAASA,EAAwB;AAAA,EACtC,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,mBAAAC,IAAoB;AAAA,EACpB,uBAAAC,IAAwB;AAAA,EACxB,UAAAC;AACF,IAAoC,IAAwB;AAC1D,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAyB,IAAI,GAC7C,CAACC,GAAOC,CAAQ,IAAIF,EAAgB,OAAO;AAAA,IAC/C,gBAAgBJ;AAAA,IAChB,OAAO;AAAA,EAAA,EACP,GACIO,IACJC,EAAmD,MAAS;AAC9D,EAAAD,EAAY,UAAUN;AACtB,QAAMQ,IAASJ,EAAM,OAAO,kBAAkBN;AAC9C,EAAAW,EAAU,MAAM;AAMd,QAJI,CAACR,KAED,EAAE,0BAA0B,WAE5BO,EAAQ;AAEZ,UAAME,IAAW,IAAI;AAAA,MACnB,CAACC,MAA+C;AAC9C,cAAMC,IAAa,MAAM,QAAQF,EAAS,UAAU,IAChDA,EAAS,aACT,CAACA,EAAS,UAAU;AACxB,QAAAC,EAAQ,QAAQ,CAACE,MAAU;AACzB,gBAAMC,IACJD,EAAM,kBACND,EAAW;AAAA,YACT,CAACjB,MAAckB,EAAM,qBAAqBlB;AAAAA,UAAA;AAE9C,UAAAU,EAAS,EAAE,gBAAAS,GAAgB,OAAAD,GAAO,GAC9BP,EAAY,WACdA,EAAY,QAAQQ,GAAgBD,CAAK;AAAA,QAM7C,CAAC;AAAA,MACH;AAAA,MACA,EAAE,WAAAlB,GAAW,MAAAC,GAAM,YAAAC,EAAA;AAAA,IAAW;AAEhC,WAAAa,EAAS,QAAQT,CAAG,GACb,MAAM;AACX,MAAAS,EAAS,WAAA;AAAA,IACX;AAAA,EAEF,GAAG;AAAA,IACDT;AAAA;AAAA,IAEA,KAAK,UAAUN,CAAS;AAAA,IACxBC;AAAA,IACAC;AAAA,IACAW;AAAA,IACAV;AAAA,EAAA,CACD;AAED,QAAMiB,IAAUR,EAAuB,IAAI;AAC3C,EAAAE,EAAU,MAAM;AACd,IACE,CAACR,KACDG,EAAM,OAAO,UACb,CAACN,KACD,CAACU,KACDO,EAAQ,YAAYX,EAAM,MAAM,WAEhCW,EAAQ,UAAUX,EAAM,MAAM,QAC9BC,EAAS,EAAE,gBAAgBN,GAAuB,OAAO,QAAW;AAAA,EAExE,GAAG,CAACE,GAAKG,EAAM,OAAON,GAAmBU,GAAQT,CAAqB,CAAC;AACvE,QAAMiB,IAAS;AAAA,IACbd;AAAA,IACA,CAAC,CAACE,EAAM;AAAA,IACRA,EAAM;AAAA,EAAA;AAGR,SAAAY,EAAO,MAAMA,EAAO,CAAC,GACrBA,EAAO,iBAAiBA,EAAO,CAAC,GAChCA,EAAO,QAAQA,EAAO,CAAC,GAChBA;AACT;"}

package/dist/esm/hooks/use-isomorphic-layout-effect.js ADDED Viewed

@@ -0,0 +1,6 @@
+import * as e from "react";
+const o = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+export {
+  o as useIsomorphicLayoutEffect
+};
+//# sourceMappingURL=use-isomorphic-layout-effect.js.map

package/dist/esm/hooks/use-isomorphic-layout-effect.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-isomorphic-layout-effect.js","sources":["../../../src/hooks/use-isomorphic-layout-effect.ts"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\n"],"names":["useIsomorphicLayoutEffect","React"],"mappings":";AAGO,MAAMA,IACX,OAAO,SAAW,MAAcC,EAAM,kBAAkBA,EAAM;"}

package/dist/esm/hooks/use-media-query.js ADDED Viewed

@@ -0,0 +1,22 @@
+import { useState as c } from "react";
+import { useIsomorphicLayoutEffect as d } from "./use-isomorphic-layout-effect.js";
+const m = typeof window > "u";
+function u(n, {
+  defaultValue: r = !1,
+  initializeWithValue: s = !0
+} = {}) {
+  const i = (e) => m ? r : window.matchMedia(e).matches, [o, a] = c(() => s ? i(n) : r);
+  function t() {
+    a(i(n));
+  }
+  return d(() => {
+    const e = window.matchMedia(n);
+    return t(), e.addListener ? e.addListener(t) : e.addEventListener("change", t), () => {
+      e.removeListener ? e.removeListener(t) : e.removeEventListener("change", t);
+    };
+  }, [n]), o;
+}
+export {
+  u as useMediaQuery
+};
+//# sourceMappingURL=use-media-query.js.map

package/dist/esm/hooks/use-media-query.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-media-query.js","sources":["../../../src/hooks/use-media-query.ts"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"./use-isomorphic-layout-effect\";\n\ntype UseMediaQueryOptions = {\n defaultValue?: boolean;\n initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === \"undefined\";\n\nexport function useMediaQuery(\n query: string,\n {\n defaultValue = false,\n initializeWithValue = true,\n }: UseMediaQueryOptions = {},\n): boolean {\n const getMatches = (query: string): boolean => {\n if (IS_SERVER) {\n return defaultValue;\n }\n return window.matchMedia(query).matches;\n };\n\n const [matches, setMatches] = useState<boolean>(() => {\n if (initializeWithValue) {\n return getMatches(query);\n }\n return defaultValue;\n });\n\n // Handles the change event of the media query.\n function handleChange() {\n setMatches(getMatches(query));\n }\n\n useIsomorphicLayoutEffect(() => {\n const matchMedia = window.matchMedia(query);\n // Triggered at the first client-side load and if query changes\n handleChange();\n // Use deprecated `addListener` and `removeListener` to support Safari < 14 (#135)\n if (matchMedia.addListener) {\n matchMedia.addListener(handleChange);\n } else {\n matchMedia.addEventListener(\"change\", handleChange);\n }\n return () => {\n if (matchMedia.removeListener) {\n matchMedia.removeListener(handleChange);\n } else {\n matchMedia.removeEventListener(\"change\", handleChange);\n }\n };\n }, [query]);\n\n return matches;\n}\n\nexport type { UseMediaQueryOptions };\n"],"names":["IS_SERVER","useMediaQuery","query","defaultValue","initializeWithValue","getMatches","matches","setMatches","useState","handleChange","useIsomorphicLayoutEffect","matchMedia"],"mappings":";;AAUA,MAAMA,IAAY,OAAO,SAAW;AAE7B,SAASC,EACdC,GACA;AAAA,EACE,cAAAC,IAAe;AAAA,EACf,qBAAAC,IAAsB;AACxB,IAA0B,IACjB;AACT,QAAMC,IAAa,CAACH,MACdF,IACKG,IAEF,OAAO,WAAWD,CAAK,EAAE,SAG5B,CAACI,GAASC,CAAU,IAAIC,EAAkB,MAC1CJ,IACKC,EAAWH,CAAK,IAElBC,CACR;AAGD,WAASM,IAAe;AACtB,IAAAF,EAAWF,EAAWH,CAAK,CAAC;AAAA,EAC9B;AAEA,SAAAQ,EAA0B,MAAM;AAC9B,UAAMC,IAAa,OAAO,WAAWT,CAAK;AAE1C,WAAAO,EAAA,GAEIE,EAAW,cACbA,EAAW,YAAYF,CAAY,IAEnCE,EAAW,iBAAiB,UAAUF,CAAY,GAE7C,MAAM;AACX,MAAIE,EAAW,iBACbA,EAAW,eAAeF,CAAY,IAEtCE,EAAW,oBAAoB,UAAUF,CAAY;AAAA,IAEzD;AAAA,EACF,GAAG,CAACP,CAAK,CAAC,GAEHI;AACT;"}

package/dist/esm/hooks/use-on-click-outside.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { useEventListener as u } from "./use-event-listener.js";
+function d(t, i, s = "mousedown", o = {}) {
+  u(
+    s,
+    (e) => {
+      const n = e.target;
+      if (!n || !n.isConnected)
+        return;
+      (Array.isArray(t) ? t.filter((r) => !!r.current).every((r) => r.current && !r.current.contains(n)) : t?.current && !t?.current.contains(n)) && i(e);
+    },
+    void 0,
+    o
+  );
+}
+export {
+  d as useOnClickOutside
+};
+//# sourceMappingURL=use-on-click-outside.js.map

package/dist/esm/hooks/use-on-click-outside.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-on-click-outside.js","sources":["../../../src/hooks/use-on-click-outside.ts"],"sourcesContent":["\"use client\";\nimport type { RefObject } from \"react\";\nimport { useEventListener } from \"./use-event-listener\";\n\ntype EventType =\n | \"mousedown\"\n | \"mouseup\"\n | \"touchstart\"\n | \"touchend\"\n | \"focusin\"\n | \"focusout\";\n\nexport function useOnClickOutside<T extends HTMLElement = HTMLElement>(\n ref: RefObject<T | null> | RefObject<T | null>[],\n handler: (event: MouseEvent | TouchEvent | FocusEvent) => void,\n eventType: EventType = \"mousedown\",\n eventListenerOptions: AddEventListenerOptions = {},\n): void {\n useEventListener(\n eventType,\n (event) => {\n const target = event.target as Node;\n // Do nothing if the target is not connected element with document\n if (!target || !target.isConnected) {\n return;\n }\n const isOutside = Array.isArray(ref)\n ? ref\n .filter((r) => Boolean(r.current))\n .every((r) => r.current && !r.current.contains(target))\n : ref?.current && !ref?.current.contains(target);\n if (isOutside) {\n handler(event);\n }\n },\n undefined,\n eventListenerOptions,\n );\n}\n\n// Export types\nexport type { EventType };\n"],"names":["useOnClickOutside","ref","handler","eventType","eventListenerOptions","useEventListener","event","target"],"mappings":";AAYO,SAASA,EACdC,GACAC,GACAC,IAAuB,aACvBC,IAAgD,IAC1C;AACN,EAAAC;AAAA,IACEF;AAAA,IACA,CAACG,MAAU;AACT,YAAMC,IAASD,EAAM;AAErB,UAAI,CAACC,KAAU,CAACA,EAAO;AACrB;AAOF,OALkB,MAAM,QAAQN,CAAG,IAC/BA,EACG,OAAO,CAAC,MAAM,EAAQ,EAAE,OAAQ,EAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,SAASM,CAAM,CAAC,IACxDN,GAAK,WAAW,CAACA,GAAK,QAAQ,SAASM,CAAM,MAE/CL,EAAQI,CAAK;AAAA,IAEjB;AAAA,IACA;AAAA,IACAF;AAAA,EAAA;AAEJ;"}