admin-ui-starter-kit 0.5.0 → 0.6.2

package/dist/components/features/media-library/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/features/media-library/media-library.strings.ts","../../../../src/components/features/media-library/hooks/use-media-library.ts","../../../../src/components/features/media-library/partials/media-library-partials.tsx","../../../../src/components/features/media-library/media-library.tsx","../../../../src/components/features/media-library/media-resource-gallery.tsx"],"sourcesContent":["export interface MediaLibraryStrings {\n\ttitle: string;\n\tdescription: string;\n\tclose: string;\n\ttabs: {\n\t\tlibrary: string;\n\t\tupload: string;\n\t};\n\tsearchPlaceholder: string;\n\tclearSearch: string;\n\ttypeFilterLabel: string;\n\tcollectionFilterLabel: string;\n\tsortLabel: string;\n\tviewLabel: string;\n\tallTypes: string;\n\timages: string;\n\tvideos: string;\n\tfiles: string;\n\tallCollections: string;\n\tsortNewest: string;\n\tsortName: string;\n\tsortSize: string;\n\tsortUsage: string;\n\tgridView: string;\n\ttableView: string;\n\tcountAll: string;\n\tcountFiltered: string;\n\temptyLibraryTitle: string;\n\temptyLibraryDescription: string;\n\temptyFilteredTitle: string;\n\temptyFilteredDescription: string;\n\tclearFilters: string;\n\tuploadMedia: string;\n\tloading: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tcardDetails: string;\n\tprivateLabel: string;\n\tpublicLabel: string;\n\ttypeImage: string;\n\ttypeVideo: string;\n\ttypeFile: string;\n\tunknownSize: string;\n\tnotUsed: string;\n\tusedIn: string;\n\ttable: {\n\t\tname: string;\n\t\ttype: string;\n\t\tsize: string;\n\t\tcollection: string;\n\t\tused: string;\n\t};\n\tdetail: {\n\t\ttitle: string;\n\t\taltText: string;\n\t\taltPlaceholder: string;\n\t\tcollection: string;\n\t\ttags: string;\n\t\ttagsPlaceholder: string;\n\t\tpublic: string;\n\t\tpublicHint: string;\n\t\tprivateHint: string;\n\t\ttype: string;\n\t\tsize: string;\n\t\tdimensions: string;\n\t\tuploaded: string;\n\t\tusedIn: string;\n\t\treplace: string;\n\t\tdelete: string;\n\t\tclose: string;\n\t};\n\tupload: {\n\t\tdropTitle: string;\n\t\tdropHint: string;\n\t\tdragOver: string;\n\t\tcollection: string;\n\t\ttags: string;\n\t\ttagsPlaceholder: string;\n\t\tpublic: string;\n\t\tpublicHint: string;\n\t\tnoFiles: string;\n\t\tstagedCount: string;\n\t\tremoveFile: string;\n\t\tuploading: string;\n\t\tdone: string;\n\t};\n\tfooter: {\n\t\tpickOne: string;\n\t\tpickMany: string;\n\t\tselectedCount: string;\n\t\tclear: string;\n\t\tcancel: string;\n\t\tconfirmEmpty: string;\n\t\tconfirmOne: string;\n\t\tconfirmMany: string;\n\t\tnoFiles: string;\n\t\tstagedSummary: string;\n\t\tupload: string;\n\t\tuploadMany: string;\n\t\tuploading: string;\n\t};\n\tgallery: {\n\t\temptyTitle: string;\n\t\temptyDescription: string;\n\t\tadd: string;\n\t\taddMore: string;\n\t\taddTile: string;\n\t\tcover: string;\n\t\tprimary: string;\n\t\tsetPrimary: string;\n\t\tremove: string;\n\t\tmovePrevious: string;\n\t\tmoveNext: string;\n\t\titemPosition: string;\n\t\tmaxReached: string;\n\t};\n}\n\nexport const defaultMediaLibraryStrings: MediaLibraryStrings = {\n\ttitle: 'Add media',\n\tdescription: 'Pick from the library, or upload new files.',\n\tclose: 'Close media library',\n\ttabs: {\n\t\tlibrary: 'Library',\n\t\tupload: 'Upload',\n\t},\n\tsearchPlaceholder: 'Search by name or tag...',\n\tclearSearch: 'Clear search',\n\ttypeFilterLabel: 'Type',\n\tcollectionFilterLabel: 'Collection',\n\tsortLabel: 'Sort',\n\tviewLabel: 'View',\n\tallTypes: 'All',\n\timages: 'Images',\n\tvideos: 'Videos',\n\tfiles: 'Files',\n\tallCollections: 'All collections',\n\tsortNewest: 'Newest',\n\tsortName: 'Name',\n\tsortSize: 'Size',\n\tsortUsage: 'Most used',\n\tgridView: 'Grid view',\n\ttableView: 'Table view',\n\tcountAll: '{count} items',\n\tcountFiltered: '{count} of {total} items',\n\temptyLibraryTitle: 'Library is empty',\n\temptyLibraryDescription: 'Upload images or videos to start building the library.',\n\temptyFilteredTitle: 'No media matches',\n\temptyFilteredDescription: 'Try a different search term, or clear the filters.',\n\tclearFilters: 'Clear filters',\n\tuploadMedia: 'Upload media',\n\tloading: 'Loading media...',\n\terrorTitle: 'Media could not load',\n\terrorDescription: 'Try again or adjust your filters.',\n\tcardDetails: 'Details for {name}',\n\tprivateLabel: 'Private',\n\tpublicLabel: 'Public',\n\ttypeImage: 'Image',\n\ttypeVideo: 'Video',\n\ttypeFile: 'File',\n\tunknownSize: 'Unknown',\n\tnotUsed: 'Not used yet',\n\tusedIn: '{count} {count, plural, one {place} other {places}}',\n\ttable: {\n\t\tname: 'Name',\n\t\ttype: 'Type',\n\t\tsize: 'Size',\n\t\tcollection: 'Collection',\n\t\tused: 'Used',\n\t},\n\tdetail: {\n\t\ttitle: 'Details',\n\t\taltText: 'Alt text',\n\t\taltPlaceholder: 'Describe this media for screen readers',\n\t\tcollection: 'Collection',\n\t\ttags: 'Tags',\n\t\ttagsPlaceholder: 'Comma-separated',\n\t\tpublic: 'Public',\n\t\tpublicHint: 'Served from the public CDN',\n\t\tprivateHint: 'Only visible in the admin',\n\t\ttype: 'Type',\n\t\tsize: 'Size',\n\t\tdimensions: 'Dimensions',\n\t\tuploaded: 'Uploaded',\n\t\tusedIn: 'Used in',\n\t\treplace: 'Replace file',\n\t\tdelete: 'Delete',\n\t\tclose: 'Close details',\n\t},\n\tupload: {\n\t\tdropTitle: 'Drag files here or click to browse',\n\t\tdropHint: 'JPG, PNG, WebP, SVG and MP4 up to 50 MB per file',\n\t\tdragOver: 'Release to stage files',\n\t\tcollection: 'Collection',\n\t\ttags: 'Tags',\n\t\ttagsPlaceholder: 'Comma-separated',\n\t\tpublic: 'Public',\n\t\tpublicHint: 'Serve from the public CDN',\n\t\tnoFiles: 'No files staged',\n\t\tstagedCount: '{count} {count, plural, one {file} other {files}}',\n\t\tremoveFile: 'Remove {name}',\n\t\tuploading: 'Uploading',\n\t\tdone: 'Done',\n\t},\n\tfooter: {\n\t\tpickOne: 'Pick one item',\n\t\tpickMany: 'Pick one or more items',\n\t\tselectedCount: '{count} selected',\n\t\tclear: 'Clear',\n\t\tcancel: 'Cancel',\n\t\tconfirmEmpty: 'Add to product',\n\t\tconfirmOne: 'Add 1 item',\n\t\tconfirmMany: 'Add {count} items',\n\t\tnoFiles: 'No files staged',\n\t\tstagedSummary: '{count} {count, plural, one {file} other {files}} · {size}',\n\t\tupload: 'Upload',\n\t\tuploadMany: 'Upload {count} files',\n\t\tuploading: 'Uploading...',\n\t},\n\tgallery: {\n\t\temptyTitle: 'No media attached',\n\t\temptyDescription: 'Add images, video, or files to this resource.',\n\t\tadd: 'Add media',\n\t\taddMore: 'Add more',\n\t\taddTile: 'Add another media item',\n\t\tcover: 'Cover',\n\t\tprimary: 'Primary',\n\t\tsetPrimary: 'Set primary',\n\t\tremove: 'Remove',\n\t\tmovePrevious: 'Move previous',\n\t\tmoveNext: 'Move next',\n\t\titemPosition: '{index} of {total}',\n\t\tmaxReached: 'Maximum reached',\n\t},\n};\n\nexport function formatMediaLibraryString(\n\ttemplate: string,\n\tvalues: Record<string, string | number>,\n): string {\n\treturn template\n\t\t.replace(\n\t\t\t/\\{(\\w+), plural, one \\{([^}]*)\\} other \\{([^}]*)\\}\\}/g,\n\t\t\t(_, key: string, one: string, other: string) =>\n\t\t\t\tNumber(values[key]) === 1 ? one : other,\n\t\t)\n\t\t.replace(/\\{(\\w+)\\}/g, (_, key: string) => String(values[key] ?? ''));\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n\tMediaLibraryAccessors,\n\tMediaLibraryFetchResult,\n\tMediaLibraryItem,\n\tMediaLibraryItemPatch,\n\tMediaLibraryItemType,\n\tMediaLibraryStagedFile,\n\tMediaLibraryUploadOptions,\n\tMediaLibraryUploadStatus,\n\tResolvedMediaLibraryAccessors,\n\tUseMediaLibraryOptions,\n\tMediaLibraryState,\n} from '../media-library.types';\n\nconst DEFAULT_UPLOAD_OPTIONS: MediaLibraryUploadOptions = {\n\tcollection: undefined,\n\ttags: [],\n\tpublic: true,\n};\nconst EMPTY_ITEMS: readonly unknown[] = [];\n\nconst defaultAccessors: ResolvedMediaLibraryAccessors<MediaLibraryItem> = {\n\tgetId: (item) => item.id,\n\tgetName: (item) => item.name,\n\tgetType: (item) => item.type,\n\tgetSrc: (item) => item.src,\n\tgetAlt: (item) => item.alt,\n\tgetSize: (item) => item.size,\n\tgetWidth: (item) => item.width,\n\tgetHeight: (item) => item.height,\n\tgetDuration: (item) => item.duration,\n\tgetCollection: (item) => item.collection,\n\tgetTags: (item) => item.tags ?? [],\n\tgetPublic: (item) => item.public,\n\tgetUploadedAt: (item) => item.uploadedAt,\n\tgetUsageCount: (item) => item.usageCount,\n\tgetTint: (item) => item.tint,\n\tgetMimeType: (item) => item.mimeType,\n};\n\nexport function resolveMediaLibraryAccessors<TItem = MediaLibraryItem>(\n\taccessors?: MediaLibraryAccessors<TItem>,\n): ResolvedMediaLibraryAccessors<TItem> {\n\treturn {\n\t\t...(defaultAccessors as unknown as ResolvedMediaLibraryAccessors<TItem>),\n\t\t...(accessors ?? {}),\n\t};\n}\n\nexport function formatMediaLibrarySize(bytes?: number): string {\n\tif (!bytes || bytes <= 0) return '';\n\tif (bytes >= 1048576) return `${(bytes / 1048576).toFixed(1)} MB`;\n\treturn `${Math.max(1, Math.round(bytes / 1024))} KB`;\n}\n\nexport function getMediaLibraryDimensions<TItem>(\n\titem: TItem,\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n): string {\n\tconst width = accessors.getWidth(item);\n\tconst height = accessors.getHeight(item);\n\tif (!width || !height) return '';\n\treturn `${width} x ${height}`;\n}\n\nfunction getUploadedTime<TItem>(\n\titem: TItem,\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n) {\n\tconst value = accessors.getUploadedAt(item);\n\tif (!value) return 0;\n\tconst date = value instanceof Date ? value : new Date(value);\n\tconst time = date.getTime();\n\treturn Number.isFinite(time) ? time : 0;\n}\n\nfunction inferFileType(file: File): MediaLibraryItemType {\n\tif (file.type.startsWith('image/')) return 'image';\n\tif (file.type.startsWith('video/')) return 'video';\n\treturn 'file';\n}\n\nfunction createPreviewUrl(file: File): string | undefined {\n\tif (!file.type.startsWith('image/')) return undefined;\n\tif (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {\n\t\treturn undefined;\n\t}\n\treturn URL.createObjectURL(file);\n}\n\nfunction revokePreviewUrl(url: string | undefined) {\n\tif (!url || typeof URL === 'undefined' || typeof URL.revokeObjectURL !== 'function') {\n\t\treturn;\n\t}\n\tURL.revokeObjectURL(url);\n}\n\nfunction normalizeFetchResult<TItem>(\n\tresult: MediaLibraryFetchResult<TItem> | TItem[],\n): MediaLibraryFetchResult<TItem> {\n\tif (Array.isArray(result)) return { items: result, total: result.length };\n\treturn result;\n}\n\nfunction mergePatch<TItem>(item: TItem, patch?: MediaLibraryItemPatch): TItem {\n\tif (!patch) return item;\n\tif (typeof item === 'object' && item !== null) {\n\t\treturn { ...(item as object), ...patch } as TItem;\n\t}\n\treturn item;\n}\n\nfunction filterItems<TItem>(\n\titems: TItem[],\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n\tquery: string,\n\ttype: string,\n\tcollection: string,\n) {\n\tconst normalizedQuery = query.trim().toLowerCase();\n\treturn items.filter((item) => {\n\t\tif (type !== 'all' && accessors.getType(item) !== type) return false;\n\t\tif (collection !== 'all' && accessors.getCollection(item) !== collection) return false;\n\t\tif (!normalizedQuery) return true;\n\n\t\tconst haystack = [\n\t\t\taccessors.getName(item),\n\t\t\taccessors.getAlt(item),\n\t\t\taccessors.getCollection(item),\n\t\t\t...accessors.getTags(item),\n\t\t]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\t\t\t.toLowerCase();\n\t\treturn haystack.includes(normalizedQuery);\n\t});\n}\n\nfunction sortItems<TItem>(\n\titems: TItem[],\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n\tsort: string,\n) {\n\tconst sorted = items.slice();\n\tif (sort === 'name') {\n\t\tsorted.sort((a, b) => accessors.getName(a).localeCompare(accessors.getName(b)));\n\t} else if (sort === 'size') {\n\t\tsorted.sort((a, b) => (accessors.getSize(b) ?? 0) - (accessors.getSize(a) ?? 0));\n\t} else if (sort === 'usage') {\n\t\tsorted.sort(\n\t\t\t(a, b) => (accessors.getUsageCount(b) ?? 0) - (accessors.getUsageCount(a) ?? 0),\n\t\t);\n\t} else {\n\t\tsorted.sort((a, b) => getUploadedTime(b, accessors) - getUploadedTime(a, accessors));\n\t}\n\treturn sorted;\n}\n\nexport function useMediaLibrary<TItem = MediaLibraryItem>({\n\titems: itemsProp = EMPTY_ITEMS as readonly TItem[],\n\tfetcher,\n\taccessors: accessorsProp,\n\tselectionMode = 'multiple',\n\tvalue,\n\tdefaultValue = [],\n\tonValueChange,\n\tonItemUpdate,\n\tonItemDelete,\n\tonUpload,\n\tonError,\n\tinitialTab = 'library',\n\tdefaultView = 'grid',\n\tdefaultQuery = '',\n\tdefaultType = 'all',\n\tdefaultCollection = 'all',\n\tdefaultSort = 'newest',\n\tdefaultUploadOptions,\n}: UseMediaLibraryOptions<TItem> = {}): MediaLibraryState<TItem> {\n\tconst accessors = useMemo(\n\t\t() => resolveMediaLibraryAccessors(accessorsProp),\n\t\t[accessorsProp],\n\t);\n\tconst [tab, setTab] = useState(initialTab);\n\tconst [view, setView] = useState(defaultView);\n\tconst [query, setQuery] = useState(defaultQuery);\n\tconst [type, setType] = useState(defaultType);\n\tconst [collection, setCollection] = useState(defaultCollection);\n\tconst [sort, setSort] = useState(defaultSort);\n\tconst [detailId, setDetailId] = useState<string | null>(null);\n\tconst [internalValue, setInternalValue] = useState<string[]>(() => [...defaultValue]);\n\tconst [fetchedItems, setFetchedItems] = useState<TItem[]>([]);\n\tconst [fetchedTotal, setFetchedTotal] = useState<number | undefined>();\n\tconst [loading, setLoading] = useState(false);\n\tconst [error, setError] = useState<unknown>(null);\n\tconst [createdItems, setCreatedItems] = useState<TItem[]>([]);\n\tconst [removedIds, setRemovedIds] = useState<Set<string>>(() => new Set());\n\tconst [itemPatches, setItemPatches] = useState<Record<string, MediaLibraryItemPatch>>({});\n\tconst [stagedFiles, setStagedFiles] = useState<MediaLibraryStagedFile[]>([]);\n\tconst [uploading, setUploading] = useState(false);\n\tconst [uploadOptions, setUploadOptions] = useState<MediaLibraryUploadOptions>({\n\t\t...DEFAULT_UPLOAD_OPTIONS,\n\t\t...defaultUploadOptions,\n\t\ttags: defaultUploadOptions?.tags ?? DEFAULT_UPLOAD_OPTIONS.tags,\n\t});\n\tconst isSelectionControlled = value !== undefined;\n\tconst selectedIds = useMemo(\n\t\t() => (isSelectionControlled ? [...(value ?? [])] : internalValue),\n\t\t[internalValue, isSelectionControlled, value],\n\t);\n\tconst selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n\tconst objectUrlRef = useRef<Set<string>>(new Set());\n\n\tuseEffect(() => {\n\t\tif (!fetcher) return;\n\t\tconst controller = new AbortController();\n\t\tsetLoading(true);\n\t\tsetError(null);\n\t\tfetcher({\n\t\t\tquery,\n\t\t\ttype,\n\t\t\tcollection: collection === 'all' ? undefined : collection,\n\t\t\tsort,\n\t\t\tsignal: controller.signal,\n\t\t})\n\t\t\t.then((result) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tconst normalized = normalizeFetchResult(result);\n\t\t\t\tsetFetchedItems(normalized.items);\n\t\t\t\tsetFetchedTotal(normalized.total);\n\t\t\t})\n\t\t\t.catch((nextError) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tsetError(nextError);\n\t\t\t\tonError?.(nextError);\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (!controller.signal.aborted) setLoading(false);\n\t\t\t});\n\t\treturn () => controller.abort();\n\t}, [collection, fetcher, onError, query, sort, type]);\n\n\tuseEffect(() => {\n\t\tconst objectUrls = objectUrlRef.current;\n\t\treturn () => {\n\t\t\tfor (const url of objectUrls) revokePreviewUrl(url);\n\t\t\tobjectUrls.clear();\n\t\t};\n\t}, []);\n\n\tconst sourceItems = useMemo(\n\t\t() => (fetcher ? fetchedItems : [...createdItems, ...itemsProp]),\n\t\t[createdItems, fetchedItems, fetcher, itemsProp],\n\t);\n\tconst patchedItems = useMemo(\n\t\t() =>\n\t\t\tsourceItems\n\t\t\t\t.filter((item) => !removedIds.has(accessors.getId(item)))\n\t\t\t\t.map((item) => mergePatch(item, itemPatches[accessors.getId(item)])),\n\t\t[accessors, itemPatches, removedIds, sourceItems],\n\t);\n\tconst visibleItems = useMemo(() => {\n\t\tconst filtered = fetcher\n\t\t\t? patchedItems\n\t\t\t: filterItems(patchedItems, accessors, query, type, collection);\n\t\treturn fetcher ? filtered : sortItems(filtered, accessors, sort);\n\t}, [accessors, collection, fetcher, patchedItems, query, sort, type]);\n\tconst totalCount = fetchedTotal ?? patchedItems.length;\n\tconst filteredCount = visibleItems.length;\n\tconst selectedItems = useMemo(\n\t\t() => patchedItems.filter((item) => selectedSet.has(accessors.getId(item))),\n\t\t[accessors, patchedItems, selectedSet],\n\t);\n\tconst hasFilters = Boolean(query.trim()) || type !== 'all' || collection !== 'all';\n\n\tconst applySelection = useCallback(\n\t\t(nextIds: string[]) => {\n\t\t\tif (!isSelectionControlled) setInternalValue(nextIds);\n\t\t\tconst nextSet = new Set(nextIds);\n\t\t\tconst nextItems = patchedItems.filter((item) => nextSet.has(accessors.getId(item)));\n\t\t\tonValueChange?.(nextIds, nextItems);\n\t\t},\n\t\t[accessors, isSelectionControlled, onValueChange, patchedItems],\n\t);\n\n\tconst toggleSelection = useCallback(\n\t\t(id: string) => {\n\t\t\tconst next = new Set(selectionMode === 'single' ? [] : selectedSet);\n\t\t\tif (selectedSet.has(id) && selectionMode !== 'single') {\n\t\t\t\tnext.delete(id);\n\t\t\t} else {\n\t\t\t\tnext.add(id);\n\t\t\t}\n\t\t\tapplySelection(Array.from(next));\n\t\t},\n\t\t[applySelection, selectedSet, selectionMode],\n\t);\n\n\tconst clearSelection = useCallback(() => applySelection([]), [applySelection]);\n\tconst clearFilters = useCallback(() => {\n\t\tsetQuery('');\n\t\tsetType('all');\n\t\tsetCollection('all');\n\t}, []);\n\n\tconst addFiles = useCallback((files: File[]) => {\n\t\tsetStagedFiles((current) => [\n\t\t\t...current,\n\t\t\t...files.map((file, index) => {\n\t\t\t\tconst src = createPreviewUrl(file);\n\t\t\t\tif (src) objectUrlRef.current.add(src);\n\t\t\t\treturn {\n\t\t\t\t\tid: `staged-${Date.now()}-${index}`,\n\t\t\t\t\tfile,\n\t\t\t\t\tname: file.name,\n\t\t\t\t\tsize: file.size,\n\t\t\t\t\ttype: inferFileType(file),\n\t\t\t\t\tsrc,\n\t\t\t\t\tprogress: 0,\n\t\t\t\t\tstatus: 'staged' as const,\n\t\t\t\t};\n\t\t\t}),\n\t\t]);\n\t}, []);\n\n\tconst removeStagedFile = useCallback((id: string) => {\n\t\tsetStagedFiles((current) => {\n\t\t\tconst target = current.find((file) => file.id === id);\n\t\t\tif (target?.src) {\n\t\t\t\trevokePreviewUrl(target.src);\n\t\t\t\tobjectUrlRef.current.delete(target.src);\n\t\t\t}\n\t\t\treturn current.filter((file) => file.id !== id);\n\t\t});\n\t}, []);\n\n\tconst clearStagedFiles = useCallback(() => {\n\t\tsetStagedFiles((current) => {\n\t\t\tfor (const file of current) {\n\t\t\t\tif (file.src) {\n\t\t\t\t\trevokePreviewUrl(file.src);\n\t\t\t\t\tobjectUrlRef.current.delete(file.src);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn [];\n\t\t});\n\t}, []);\n\n\tconst updateUploadOptions = useCallback((patch: Partial<MediaLibraryUploadOptions>) => {\n\t\tsetUploadOptions((current) => ({ ...current, ...patch }));\n\t}, []);\n\n\tconst setUploadFile = useCallback(\n\t\t(fileId: string, patch: Partial<Pick<MediaLibraryStagedFile, 'progress' | 'status' | 'error'>>) => {\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) => (file.id === fileId ? { ...file, ...patch } : file)),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\tconst startUpload = useCallback(async () => {\n\t\tif (uploading || stagedFiles.length === 0) return;\n\t\tsetUploading(true);\n\t\tsetStagedFiles((current) =>\n\t\t\tcurrent.map((file) => ({ ...file, status: 'uploading', progress: 0 })),\n\t\t);\n\t\tconst helpers = {\n\t\t\tsetProgress: (fileId: string, progress: number) => {\n\t\t\t\tsetUploadFile(fileId, { progress: Math.max(0, Math.min(100, progress)) });\n\t\t\t},\n\t\t\tsetFileStatus: (\n\t\t\t\tfileId: string,\n\t\t\t\tstatus: MediaLibraryUploadStatus,\n\t\t\t\tnextError?: string,\n\t\t\t) => setUploadFile(fileId, { status, error: nextError }),\n\t\t};\n\n\t\ttry {\n\t\t\tconst files = stagedFiles.map((file) => file.file);\n\t\t\tconst uploaded = await onUpload?.(files, uploadOptions, helpers);\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) => ({ ...file, status: 'done', progress: 100 })),\n\t\t\t);\n\t\t\tif (uploaded?.length) {\n\t\t\t\tsetCreatedItems((current) => [...uploaded, ...current]);\n\t\t\t\tconst uploadedIds = uploaded.map((item) => accessors.getId(item));\n\t\t\t\tapplySelection(\n\t\t\t\t\tselectionMode === 'single'\n\t\t\t\t\t\t? uploadedIds.slice(0, 1)\n\t\t\t\t\t\t: Array.from(new Set([...uploadedIds, ...selectedIds])),\n\t\t\t\t);\n\t\t\t}\n\t\t\tclearStagedFiles();\n\t\t\tsetTab('library');\n\t\t} catch (nextError) {\n\t\t\tsetError(nextError);\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) =>\n\t\t\t\t\tfile.status === 'uploading'\n\t\t\t\t\t\t? { ...file, status: 'error', error: 'Upload failed' }\n\t\t\t\t\t\t: file,\n\t\t\t\t),\n\t\t\t);\n\t\t\tonError?.(nextError);\n\t\t} finally {\n\t\t\tsetUploading(false);\n\t\t}\n\t}, [\n\t\taccessors,\n\t\tapplySelection,\n\t\tclearStagedFiles,\n\t\tonError,\n\t\tonUpload,\n\t\tselectedIds,\n\t\tselectionMode,\n\t\tsetUploadFile,\n\t\tstagedFiles,\n\t\tuploadOptions,\n\t\tuploading,\n\t]);\n\n\tconst updateItem = useCallback(\n\t\t(item: TItem, patch: MediaLibraryItemPatch) => {\n\t\t\tconst id = accessors.getId(item);\n\t\t\tsetItemPatches((current) => ({ ...current, [id]: { ...current[id], ...patch } }));\n\t\t\tvoid onItemUpdate?.(item, patch);\n\t\t},\n\t\t[accessors, onItemUpdate],\n\t);\n\n\tconst removeItem = useCallback(\n\t\t(item: TItem) => {\n\t\t\tconst id = accessors.getId(item);\n\t\t\tsetRemovedIds((current) => new Set(current).add(id));\n\t\t\tif (selectedSet.has(id)) {\n\t\t\t\tapplySelection(selectedIds.filter((selectedId) => selectedId !== id));\n\t\t\t}\n\t\t\tvoid onItemDelete?.(item);\n\t\t},\n\t\t[accessors, applySelection, onItemDelete, selectedIds, selectedSet],\n\t);\n\n\treturn {\n\t\ttab,\n\t\tsetTab,\n\t\tview,\n\t\tsetView,\n\t\tquery,\n\t\tsetQuery,\n\t\ttype,\n\t\tsetType,\n\t\tcollection,\n\t\tsetCollection,\n\t\tsort,\n\t\tsetSort,\n\t\tdetailId,\n\t\tsetDetailId,\n\t\titems: patchedItems,\n\t\tvisibleItems,\n\t\tselectedIds,\n\t\tselectedItems,\n\t\tselectedSet,\n\t\ttoggleSelection,\n\t\tclearSelection,\n\t\tclearFilters,\n\t\tloading,\n\t\terror,\n\t\thasFilters,\n\t\ttotalCount,\n\t\tfilteredCount,\n\t\tstagedFiles,\n\t\taddFiles,\n\t\tremoveStagedFile,\n\t\tclearStagedFiles,\n\t\tupdateUploadOptions,\n\t\tuploadOptions,\n\t\tuploading,\n\t\tstartUpload,\n\t\tupdateItem,\n\t\tremoveItem,\n\t\taccessors,\n\t};\n}\n","import {\n\tArrowLeft,\n\tCheck,\n\tFile,\n\tGrid2X2,\n\tImageIcon,\n\tInfo,\n\tLayoutList,\n\tLayers3,\n\tLock,\n\tPlay,\n\tSearch,\n\tTrash2,\n\tUploadCloud,\n\tVideo,\n\tX,\n} from 'lucide-react';\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport {\n\tDropzone,\n\tFormField,\n\tInput,\n\tSelect,\n\tToggleSwitch,\n} from '@/components/base/forms';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tformatMediaLibraryString,\n\ttype MediaLibraryStrings,\n} from '../media-library.strings';\nimport {\n\tformatMediaLibrarySize,\n\tgetMediaLibraryDimensions,\n} from '../hooks/use-media-library';\nimport type {\n\tMediaLibraryCardProps,\n\tMediaLibraryDetailPanelProps,\n\tMediaLibraryEmptyStateProps,\n\tMediaLibraryFooterActionsProps,\n\tMediaLibraryFooterProps,\n\tMediaLibraryFooterSummaryProps,\n\tMediaLibraryTableProps,\n\tMediaLibraryToolbarProps,\n\tMediaLibraryUploadPanelProps,\n\tMediaLibraryItemType,\n} from '../media-library.types';\n\nfunction typeIcon(type: MediaLibraryItemType, className?: string) {\n\tif (type === 'image') return <ImageIcon className={className ?? 'size-4'} />;\n\tif (type === 'video') return <Video className={className ?? 'size-4'} />;\n\treturn <File className={className ?? 'size-4'} />;\n}\n\nfunction typeLabel(type: MediaLibraryItemType, strings: MediaLibraryStrings) {\n\tif (type === 'image') return strings.typeImage;\n\tif (type === 'video') return strings.typeVideo;\n\treturn strings.typeFile;\n}\n\nfunction usedInLabel(count: number | undefined, strings: MediaLibraryStrings) {\n\tif (!count) return strings.notUsed;\n\treturn formatMediaLibraryString(strings.usedIn, { count });\n}\n\nfunction MediaPreview({\n\tchildren,\n\ttint,\n\tclassName,\n}: {\n\tchildren: ReactNode;\n\ttint?: string;\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-preview relative overflow-hidden bg-muted',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={tint ? { background: tint } : undefined}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nfunction MediaPreviewImage({\n\tsrc,\n\talt,\n\ttype,\n\tclassName,\n\tloading = 'lazy',\n}: {\n\tsrc?: string;\n\talt: string;\n\ttype: MediaLibraryItemType;\n\tclassName?: string;\n\tloading?: 'eager' | 'lazy';\n}) {\n\tconst [failed, setFailed] = useState(false);\n\n\tuseEffect(() => {\n\t\tsetFailed(false);\n\t}, [src]);\n\n\tif (!src || failed) {\n\t\treturn (\n\t\t\t<div className=\"media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t{typeIcon(type, 'size-6')}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<img\n\t\t\tsrc={src}\n\t\t\talt={alt}\n\t\t\tloading={loading}\n\t\t\tclassName={className}\n\t\t\tonError={() => setFailed(true)}\n\t\t/>\n\t);\n}\n\nexport function MediaLibraryEmptyState({\n\ticon,\n\ttitle,\n\tdescription,\n\taction,\n\tclassName,\n}: MediaLibraryEmptyStateProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-empty-state--component flex min-h-64 flex-col items-center justify-center rounded-lg border border-dashed border-border bg-muted/20 px-6 py-10 text-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground\">\n\t\t\t\t{icon ?? <ImageIcon className=\"size-5\" />}\n\t\t\t</div>\n\t\t\t<Text tag=\"div\" weight=\"semibold\">\n\t\t\t\t{title}\n\t\t\t</Text>\n\t\t\t{!!description && (\n\t\t\t\t<Text type=\"secondary\" size=\"xs\" className=\"mt-1 max-w-sm\">\n\t\t\t\t\t{description}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t{!!action && <div className=\"mt-4\">{action}</div>}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryToolbar({\n\tquery,\n\ttype,\n\ttypeFilters,\n\tcollection,\n\tsort,\n\tview,\n\tcollections = [],\n\tstrings,\n\tonQueryChange,\n\tonTypeChange,\n\tonCollectionChange,\n\tonSortChange,\n\tonViewChange,\n\tonClearFilters,\n\ttoolbarEnd,\n}: MediaLibraryToolbarProps) {\n\tconst typeOptions = [\n\t\t{ value: 'all', label: strings.allTypes, icon: null },\n\t\t{ value: 'image', label: strings.images, icon: ImageIcon },\n\t\t{ value: 'video', label: strings.videos, icon: Video },\n\t\t{ value: 'file', label: strings.files, icon: File },\n\t].filter((option) => (typeFilters ?? ['all', 'image', 'video']).includes(option.value as typeof type));\n\tconst collectionOptions = [\n\t\t{ value: 'all', label: strings.allCollections },\n\t\t...collections.map((option) => ({\n\t\t\tvalue: option.value,\n\t\t\tlabel: String(option.label),\n\t\t})),\n\t];\n\tconst sortOptions = [\n\t\t{ value: 'newest', label: strings.sortNewest },\n\t\t{ value: 'name', label: strings.sortName },\n\t\t{ value: 'size', label: strings.sortSize },\n\t\t{ value: 'usage', label: strings.sortUsage },\n\t];\n\n\treturn (\n\t\t<div className=\"media-library-toolbar--component flex flex-wrap items-center gap-2\">\n\t\t\t<div className=\"min-w-52 flex-1\">\n\t\t\t\t<Input\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonChange={(event) => onQueryChange(event.target.value)}\n\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\tstartIcon={Search}\n\t\t\t\t\tclearable\n\t\t\t\t\tonClear={() => onQueryChange('')}\n\t\t\t\t\tstrings={{ clear: strings.clearSearch }}\n\t\t\t\t\tclassName=\"rounded-full bg-muted/20\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"media-library-toolbar--type-toggle flex h-9 items-center rounded-md bg-muted p-0.5\" role=\"tablist\" aria-label={strings.typeFilterLabel}>\n\t\t\t\t{typeOptions.map((option) => {\n\t\t\t\t\tconst Icon = option.icon;\n\t\t\t\t\tconst active = type === option.value;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\taria-selected={active}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-8 rounded-sm px-3 text-xs shadow-none',\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t? 'bg-background text-foreground shadow-xs hover:bg-background'\n\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={() => onTypeChange(option.value as typeof type)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{Icon && <Icon className=\"size-3.5\" />}\n\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t<div className=\"min-w-40\">\n\t\t\t\t<Select\n\t\t\t\t\tvalue={collection}\n\t\t\t\t\toptions={collectionOptions}\n\t\t\t\t\tonChange={(value) => onCollectionChange(value ?? 'all')}\n\t\t\t\t\tplaceholder={strings.collectionFilterLabel}\n\t\t\t\t\taria-label={strings.collectionFilterLabel}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"min-w-32\">\n\t\t\t\t<Select\n\t\t\t\t\tvalue={sort}\n\t\t\t\t\toptions={sortOptions}\n\t\t\t\t\tonChange={(value) => onSortChange((value ?? 'newest') as typeof sort)}\n\t\t\t\t\tplaceholder={strings.sortLabel}\n\t\t\t\t\taria-label={strings.sortLabel}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"media-library-toolbar--view-toggle ml-auto flex h-9 items-center rounded-md bg-muted p-0.5\">\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant={view === 'grid' ? 'dark' : 'secondary'}\n\t\t\t\t\tbuttonStyle={view === 'grid' ? 'solid' : 'ghost'}\n\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\tclassName={cn(view === 'grid' && 'bg-background text-foreground shadow-xs hover:bg-background')}\n\t\t\t\t\taria-label={strings.gridView}\n\t\t\t\t\tonClick={() => onViewChange('grid')}\n\t\t\t\t>\n\t\t\t\t\t<Grid2X2 className=\"size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant={view === 'table' ? 'dark' : 'secondary'}\n\t\t\t\t\tbuttonStyle={view === 'table' ? 'solid' : 'ghost'}\n\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\tclassName={cn(view === 'table' && 'bg-background text-foreground shadow-xs hover:bg-background')}\n\t\t\t\t\taria-label={strings.tableView}\n\t\t\t\t\tonClick={() => onViewChange('table')}\n\t\t\t\t>\n\t\t\t\t\t<LayoutList className=\"size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{!!query && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tonClick={onClearFilters}\n\t\t\t\t>\n\t\t\t\t\t{strings.clearFilters}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t{toolbarEnd}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryCard<TItem>({\n\titem,\n\tselected = false,\n\tdensity = 'comfortable',\n\tshowMeta = true,\n\taccessors,\n\tstrings,\n\tonToggle,\n\tonDetails,\n\tclassName,\n}: MediaLibraryCardProps<TItem>) {\n\tconst type = accessors.getType(item);\n\tconst name = accessors.getName(item);\n\tconst src = accessors.getSrc(item);\n\tconst alt = accessors.getAlt(item) || name;\n\tconst size = accessors.getSize(item);\n\tconst usageCount = accessors.getUsageCount(item);\n\tconst isPrivate = accessors.getPublic(item) === false;\n\tconst duration = accessors.getDuration(item);\n\n\treturn (\n\t\t<div\n\t\t\tdata-selected={selected || undefined}\n\t\t\tdata-density={density}\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-card--component group/card overflow-hidden rounded-xl border border-border/70 bg-card text-left shadow-xs transition-all',\n\t\t\t\t'hover:border-primary/30 hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\tselected && 'media-library-card--selected border-primary ring-1 ring-primary',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tonClick={onToggle}\n\t\t>\n\t\t\t<MediaPreview\n\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\tclassName={cn(density === 'compact' ? 'aspect-square' : 'aspect-[4/3]')}\n\t\t\t>\n\t\t\t\t<MediaPreviewImage src={src} alt={alt} type={type} className=\"size-full object-cover\" />\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'media-library-card--check absolute left-2 top-2 inline-flex size-5 items-center justify-center rounded-md border border-border bg-background/95 text-transparent opacity-0 shadow-xs backdrop-blur transition-opacity group-hover/card:opacity-100 group-focus-visible/card:opacity-100',\n\t\t\t\t\t\tselected && 'bg-primary text-primary-foreground opacity-100',\n\t\t\t\t\t)}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<Check className=\"size-3\" />\n\t\t\t\t</span>\n\t\t\t\t{!!onDetails && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\tclassName=\"media-library-card--details absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100\"\n\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.cardDetails, { name })}\n\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tonDetails();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Info className=\"size-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t{type === 'video' && !!duration && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tclassName=\"media-library-card--duration absolute bottom-2 left-2 bg-foreground text-background\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Play className=\"size-3 fill-current\" />\n\t\t\t\t\t\t{duration}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t\t{isPrivate && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tclassName=\"media-library-card--private absolute bottom-2 right-2 bg-background/90\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Lock className=\"size-3\" />\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</MediaPreview>\n\t\t\t<div className=\"media-library-card--body grid gap-1 px-3 py-2.5\">\n\t\t\t\t<Text tag=\"div\" weight=\"semibold\" size=\"xs\" className=\"truncate\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{showMeta && (\n\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{formatMediaLibrarySize(size) || strings.unknownSize}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!usageCount && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"ml-auto inline-flex items-center gap-1\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Layers3 className=\"size-3\" />\n\t\t\t\t\t\t\t\t{usageCount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryTable<TItem>({\n\titems,\n\tselectedSet,\n\taccessors,\n\tstrings,\n\tonToggle,\n\tonDetails,\n}: MediaLibraryTableProps<TItem>) {\n\treturn (\n\t\t<div\n\t\t\tclassName=\"media-library-table--component min-w-[720px]\"\n\t\t>\n\t\t\t<div className=\"sticky top-0 z-10 grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border bg-background px-3 py-2\">\n\t\t\t\t<span />\n\t\t\t\t<span />\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.name}\n\t\t\t\t</Text>\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.type}\n\t\t\t\t</Text>\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.size}\n\t\t\t\t</Text>\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.collection}\n\t\t\t\t</Text>\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.used}\n\t\t\t\t</Text>\n\t\t\t\t<span />\n\t\t\t</div>\n\t\t\t{items.map((item) => {\n\t\t\t\tconst id = accessors.getId(item);\n\t\t\t\tconst selected = selectedSet.has(id);\n\t\t\t\tconst type = accessors.getType(item);\n\t\t\t\tconst name = accessors.getName(item);\n\t\t\t\tconst src = accessors.getSrc(item);\n\t\t\t\tconst isPrivate = accessors.getPublic(item) === false;\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\tdata-selected={selected || undefined}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'media-library-table--row grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border/60 px-3 py-2 last:border-b-0',\n\t\t\t\t\t\t\t'cursor-pointer rounded-lg transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset',\n\t\t\t\t\t\t\tselected && 'bg-primary/10',\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={() => onToggle(id)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'inline-flex size-5 items-center justify-center rounded-md border border-border text-transparent',\n\t\t\t\t\t\t\t\tselected && 'border-primary bg-primary text-primary-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Check className=\"size-3\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<MediaPreview\n\t\t\t\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\t\t\t\tclassName=\"size-9 rounded-md\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t<img src={src} alt=\"\" loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{typeIcon(type, 'size-4')}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</MediaPreview>\n\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" size=\"xs\" className=\"flex min-w-0 items-center gap-1 truncate\">\n\t\t\t\t\t\t\t<span className=\"truncate\">{name}</span>\n\t\t\t\t\t\t\t{isPrivate && <Lock className=\"size-3 shrink-0 text-muted-foreground\" />}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Badge variant=\"secondary\">{typeLabel(type, strings)}</Badge>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{formatMediaLibrarySize(accessors.getSize(item)) || strings.unknownSize}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{accessors.getCollection(item) || '-'}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{accessors.getUsageCount(item) ? accessors.getUsageCount(item) : '-'}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.cardDetails, { name })}\n\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\tonDetails(id);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Info className=\"size-3.5\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryDetailPanel<TItem>({\n\titem,\n\tcollections = [],\n\taccessors,\n\tstrings,\n\tonClose,\n\tonUpdate,\n\tonRemove,\n\trenderDetail,\n}: MediaLibraryDetailPanelProps<TItem>) {\n\tif (!item) return null;\n\tconst name = accessors.getName(item);\n\tconst type = accessors.getType(item);\n\tconst src = accessors.getSrc(item);\n\tconst collection = accessors.getCollection(item) ?? collections[0]?.value ?? '';\n\tconst tags = accessors.getTags(item);\n\tconst isPublic = accessors.getPublic(item) ?? true;\n\tconst custom = renderDetail?.(item, {\n\t\taccessors,\n\t\tupdate: onUpdate,\n\t\tremove: onRemove,\n\t\tclose: onClose,\n\t});\n\tif (custom) return <>{custom}</>;\n\n\treturn (\n\t\t<aside className=\"media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background lg:w-72\">\n\t\t\t<div className=\"media-library-detail-panel--header flex items-center gap-2 border-b border-border px-3 py-2.5\">\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\taria-label={strings.detail.close}\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t>\n\t\t\t\t\t<ArrowLeft className=\"size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t\t<Text weight=\"semibold\">{strings.detail.title}</Text>\n\t\t\t</div>\n\t\t\t<div className=\"media-library-detail-panel--body grid min-h-0 gap-4 overflow-y-auto p-4\">\n\t\t\t\t<MediaPreview\n\t\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\t\tclassName=\"aspect-[4/3] rounded-lg border border-border\"\n\t\t\t\t>\n\t\t\t\t\t<MediaPreviewImage src={src} alt={accessors.getAlt(item) || name} type={type} className=\"size-full object-cover\" />\n\t\t\t\t\t{type === 'video' && !!accessors.getDuration(item) && (\n\t\t\t\t\t\t<Badge className=\"absolute bottom-2 right-2 bg-foreground text-background\">\n\t\t\t\t\t\t\t<Play className=\"size-3 fill-current\" />\n\t\t\t\t\t\t\t{accessors.getDuration(item)}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</MediaPreview>\n\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"break-words\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t<dl className=\"media-library-detail-panel--facts grid gap-2\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t[strings.detail.type, typeLabel(type, strings)],\n\t\t\t\t\t\t[strings.detail.size, formatMediaLibrarySize(accessors.getSize(item)) || strings.unknownSize],\n\t\t\t\t\t\t[strings.detail.dimensions, getMediaLibraryDimensions(item, accessors) || '-'],\n\t\t\t\t\t\t[strings.detail.uploaded, String(accessors.getUploadedAt(item) ?? '-')],\n\t\t\t\t\t\t[strings.detail.usedIn, usedInLabel(accessors.getUsageCount(item), strings)],\n\t\t\t\t\t].map(([label, value]) => (\n\t\t\t\t\t\t<div key={label} className=\"flex justify-between gap-4\">\n\t\t\t\t\t\t\t<dt>\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t<dd className=\"m-0 text-right\">\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</dl>\n\t\t\t\t<FormField label={strings.detail.altText}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={accessors.getAlt(item) ?? ''}\n\t\t\t\t\t\tplaceholder={strings.detail.altPlaceholder}\n\t\t\t\t\t\tonChange={(event) => onUpdate({ alt: event.target.value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.detail.collection}>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tvalue={collection}\n\t\t\t\t\t\toptions={collections.map((option) => ({\n\t\t\t\t\t\t\tvalue: option.value,\n\t\t\t\t\t\t\tlabel: String(option.label),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\taria-label={strings.detail.collection}\n\t\t\t\t\t\tonChange={(value) => onUpdate({ collection: value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.detail.tags}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={tags.join(', ')}\n\t\t\t\t\t\tplaceholder={strings.detail.tagsPlaceholder}\n\t\t\t\t\t\tonChange={(event) =>\n\t\t\t\t\t\t\tonUpdate({\n\t\t\t\t\t\t\t\ttags: event.target.value\n\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t.map((tag) => tag.trim())\n\t\t\t\t\t\t\t\t\t.filter(Boolean),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<div className=\"media-library-detail-panel--public flex items-center justify-between gap-4 rounded-lg border border-border bg-muted/20 p-3\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text weight=\"semibold\" size=\"xs\">\n\t\t\t\t\t\t\t{strings.detail.public}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t\t{isPublic ? strings.detail.publicHint : strings.detail.privateHint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ToggleSwitch\n\t\t\t\t\t\tchecked={isPublic}\n\t\t\t\t\t\tonCheckedChange={(checked) => onUpdate({ public: checked })}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"media-library-detail-panel--actions flex flex-wrap gap-2\">\n\t\t\t\t\t<Button type=\"button\" variant=\"secondary\" buttonStyle=\"outline\">\n\t\t\t\t\t\t<UploadCloud className=\"size-3.5\" />\n\t\t\t\t\t\t{strings.detail.replace}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Trash2 className=\"size-3.5\" />\n\t\t\t\t\t\t{strings.detail.delete}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</aside>\n\t);\n}\n\nexport function MediaLibraryUploadPanel({\n\tstagedFiles,\n\tuploadOptions,\n\tcollections = [],\n\tuploading = false,\n\tstrings,\n\tonFiles,\n\tonRemoveFile,\n\tonOptionsChange,\n\tempty,\n}: MediaLibraryUploadPanelProps) {\n\treturn (\n\t\t<div className=\"media-library-upload-panel--component grid gap-4 p-4\">\n\t\t\t<Dropzone\n\t\t\t\tonDrop={onFiles}\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tmultiple\n\t\t\t\tsize=\"base\"\n\t\t\t\tstrings={{\n\t\t\t\t\tinstruction: strings.upload.dropTitle,\n\t\t\t\t\thelper: strings.upload.dropHint,\n\t\t\t\t\tdragOver: strings.upload.dragOver,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{stagedFiles.length > 0 ? (\n\t\t\t\t<div className=\"media-library-upload-panel--staged grid gap-2\">\n\t\t\t\t\t{stagedFiles.map((file) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={file.id}\n\t\t\t\t\t\t\tclassName=\"media-library-upload-panel--staged-file flex items-center gap-3 rounded-lg border border-border bg-card p-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MediaPreview className=\"size-10 rounded-md\">\n\t\t\t\t\t\t\t\t{file.src ? (\n\t\t\t\t\t\t\t\t\t<img src={file.src} alt={file.name} className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t{typeIcon(file.type, 'size-4')}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</MediaPreview>\n\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t<div className=\"flex items-baseline gap-3\">\n\t\t\t\t\t\t\t\t\t<Text weight=\"semibold\" size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t{file.name}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"ml-auto shrink-0\">\n\t\t\t\t\t\t\t\t\t\t{formatMediaLibrarySize(file.size)}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{(file.status === 'uploading' || file.status === 'done') && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-2 h-1 overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"h-full rounded-full bg-primary transition-[width]\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: `${file.progress}%` }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{file.status === 'error' && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"error\">\n\t\t\t\t\t\t\t\t\t\t{file.error}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{file.status === 'done' ? (\n\t\t\t\t\t\t\t\t<Badge variant=\"success\">{strings.upload.done}</Badge>\n\t\t\t\t\t\t\t) : file.status === 'uploading' ? (\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{Math.round(file.progress)}%\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\tdisabled={uploading}\n\t\t\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.upload.removeFile, {\n\t\t\t\t\t\t\t\t\t\tname: file.name,\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tonClick={() => onRemoveFile(file.id)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tempty\n\t\t\t)}\n\t\t\t<div className=\"media-library-upload-panel--options grid gap-3 rounded-lg border border-border bg-muted/20 p-3 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]\">\n\t\t\t\t<FormField label={strings.upload.collection}>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tvalue={uploadOptions.collection ?? collections[0]?.value}\n\t\t\t\t\t\toptions={collections.map((option) => ({\n\t\t\t\t\t\t\tvalue: option.value,\n\t\t\t\t\t\t\tlabel: String(option.label),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\taria-label={strings.upload.collection}\n\t\t\t\t\t\tonChange={(value) => onOptionsChange({ collection: value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.upload.tags}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={uploadOptions.tags.join(', ')}\n\t\t\t\t\t\tplaceholder={strings.upload.tagsPlaceholder}\n\t\t\t\t\t\tonChange={(event) =>\n\t\t\t\t\t\t\tonOptionsChange({\n\t\t\t\t\t\t\t\ttags: event.target.value\n\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t.map((tag) => tag.trim())\n\t\t\t\t\t\t\t\t\t.filter(Boolean),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<div className=\"flex items-center justify-between gap-4 md:self-end\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text weight=\"semibold\" size=\"xs\">\n\t\t\t\t\t\t\t{strings.upload.public}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t\t{strings.upload.publicHint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ToggleSwitch\n\t\t\t\t\t\tchecked={uploadOptions.public}\n\t\t\t\t\t\tonCheckedChange={(checked) => onOptionsChange({ public: checked })}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooterSummary({\n\ttab,\n\tselectedIds,\n\tselectionMode,\n\tstagedFiles,\n\tstrings,\n\tonClearSelection,\n\tclassName,\n}: MediaLibraryFooterSummaryProps) {\n\tconst selectedCount = selectedIds.length;\n\tconst stagedSize = stagedFiles.reduce((sum, file) => sum + file.size, 0);\n\tconst stagedCount = stagedFiles.length;\n\tconst summaryClassName = cn(\n\t\t'media-library-footer-summary--component flex min-w-0 items-center gap-3',\n\t\tclassName,\n\t);\n\n\tif (tab === 'upload') {\n\t\treturn (\n\t\t\t<div className={summaryClassName} aria-live=\"polite\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t{stagedCount === 0\n\t\t\t\t\t\t? strings.footer.noFiles\n\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.stagedSummary, {\n\t\t\t\t\t\t\tcount: stagedCount,\n\t\t\t\t\t\t\tsize: formatMediaLibrarySize(stagedSize),\n\t\t\t\t\t\t})}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={summaryClassName} aria-live=\"polite\">\n\t\t\t{selectedCount > 0 ? (\n\t\t\t\t<>\n\t\t\t\t\t<Text weight=\"semibold\" size=\"xs\" className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{formatMediaLibraryString(strings.footer.selectedCount, {\n\t\t\t\t\t\t\tcount: selectedCount,\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\tonClick={onClearSelection}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.footer.clear}\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t{selectionMode === 'single' ? strings.footer.pickOne : strings.footer.pickMany}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooterActions<TItem>({\n\ttab,\n\tselectedItems,\n\tselectedIds,\n\tstagedFiles,\n\tuploading = false,\n\tstrings,\n\tconfirmLabel,\n\tcancelLabel,\n\tonCancel,\n\tonConfirm,\n\tonUpload,\n\tonCancelUpload,\n\tclassName,\n}: MediaLibraryFooterActionsProps<TItem>) {\n\tconst selectedCount = selectedIds.length;\n\tconst stagedCount = stagedFiles.length;\n\n\tif (tab === 'upload') {\n\t\treturn (\n\t\t\t<div className={cn('media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tdisabled={uploading}\n\t\t\t\t\tonClick={onCancelUpload}\n\t\t\t\t>\n\t\t\t\t\t{cancelLabel ?? strings.footer.cancel}\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdisabled={stagedCount === 0 || uploading}\n\t\t\t\t\tonClick={onUpload}\n\t\t\t\t\tloading={uploading}\n\t\t\t\t\tloadingLabels={{ loading: strings.footer.uploading }}\n\t\t\t\t>\n\t\t\t\t\t{stagedCount <= 1\n\t\t\t\t\t\t? strings.footer.upload\n\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.uploadMany, { count: stagedCount })}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tonClick={onCancel}\n\t\t\t>\n\t\t\t\t{cancelLabel ?? strings.footer.cancel}\n\t\t\t</Button>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={selectedCount === 0}\n\t\t\t\tonClick={onConfirm}\n\t\t\t>\n\t\t\t\t{confirmLabel ??\n\t\t\t\t\t(selectedCount === 0\n\t\t\t\t\t\t? strings.footer.confirmEmpty\n\t\t\t\t\t\t: selectedItems.length === 1\n\t\t\t\t\t\t\t? strings.footer.confirmOne\n\t\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.confirmMany, {\n\t\t\t\t\t\t\t\tcount: selectedCount,\n\t\t\t\t\t\t\t}))}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooter<TItem>({\n\ttab,\n\tselectedItems,\n\tselectedIds,\n\tselectionMode,\n\tstagedFiles,\n\tuploading = false,\n\tstrings,\n\tconfirmLabel,\n\tcancelLabel,\n\tonCancel,\n\tonConfirm,\n\tonClearSelection,\n\tonUpload,\n\tonCancelUpload,\n\tchrome = 'section',\n\tclassName,\n}: MediaLibraryFooterProps<TItem>) {\n\treturn (\n\t\t<footer\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-footer--component flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between',\n\t\t\t\tchrome === 'section' && 'border-t border-border bg-background px-4 py-3',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<MediaLibraryFooterSummary\n\t\t\t\ttab={tab}\n\t\t\t\tselectedIds={selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={stagedFiles}\n\t\t\t\tstrings={strings}\n\t\t\t\tonClearSelection={onClearSelection}\n\t\t\t/>\n\t\t\t<MediaLibraryFooterActions\n\t\t\t\ttab={tab}\n\t\t\t\tselectedItems={selectedItems}\n\t\t\t\tselectedIds={selectedIds}\n\t\t\t\tstagedFiles={stagedFiles}\n\t\t\t\tuploading={uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={onCancel}\n\t\t\t\tonConfirm={onConfirm}\n\t\t\t\tonUpload={onUpload}\n\t\t\t\tonCancelUpload={onCancelUpload}\n\t\t\t/>\n\t\t</footer>\n\t);\n}\n","import { ImageIcon, UploadCloud } from 'lucide-react';\nimport { createContext, useContext, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/base/buttons';\nimport { Alert, AlertDescription, AlertTitle } from '@/components/base/display/alert';\nimport { Dialog } from '@/components/features/overlays';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultMediaLibraryStrings,\n\tformatMediaLibraryString,\n} from './media-library.strings';\nimport type {\n\tMediaLibraryCollectionOption,\n\tMediaLibraryDialogProps,\n\tMediaLibraryProps,\n} from './media-library.types';\nimport { useMediaLibrary } from './hooks';\nimport {\n\tMediaLibraryCard,\n\tMediaLibraryDetailPanel,\n\tMediaLibraryEmptyState,\n\tMediaLibraryFooter,\n\tMediaLibraryFooterActions,\n\tMediaLibraryFooterSummary,\n\tMediaLibraryTable,\n\tMediaLibraryToolbar,\n\tMediaLibraryUploadPanel,\n} from './partials/media-library-partials';\n\ninterface MediaLibraryFooterPortalTarget {\n\telement: HTMLElement | null;\n}\n\nconst MediaLibraryFooterPortalContext =\n\tcreateContext<MediaLibraryFooterPortalTarget | null>(null);\n\nfunction useResolvedCollections<TItem>(\n\texplicit: readonly MediaLibraryCollectionOption[] | undefined,\n\titems: readonly TItem[],\n\tgetCollection: (item: TItem) => string | undefined,\n) {\n\treturn useMemo(() => {\n\t\tif (explicit) return explicit;\n\t\tconst seen = new Set<string>();\n\t\tfor (const item of items) {\n\t\t\tconst collection = getCollection(item);\n\t\t\tif (collection) seen.add(collection);\n\t\t}\n\t\treturn Array.from(seen).map((value) => ({ value, label: value }));\n\t}, [explicit, getCollection, items]);\n}\n\nexport function MediaLibrary<TItem = import('./media-library.types').MediaLibraryItem>({\n\ttitle,\n\tdescription,\n\tconfirmLabel,\n\tcancelLabel,\n\tselectionMode = 'multiple',\n\tdensity = 'comfortable',\n\tshowMeta = true,\n\tallowUpload = true,\n\ttypeFilters,\n\tconfirmOnSelect = false,\n\tonConfirm,\n\tonCancel,\n\tonClose,\n\tstrings: stringsProp,\n\tslots,\n\theightClassName,\n\tclassName,\n\titems,\n\tfetcher,\n\taccessors,\n\tcollections,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tonItemUpdate,\n\tonItemDelete,\n\tonUpload,\n\tonError,\n\tinitialTab,\n\tdefaultView,\n\tdefaultQuery,\n\tdefaultType,\n\tdefaultCollection,\n\tdefaultSort,\n\tdefaultUploadOptions,\n\t...props\n}: MediaLibraryProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, stringsProp);\n\tconst state = useMediaLibrary<TItem>({\n\t\titems,\n\t\tfetcher,\n\t\taccessors,\n\t\tcollections,\n\t\tselectionMode,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t\tonItemUpdate,\n\t\tonItemDelete,\n\t\tonUpload,\n\t\tonError,\n\t\tinitialTab,\n\t\tdefaultView,\n\t\tdefaultQuery,\n\t\tdefaultType,\n\t\tdefaultCollection,\n\t\tdefaultSort,\n\t\tdefaultUploadOptions,\n\t});\n\tconst resolvedCollections = useResolvedCollections(\n\t\tcollections,\n\t\tstate.items,\n\t\tstate.accessors.getCollection,\n\t);\n\tconst activeTab = allowUpload ? state.tab : 'library';\n\tconst detailItem = state.detailId\n\t\t? state.items.find((item) => state.accessors.getId(item) === state.detailId) ?? null\n\t\t: null;\n\tconst footerPortal = useContext(MediaLibraryFooterPortalContext);\n\tconst usesDefaultFooter = !slots?.footer;\n\tconst dialogSelectionSummary = footerPortal && usesDefaultFooter ? (\n\t\t<MediaLibraryFooterSummary\n\t\t\ttab={activeTab}\n\t\t\tselectedIds={state.selectedIds}\n\t\t\tselectionMode={selectionMode}\n\t\t\tstagedFiles={state.stagedFiles}\n\t\t\tstrings={strings}\n\t\t\tonClearSelection={state.clearSelection}\n\t\t\tclassName=\"media-library-dialog--selection-summary shrink-0 justify-end\"\n\t\t/>\n\t) : null;\n\tconst hasHeaderIdentity = Boolean(title || description || slots?.headerStart);\n\tconst hasHeaderControls = Boolean(allowUpload || slots?.headerEnd || dialogSelectionSummary);\n\tconst hasHeader = hasHeaderIdentity || hasHeaderControls;\n\n\tconst confirm = () => {\n\t\tonConfirm?.(state.selectedItems, state.selectedIds);\n\t\tonClose?.();\n\t};\n\tconst cancel = () => {\n\t\tonCancel?.();\n\t\tonClose?.();\n\t};\n\tconst confirmItem = (item: TItem) => {\n\t\tconst id = state.accessors.getId(item);\n\t\tstate.toggleSelection(id);\n\t\tif (confirmOnSelect) {\n\t\t\tonConfirm?.([item], [id]);\n\t\t\tonClose?.();\n\t\t}\n\t};\n\tconst countLabel =\n\t\tstate.filteredCount === state.totalCount\n\t\t\t? formatMediaLibraryString(strings.countAll, { count: state.totalCount })\n\t\t\t: formatMediaLibraryString(strings.countFiltered, {\n\t\t\t\tcount: state.filteredCount,\n\t\t\t\ttotal: state.totalCount,\n\t\t\t});\n\tconst footer = slots?.footer ?? (\n\t\tfooterPortal ? (\n\t\t\t<MediaLibraryFooterActions\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedItems={state.selectedItems}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tuploading={state.uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={cancel}\n\t\t\t\tonConfirm={confirm}\n\t\t\t\tonUpload={state.startUpload}\n\t\t\t\tonCancelUpload={() => {\n\t\t\t\t\tstate.clearStagedFiles();\n\t\t\t\t\tstate.setTab('library');\n\t\t\t\t}}\n\t\t\t\tclassName=\"ml-auto\"\n\t\t\t/>\n\t\t) : (\n\t\t\t<MediaLibraryFooter\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedItems={state.selectedItems}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tuploading={state.uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={cancel}\n\t\t\t\tonConfirm={confirm}\n\t\t\t\tonClearSelection={state.clearSelection}\n\t\t\t\tonUpload={state.startUpload}\n\t\t\t\tonCancelUpload={() => {\n\t\t\t\t\tstate.clearStagedFiles();\n\t\t\t\t\tstate.setTab('library');\n\t\t\t\t}}\n\t\t\t/>\n\t\t)\n\t);\n\n\treturn (\n\t\t<section\n\t\t\tclassName={cn(\n\t\t\t\t'media-library--component flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background',\n\t\t\t\theightClassName ?? 'h-[min(760px,calc(100vh-7rem))]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader && (\n\t\t\t\t<header className=\"media-library--header flex flex-col gap-3 border-b border-border px-4 py-3 lg:flex-row lg:items-center lg:justify-between\">\n\t\t\t\t\t{hasHeaderIdentity && (\n\t\t\t\t\t\t<div className=\"flex min-w-0 items-start gap-3\">\n\t\t\t\t\t\t\t{slots?.headerStart}\n\t\t\t\t\t\t\t{(title || description) && (\n\t\t\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{hasHeaderControls && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'flex min-w-0 flex-wrap items-center gap-2',\n\t\t\t\t\t\t\t\tdialogSelectionSummary ? 'flex-1 justify-between' : 'lg:justify-end',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t\t\t\t{allowUpload && (\n\t\t\t\t\t\t\t\t\t<div className=\"media-library--tabs flex items-center rounded-md bg-muted p-0.5\" role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\taria-selected={activeTab === 'library'}\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-8 rounded-sm px-3 shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\tactiveTab === 'library'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-background text-foreground shadow-xs hover:bg-background'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => state.setTab('library')}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ImageIcon className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t{strings.tabs.library}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\taria-selected={activeTab === 'upload'}\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-8 rounded-sm px-3 shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\tactiveTab === 'upload'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-background text-foreground shadow-xs hover:bg-background'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => state.setTab('upload')}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<UploadCloud className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t{strings.tabs.upload}\n\t\t\t\t\t\t\t\t\t\t\t{state.stagedFiles.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"rounded-full bg-background/20 px-1.5 text-xxs tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{state.stagedFiles.length}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{slots?.headerEnd}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{dialogSelectionSummary}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t<div className=\"media-library--body flex min-h-0 flex-1\">\n\t\t\t\t{activeTab === 'upload' ? (\n\t\t\t\t\t<div className=\"min-w-0 flex-1 overflow-y-auto\">\n\t\t\t\t\t\t<MediaLibraryUploadPanel\n\t\t\t\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\t\t\t\tuploadOptions={state.uploadOptions}\n\t\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\t\tuploading={state.uploading}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\tonFiles={state.addFiles}\n\t\t\t\t\t\t\tonRemoveFile={state.removeStagedFile}\n\t\t\t\t\t\t\tonOptionsChange={state.updateUploadOptions}\n\t\t\t\t\t\t\tempty={slots?.uploadEmpty}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'media-library--library min-w-0 flex-1 flex-col',\n\t\t\t\t\t\t\tdetailItem ? 'hidden lg:flex' : 'flex',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"media-library--toolbar border-b border-border/70 px-4 py-3\">\n\t\t\t\t\t\t\t<MediaLibraryToolbar\n\t\t\t\t\t\t\t\tquery={state.query}\n\t\t\t\t\t\t\t\ttype={state.type}\n\t\t\t\t\t\t\t\ttypeFilters={typeFilters}\n\t\t\t\t\t\t\t\tcollection={state.collection}\n\t\t\t\t\t\t\t\tsort={state.sort}\n\t\t\t\t\t\t\t\tview={state.view}\n\t\t\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\tonQueryChange={state.setQuery}\n\t\t\t\t\t\t\t\tonTypeChange={state.setType}\n\t\t\t\t\t\t\t\tonCollectionChange={state.setCollection}\n\t\t\t\t\t\t\t\tonSortChange={state.setSort}\n\t\t\t\t\t\t\t\tonViewChange={state.setView}\n\t\t\t\t\t\t\t\tonClearFilters={state.clearFilters}\n\t\t\t\t\t\t\t\ttoolbarEnd={slots?.toolbarEnd}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-2\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t{countLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"media-library--results min-h-0 flex-1 overflow-y-auto p-4\">\n\t\t\t\t\t\t\t{state.loading ? (\n\t\t\t\t\t\t\t\tslots?.loading ?? (\n\t\t\t\t\t\t\t\t\t<div className=\"flex min-h-64 items-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t<Text type=\"secondary\">{strings.loading}</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : state.error ? (\n\t\t\t\t\t\t\t\tslots?.error ?? (\n\t\t\t\t\t\t\t\t\t<Alert variant=\"destructive\">\n\t\t\t\t\t\t\t\t\t\t<AlertTitle>{strings.errorTitle}</AlertTitle>\n\t\t\t\t\t\t\t\t\t\t<AlertDescription>{strings.errorDescription}</AlertDescription>\n\t\t\t\t\t\t\t\t\t</Alert>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : state.visibleItems.length === 0 ? (\n\t\t\t\t\t\t\t\tslots?.empty ?? (\n\t\t\t\t\t\t\t\t\t<MediaLibraryEmptyState\n\t\t\t\t\t\t\t\t\t\ttitle={state.hasFilters ? strings.emptyFilteredTitle : strings.emptyLibraryTitle}\n\t\t\t\t\t\t\t\t\t\tdescription={state.hasFilters ? strings.emptyFilteredDescription : strings.emptyLibraryDescription}\n\t\t\t\t\t\t\t\t\t\taction={\n\t\t\t\t\t\t\t\t\t\t\tstate.hasFilters ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={state.clearFilters}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.clearFilters}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : allowUpload ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button type=\"button\" onClick={() => state.setTab('upload')}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<UploadCloud className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.uploadMedia}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : state.view === 'table' ? (\n\t\t\t\t\t\t\t\t<div className=\"overflow-x-auto\">\n\t\t\t\t\t\t\t\t\t<MediaLibraryTable\n\t\t\t\t\t\t\t\t\t\titems={state.visibleItems}\n\t\t\t\t\t\t\t\t\t\tselectedSet={state.selectedSet}\n\t\t\t\t\t\t\t\t\t\tselectionMode={selectionMode}\n\t\t\t\t\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\t\tonToggle={(id) => {\n\t\t\t\t\t\t\t\t\t\t\tconst item = state.items.find((candidate) => state.accessors.getId(candidate) === id);\n\t\t\t\t\t\t\t\t\t\t\tif (item) confirmItem(item);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonDetails={state.setDetailId}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-library--grid grid gap-3',\n\t\t\t\t\t\t\t\t\t\tdensity === 'compact'\n\t\t\t\t\t\t\t\t\t\t\t? 'grid-cols-[repeat(auto-fill,minmax(136px,1fr))]'\n\t\t\t\t\t\t\t\t\t\t\t: 'grid-cols-[repeat(auto-fill,minmax(168px,1fr))]',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{state.visibleItems.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst id = state.accessors.getId(item);\n\t\t\t\t\t\t\t\t\t\tconst ctx = {\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tselected: state.selectedSet.has(id),\n\t\t\t\t\t\t\t\t\t\t\tselectionMode,\n\t\t\t\t\t\t\t\t\t\t\taccessors: state.accessors,\n\t\t\t\t\t\t\t\t\t\t\ttoggle: () => confirmItem(item),\n\t\t\t\t\t\t\t\t\t\t\topenDetails: () => state.setDetailId(id),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tconst rendered = slots?.renderItem?.(item, ctx);\n\t\t\t\t\t\t\t\t\t\treturn rendered ? (\n\t\t\t\t\t\t\t\t\t\t\t<div key={id}>{rendered}</div>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<MediaLibraryCard\n\t\t\t\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={ctx.selected}\n\t\t\t\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\t\t\t\tshowMeta={showMeta}\n\t\t\t\t\t\t\t\t\t\t\t\tselectionMode={selectionMode}\n\t\t\t\t\t\t\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\t\t\t\tonToggle={ctx.toggle}\n\t\t\t\t\t\t\t\t\t\t\t\tonDetails={ctx.openDetails}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{activeTab === 'library' && (\n\t\t\t\t\t<MediaLibraryDetailPanel\n\t\t\t\t\t\titem={detailItem}\n\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\tonClose={() => state.setDetailId(null)}\n\t\t\t\t\t\tonUpdate={(patch) => detailItem && state.updateItem(detailItem, patch)}\n\t\t\t\t\t\tonRemove={() => {\n\t\t\t\t\t\t\tif (!detailItem) return;\n\t\t\t\t\t\t\tstate.removeItem(detailItem);\n\t\t\t\t\t\t\tstate.setDetailId(null);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\trenderDetail={slots?.renderDetail}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{footerPortal ? (\n\t\t\t\tfooterPortal.element ? createPortal(footer, footerPortal.element) : null\n\t\t\t) : (\n\t\t\t\tfooter\n\t\t\t)}\n\t\t</section>\n\t);\n}\n\nexport function MediaLibraryDialog<TItem = import('./media-library.types').MediaLibraryItem>({\n\topen,\n\tonOpenChange,\n\ttrigger,\n\tdialogTitle,\n\tdialogDescription,\n\tonClose,\n\tclassName,\n\tdialogClassName,\n\tcontentClassName,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = true,\n\t...props\n}: MediaLibraryDialogProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, props.strings);\n\tconst [internalOpen, setInternalOpen] = useState(false);\n\tconst [footerElement, setFooterElement] = useState<HTMLDivElement | null>(null);\n\tconst isOpenControlled = open !== undefined;\n\tconst resolvedOpen = isOpenControlled ? open : internalOpen;\n\tconst handleOpenChange = (nextOpen: boolean) => {\n\t\tif (!isOpenControlled) setInternalOpen(nextOpen);\n\t\tonOpenChange?.(nextOpen);\n\t};\n\tconst closeMediaLibrary = () => {\n\t\thandleOpenChange(false);\n\t\tonClose?.();\n\t};\n\n\treturn (\n\t\t<MediaLibraryFooterPortalContext.Provider value={{ element: footerElement }}>\n\t\t\t<Dialog\n\t\t\t\topen={resolvedOpen}\n\t\t\t\tonOpenChange={handleOpenChange}\n\t\t\t\tonClose={onClose}\n\t\t\t\ttrigger={trigger}\n\t\t\t\ttitle={dialogTitle ?? strings.title}\n\t\t\t\tdescription={dialogDescription ?? strings.description}\n\t\t\t\tsize=\"full\"\n\t\t\t\tshowCancel={false}\n\t\t\t\tshowConfirm={false}\n\t\t\t\tfooter={<div ref={setFooterElement} className=\"media-library-dialog--footer\" />}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))]',\n\t\t\t\t\tdialogClassName,\n\t\t\t\t)}\n\t\t\t\tcontentClassName={cn('media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0', contentClassName)}\n\t\t\t\tcloseOnBackdropClick={closeOnBackdropClick}\n\t\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\t>\n\t\t\t\t<MediaLibrary\n\t\t\t\t\t{...(props as MediaLibraryProps<TItem>)}\n\t\t\t\t\tonClose={closeMediaLibrary}\n\t\t\t\t\tclassName={cn('media-library-dialog--library rounded-none border-0', className)}\n\t\t\t\t\theightClassName={props.heightClassName ?? 'min-h-0 flex-1'}\n\t\t\t\t\tstrings={props.strings}\n\t\t\t\t/>\n\t\t\t</Dialog>\n\t\t</MediaLibraryFooterPortalContext.Provider>\n\t);\n}\n","import {\n\tArrowLeft,\n\tArrowRight,\n\tFile,\n\tImagePlus,\n\tLock,\n\tPlay,\n\tPlus,\n\tStar,\n\tTrash2,\n\tX,\n} from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultMediaLibraryStrings,\n\tformatMediaLibraryString,\n} from './media-library.strings';\nimport type {\n\tMediaResourceGalleryItemRenderContext,\n\tMediaResourceGalleryProps,\n} from './media-library.types';\nimport {\n\tformatMediaLibrarySize,\n\tresolveMediaLibraryAccessors,\n} from './hooks';\nimport { MediaLibraryEmptyState } from './partials';\n\nfunction moveItem<TItem>(items: readonly TItem[], from: number, to: number) {\n\tconst next = items.slice();\n\tconst [item] = next.splice(from, 1);\n\tif (item === undefined) return next;\n\tnext.splice(to, 0, item);\n\treturn next;\n}\n\nexport function MediaResourceGallery<TItem = import('./media-library.types').MediaLibraryItem>({\n\titems,\n\taccessors: accessorsProp,\n\ttitle,\n\tdescription,\n\tprimaryId,\n\tonPrimaryChange,\n\tonRemove,\n\tonReorder,\n\tonAdd,\n\tmaxItems,\n\tlayout = 'field',\n\tdensity = 'comfortable',\n\treadOnly = false,\n\tempty,\n\taction,\n\trenderItem,\n\tstrings: stringsProp,\n\tclassName,\n\t...props\n}: MediaResourceGalleryProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, stringsProp);\n\tconst accessors = resolveMediaLibraryAccessors(accessorsProp);\n\tconst total = items.length;\n\tconst resolvedPrimaryId = primaryId ?? (total > 0 ? accessors.getId(items[0] as TItem) : undefined);\n\tconst canAdd = !readOnly && Boolean(onAdd) && (maxItems === undefined || total < maxItems);\n\tconst defaultAction = canAdd && (layout === 'field' || total > 0) ? (\n\t\t<Button type=\"button\" variant=\"secondary\" buttonStyle=\"outline\" icon={Plus} onClick={onAdd}>\n\t\t\t{strings.gallery.add}\n\t\t</Button>\n\t) : maxItems !== undefined && total >= maxItems ? (\n\t\t<Badge variant=\"secondary\">{strings.gallery.maxReached}</Badge>\n\t) : null;\n\n\tconst move = (from: number, to: number) => {\n\t\tif (to < 0 || to >= total || from === to) return;\n\t\tconst nextItems = moveItem(items, from, to);\n\t\tonReorder?.(nextItems.map((item) => accessors.getId(item)), nextItems);\n\t};\n\n\tconst hasHeader = Boolean(title || description || action || defaultAction);\n\tconst shouldShowEmptyState = total === 0 && layout !== 'field';\n\n\tconst renderAddTile = () => {\n\t\tif (!canAdd || layout !== 'field') return null;\n\t\treturn (\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'media-resource-gallery--add-tile h-auto min-h-24 w-full flex-col rounded-lg border border-dashed border-border bg-background text-muted-foreground shadow-none',\n\t\t\t\t\t'aspect-square hover:border-primary/50 hover:bg-primary/5 hover:text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t)}\n\t\t\t\taria-label={strings.gallery.addTile}\n\t\t\t\tonClick={onAdd}\n\t\t\t>\n\t\t\t\t<Plus className=\"size-4\" />\n\t\t\t\t<span className=\"sr-only\">{strings.gallery.addTile}</span>\n\t\t\t</Button>\n\t\t);\n\t};\n\n\treturn (\n\t\t<section\n\t\t\tclassName={cn(\n\t\t\t\t'media-resource-gallery--component rounded-lg border border-border bg-card shadow-xs',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-layout={layout}\n\t\t\tdata-density={density}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader && (\n\t\t\t\t<header className=\"media-resource-gallery--header flex flex-col gap-3 px-4 py-3 sm:flex-row sm:items-start sm:justify-between\">\n\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"media-resource-gallery--actions flex flex-wrap items-center gap-2\">\n\t\t\t\t\t\t{action ?? defaultAction}\n\t\t\t\t\t</div>\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t{shouldShowEmptyState ? (\n\t\t\t\t<div className=\"media-resource-gallery--empty p-4 pt-0\">\n\t\t\t\t\t{empty ?? (\n\t\t\t\t\t\t<MediaLibraryEmptyState\n\t\t\t\t\t\t\ttitle={strings.gallery.emptyTitle}\n\t\t\t\t\t\t\tdescription={strings.gallery.emptyDescription}\n\t\t\t\t\t\t\taction={canAdd ? (\n\t\t\t\t\t\t\t\t<Button type=\"button\" icon={ImagePlus} onClick={onAdd}>\n\t\t\t\t\t\t\t\t\t{strings.gallery.add}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'media-resource-gallery--items p-4',\n\t\t\t\t\t\thasHeader && 'pt-0',\n\t\t\t\t\t\tlayout === 'list'\n\t\t\t\t\t\t\t? 'grid gap-2'\n\t\t\t\t\t\t\t: layout === 'field'\n\t\t\t\t\t\t\t\t? 'grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-3 sm:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]'\n\t\t\t\t\t\t\t\t: density === 'compact'\n\t\t\t\t\t\t\t\t\t? 'grid grid-cols-[repeat(auto-fill,minmax(132px,1fr))] gap-3'\n\t\t\t\t\t\t\t\t\t: 'grid grid-cols-[repeat(auto-fill,minmax(164px,1fr))] gap-3',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\t\tconst id = accessors.getId(item);\n\t\t\t\t\t\tconst name = accessors.getName(item);\n\t\t\t\t\t\tconst type = accessors.getType(item);\n\t\t\t\t\t\tconst src = accessors.getSrc(item);\n\t\t\t\t\t\tconst alt = accessors.getAlt(item) || name;\n\t\t\t\t\t\tconst isPrimary = id === resolvedPrimaryId;\n\t\t\t\t\t\tconst isPrivate = accessors.getPublic(item) === false;\n\t\t\t\t\t\tconst duration = accessors.getDuration(item);\n\t\t\t\t\t\tconst canMovePrevious = index > 0;\n\t\t\t\t\t\tconst canMoveNext = index < total - 1;\n\t\t\t\t\t\tconst ctx: MediaResourceGalleryItemRenderContext<TItem> = {\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\tprimary: isPrimary,\n\t\t\t\t\t\t\taccessors,\n\t\t\t\t\t\t\tcanMovePrevious,\n\t\t\t\t\t\t\tcanMoveNext,\n\t\t\t\t\t\t\tsetPrimary: () => onPrimaryChange?.(id, item),\n\t\t\t\t\t\t\tremove: () => onRemove?.(id, item),\n\t\t\t\t\t\t\tmovePrevious: () => move(index, index - 1),\n\t\t\t\t\t\t\tmoveNext: () => move(index, index + 1),\n\t\t\t\t\t\t};\n\t\t\t\t\t\tconst rendered = renderItem?.(item, ctx);\n\t\t\t\t\t\tif (rendered) {\n\t\t\t\t\t\t\treturn <div key={id}>{rendered}</div>;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (layout === 'field') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-lg border border-border bg-background shadow-xs',\n\t\t\t\t\t\t\t\t\t\t'transition-colors hover:border-primary/40 focus-within:border-primary/50',\n\t\t\t\t\t\t\t\t\t\tisPrimary && 'col-span-2 row-span-2 min-h-52',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center bg-muted text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t<File className={isPrimary ? 'size-7' : 'size-5'} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isPrimary && (\n\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"absolute left-2 top-2 bg-background/90 shadow-xs\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{strings.gallery.cover}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{type === 'video' && !!duration && (\n\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"absolute bottom-2 left-2 bg-foreground text-background\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Play className=\"size-3 fill-current\" />\n\t\t\t\t\t\t\t\t\t\t\t{duration}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isPrivate && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"absolute bottom-2 right-2 inline-flex size-6 items-center justify-center rounded-full border border-border bg-background/90 text-muted-foreground shadow-xs\">\n\t\t\t\t\t\t\t\t\t\t\t<Lock className=\"size-3\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100\"\n\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (layout === 'list') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tclassName=\"media-resource-gallery--item flex min-w-0 items-center gap-3 rounded-lg border border-border bg-background p-2\"\n\t\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"relative size-12 shrink-0 overflow-hidden rounded-md bg-muted\">\n\t\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t<File className=\"size-4\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t{isPrimary && <Badge variant=\"info\">{strings.gallery.primary}</Badge>}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibraryString(strings.gallery.itemPosition, {\n\t\t\t\t\t\t\t\t\t\t\t\tindex: index + 1,\n\t\t\t\t\t\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t{' · '}\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibrarySize(accessors.getSize(item)) || strings.unknownSize}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex shrink-0 items-center gap-1\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.setPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onPrimaryChange?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Star className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMovePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.movePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index - 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowLeft className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMoveNext}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.moveNext}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index + 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\tclassName=\"media-resource-gallery--item group/gallery overflow-hidden rounded-lg border border-border bg-background shadow-xs transition-colors hover:border-primary/40\"\n\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"relative aspect-[4/3] bg-muted\">\n\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t<File className=\"size-6\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className=\"absolute left-2 top-2 flex flex-wrap gap-1\">\n\t\t\t\t\t\t\t\t\t\t{isPrimary && <Badge variant=\"info\">{strings.gallery.primary}</Badge>}\n\t\t\t\t\t\t\t\t\t\t<Badge variant=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibraryString(strings.gallery.itemPosition, {\n\t\t\t\t\t\t\t\t\t\t\t\tindex: index + 1,\n\t\t\t\t\t\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"media-resource-gallery--item-body grid gap-2 p-3\">\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibrarySize(accessors.getSize(item)) || strings.unknownSize}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.setPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onPrimaryChange?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Star className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMovePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.movePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index - 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowLeft className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMoveNext}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.moveNext}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index + 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{renderAddTile()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAsHA,IAAa,IAAkD;CAC9D,OAAO;CACP,aAAa;CACb,OAAO;CACP,MAAM;EACL,SAAS;EACT,QAAQ;CACT;CACA,mBAAmB;CACnB,aAAa;CACb,iBAAiB;CACjB,uBAAuB;CACvB,WAAW;CACX,WAAW;CACX,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,gBAAgB;CAChB,YAAY;CACZ,UAAU;CACV,UAAU;CACV,WAAW;CACX,UAAU;CACV,WAAW;CACX,UAAU;CACV,eAAe;CACf,mBAAmB;CACnB,yBAAyB;CACzB,oBAAoB;CACpB,0BAA0B;CAC1B,cAAc;CACd,aAAa;CACb,SAAS;CACT,YAAY;CACZ,kBAAkB;CAClB,aAAa;CACb,cAAc;CACd,aAAa;CACb,WAAW;CACX,WAAW;CACX,UAAU;CACV,aAAa;CACb,SAAS;CACT,QAAQ;CACR,OAAO;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,YAAY;EACZ,MAAM;CACP;CACA,QAAQ;EACP,OAAO;EACP,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,MAAM;EACN,iBAAiB;EACjB,QAAQ;EACR,YAAY;EACZ,aAAa;EACb,MAAM;EACN,MAAM;EACN,YAAY;EACZ,UAAU;EACV,QAAQ;EACR,SAAS;EACT,QAAQ;EACR,OAAO;CACR;CACA,QAAQ;EACP,WAAW;EACX,UAAU;EACV,UAAU;EACV,YAAY;EACZ,MAAM;EACN,iBAAiB;EACjB,QAAQ;EACR,YAAY;EACZ,SAAS;EACT,aAAa;EACb,YAAY;EACZ,WAAW;EACX,MAAM;CACP;CACA,QAAQ;EACP,SAAS;EACT,UAAU;EACV,eAAe;EACf,OAAO;EACP,QAAQ;EACR,cAAc;EACd,YAAY;EACZ,aAAa;EACb,SAAS;EACT,eAAe;EACf,QAAQ;EACR,YAAY;EACZ,WAAW;CACZ;CACA,SAAS;EACR,YAAY;EACZ,kBAAkB;EAClB,KAAK;EACL,SAAS;EACT,SAAS;EACT,OAAO;EACP,SAAS;EACT,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,UAAU;EACV,cAAc;EACd,YAAY;CACb;AACD;AAEA,SAAgB,EACf,GACA,GACS;CACT,OAAO,EACL,QACA,0DACC,GAAG,GAAa,GAAa,MAC7B,OAAO,EAAO,EAAI,MAAM,IAAI,IAAM,CACpC,EACC,QAAQ,eAAe,GAAG,MAAgB,OAAO,EAAO,MAAQ,EAAE,CAAC;AACtE;;;ACvOA,IAAM,KAAoD;CACzD,YAAY,KAAA;CACZ,MAAM,CAAC;CACP,QAAQ;AACT,GACM,KAAkC,CAAC,GAEnC,KAAoE;CACzE,QAAQ,MAAS,EAAK;CACtB,UAAU,MAAS,EAAK;CACxB,UAAU,MAAS,EAAK;CACxB,SAAS,MAAS,EAAK;CACvB,SAAS,MAAS,EAAK;CACvB,UAAU,MAAS,EAAK;CACxB,WAAW,MAAS,EAAK;CACzB,YAAY,MAAS,EAAK;CAC1B,cAAc,MAAS,EAAK;CAC5B,gBAAgB,MAAS,EAAK;CAC9B,UAAU,MAAS,EAAK,QAAQ,CAAC;CACjC,YAAY,MAAS,EAAK;CAC1B,gBAAgB,MAAS,EAAK;CAC9B,gBAAgB,MAAS,EAAK;CAC9B,UAAU,MAAS,EAAK;CACxB,cAAc,MAAS,EAAK;AAC7B;AAEA,SAAgB,GACf,GACuC;CACvC,OAAO;EACN,GAAI;EACJ,GAAI,KAAa,CAAC;CACnB;AACD;AAEA,SAAgB,EAAuB,GAAwB;CAG9D,OAFI,CAAC,KAAS,KAAS,IAAU,KAC7B,KAAS,UAAgB,IAAI,IAAQ,SAAS,QAAQ,CAAC,EAAE,OACtD,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,IAAQ,IAAI,CAAC,EAAE;AACjD;AAEA,SAAgB,EACf,GACA,GACS;CACT,IAAM,IAAQ,EAAU,SAAS,CAAI,GAC/B,IAAS,EAAU,UAAU,CAAI;CAEvC,OADI,CAAC,KAAS,CAAC,IAAe,KACvB,GAAG,EAAM,KAAK;AACtB;AAEA,SAAS,EACR,GACA,GACC;CACD,IAAM,IAAQ,EAAU,cAAc,CAAI;CAC1C,IAAI,CAAC,GAAO,OAAO;CAEnB,IAAM,KADO,aAAiB,OAAO,IAAQ,IAAI,KAAK,CAAK,GACzC,QAAQ;CAC1B,OAAO,OAAO,SAAS,CAAI,IAAI,IAAO;AACvC;AAEA,SAAS,GAAc,GAAkC;CAGxD,OAFI,EAAK,KAAK,WAAW,QAAQ,IAAU,UACvC,EAAK,KAAK,WAAW,QAAQ,IAAU,UACpC;AACR;AAEA,SAAS,EAAiB,GAAgC;CACpD,MAAK,KAAK,WAAW,QAAQ,KAC9B,SAAO,MAAQ,OAAe,OAAO,IAAI,mBAAoB,aAGjE,OAAO,IAAI,gBAAgB,CAAI;AAChC;AAEA,SAAS,EAAiB,GAAyB;CAC9C,CAAC,KAAO,OAAO,MAAQ,OAAe,OAAO,IAAI,mBAAoB,cAGzE,IAAI,gBAAgB,CAAG;AACxB;AAEA,SAAS,EACR,GACiC;CAEjC,OADI,MAAM,QAAQ,CAAM,IAAU;EAAE,OAAO;EAAQ,OAAO,EAAO;CAAO,IACjE;AACR;AAEA,SAAS,GAAkB,GAAa,GAAsC;CAK7E,OAJK,KACD,OAAO,KAAS,YAAY,IACxB;EAAE,GAAI;EAAiB,GAAG;CAAM,IAEjC;AACR;AAEA,SAAS,GACR,GACA,GACA,GACA,GACA,GACC;CACD,IAAM,IAAkB,EAAM,KAAK,EAAE,YAAY;CACjD,OAAO,EAAM,QAAQ,MAChB,MAAS,SAAS,EAAU,QAAQ,CAAI,MAAM,KAC9C,MAAe,SAAS,EAAU,cAAc,CAAI,MAAM,IAAmB,KAC5E,IAEY;EAChB,EAAU,QAAQ,CAAI;EACtB,EAAU,OAAO,CAAI;EACrB,EAAU,cAAc,CAAI;EAC5B,GAAG,EAAU,QAAQ,CAAI;CAC1B,EACE,OAAO,OAAO,EACd,KAAK,GAAG,EACR,YACK,EAAS,SAAS,CAAe,IAXX,EAY7B;AACF;AAEA,SAAS,GACR,GACA,GACA,GACC;CACD,IAAM,IAAS,EAAM,MAAM;CAY3B,OAXI,MAAS,SACZ,EAAO,MAAM,GAAG,MAAM,EAAU,QAAQ,CAAC,EAAE,cAAc,EAAU,QAAQ,CAAC,CAAC,CAAC,IACpE,MAAS,SACnB,EAAO,MAAM,GAAG,OAAO,EAAU,QAAQ,CAAC,KAAK,MAAM,EAAU,QAAQ,CAAC,KAAK,EAAE,IACrE,MAAS,UACnB,EAAO,MACL,GAAG,OAAO,EAAU,cAAc,CAAC,KAAK,MAAM,EAAU,cAAc,CAAC,KAAK,EAC9E,IAEA,EAAO,MAAM,GAAG,MAAM,EAAgB,GAAG,CAAS,IAAI,EAAgB,GAAG,CAAS,CAAC,GAE7E;AACR;AAEA,SAAgB,GAA0C,EACzD,OAAO,IAAY,IACnB,YACA,WAAW,GACX,mBAAgB,YAChB,UACA,kBAAe,CAAC,GAChB,kBACA,iBACA,iBACA,aACA,YACA,gBAAa,WACb,iBAAc,QACd,kBAAe,IACf,iBAAc,OACd,uBAAoB,OACpB,iBAAc,UACd,4BACkC,CAAC,GAA6B;CAChE,IAAM,IAAY,QACX,GAA6B,CAAa,GAChD,CAAC,CAAa,CACf,GACM,CAAC,GAAK,KAAU,EAAS,CAAU,GACnC,CAAC,IAAM,KAAW,EAAS,CAAW,GACtC,CAAC,GAAO,KAAY,EAAS,CAAY,GACzC,CAAC,GAAM,KAAW,EAAS,CAAW,GACtC,CAAC,GAAY,MAAiB,EAAS,CAAiB,GACxD,CAAC,GAAM,MAAW,EAAS,CAAW,GACtC,CAAC,IAAU,KAAe,EAAwB,IAAI,GACtD,CAAC,IAAe,MAAoB,QAAyB,CAAC,GAAG,CAAY,CAAC,GAC9E,CAAC,GAAc,KAAmB,EAAkB,CAAC,CAAC,GACtD,CAAC,IAAc,MAAmB,EAA6B,GAC/D,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,IAAO,KAAY,EAAkB,IAAI,GAC1C,CAAC,GAAc,KAAmB,EAAkB,CAAC,CAAC,GACtD,CAAC,IAAY,KAAiB,wBAA4B,IAAI,IAAI,CAAC,GACnE,CAAC,IAAa,MAAkB,EAAgD,CAAC,CAAC,GAClF,CAAC,GAAa,KAAkB,EAAmC,CAAC,CAAC,GACrE,CAAC,GAAW,MAAgB,EAAS,EAAK,GAC1C,CAAC,IAAe,MAAoB,EAAoC;EAC7E,GAAG;EACH,GAAG;EACH,MAAM,GAAsB,QAAQ,GAAuB;CAC5D,CAAC,GACK,IAAwB,MAAU,KAAA,GAClC,IAAc,QACZ,IAAwB,CAAC,GAAI,KAAS,CAAC,CAAE,IAAI,IACpD;EAAC;EAAe;EAAuB;CAAK,CAC7C,GACM,IAAc,QAAc,IAAI,IAAI,CAAW,GAAG,CAAC,CAAW,CAAC,GAC/D,IAAe,kBAAoB,IAAI,IAAI,CAAC;CA+BlD,AA7BA,QAAgB;EACf,IAAI,CAAC,GAAS;EACd,IAAM,IAAa,IAAI,gBAAgB;EAwBvC,OAvBA,EAAW,EAAI,GACf,EAAS,IAAI,GACb,EAAQ;GACP;GACA;GACA,YAAY,MAAe,QAAQ,KAAA,IAAY;GAC/C;GACA,QAAQ,EAAW;EACpB,CAAC,EACC,MAAM,MAAW;GACjB,IAAI,EAAW,OAAO,SAAS;GAC/B,IAAM,IAAa,EAAqB,CAAM;GAE9C,AADA,EAAgB,EAAW,KAAK,GAChC,GAAgB,EAAW,KAAK;EACjC,CAAC,EACA,OAAO,MAAc;GACjB,EAAW,OAAO,YACtB,EAAS,CAAS,GAClB,IAAU,CAAS;EACpB,CAAC,EACA,cAAc;GACd,AAAK,EAAW,OAAO,WAAS,EAAW,EAAK;EACjD,CAAC,SACW,EAAW,MAAM;CAC/B,GAAG;EAAC;EAAY;EAAS;EAAS;EAAO;EAAM;CAAI,CAAC,GAEpD,QAAgB;EACf,IAAM,IAAa,EAAa;EAChC,aAAa;GACZ,KAAK,IAAM,KAAO,GAAY,EAAiB,CAAG;GAClD,EAAW,MAAM;EAClB;CACD,GAAG,CAAC,CAAC;CAEL,IAAM,KAAc,QACZ,IAAU,IAAe,CAAC,GAAG,GAAc,GAAG,CAAS,GAC9D;EAAC;EAAc;EAAc;EAAS;CAAS,CAChD,GACM,IAAe,QAEnB,GACE,QAAQ,MAAS,CAAC,GAAW,IAAI,EAAU,MAAM,CAAI,CAAC,CAAC,EACvD,KAAK,MAAS,GAAW,GAAM,GAAY,EAAU,MAAM,CAAI,EAAE,CAAC,GACrE;EAAC;EAAW;EAAa;EAAY;CAAW,CACjD,GACM,KAAe,QAAc;EAClC,IAAM,IAAW,IACd,IACA,GAAY,GAAc,GAAW,GAAO,GAAM,CAAU;EAC/D,OAAO,IAAU,IAAW,GAAU,GAAU,GAAW,CAAI;CAChE,GAAG;EAAC;EAAW;EAAY;EAAS;EAAc;EAAO;EAAM;CAAI,CAAC,GAC9D,KAAa,MAAgB,EAAa,QAC1C,KAAgB,GAAa,QAC7B,KAAgB,QACf,EAAa,QAAQ,MAAS,EAAY,IAAI,EAAU,MAAM,CAAI,CAAC,CAAC,GAC1E;EAAC;EAAW;EAAc;CAAW,CACtC,GACM,KAAa,EAAQ,EAAM,KAAK,KAAM,MAAS,SAAS,MAAe,OAEvE,IAAiB,GACrB,MAAsB;EACtB,AAAK,KAAuB,GAAiB,CAAO;EACpD,IAAM,IAAU,IAAI,IAAI,CAAO,GACzB,IAAY,EAAa,QAAQ,MAAS,EAAQ,IAAI,EAAU,MAAM,CAAI,CAAC,CAAC;EAClF,IAAgB,GAAS,CAAS;CACnC,GACA;EAAC;EAAW;EAAuB;EAAe;CAAY,CAC/D,GAEM,KAAkB,GACtB,MAAe;EACf,IAAM,IAAO,IAAI,IAAI,MAAkB,WAAW,CAAC,IAAI,CAAW;EAMlE,AALI,EAAY,IAAI,CAAE,KAAK,MAAkB,WAC5C,EAAK,OAAO,CAAE,IAEd,EAAK,IAAI,CAAE,GAEZ,EAAe,MAAM,KAAK,CAAI,CAAC;CAChC,GACA;EAAC;EAAgB;EAAa;CAAa,CAC5C,GAEM,KAAiB,QAAkB,EAAe,CAAC,CAAC,GAAG,CAAC,CAAc,CAAC,GACvE,KAAe,QAAkB;EAGtC,AAFA,EAAS,EAAE,GACX,EAAQ,KAAK,GACb,GAAc,KAAK;CACpB,GAAG,CAAC,CAAC,GAEC,KAAW,GAAa,MAAkB;EAC/C,GAAgB,MAAY,CAC3B,GAAG,GACH,GAAG,EAAM,KAAK,GAAM,MAAU;GAC7B,IAAM,IAAM,EAAiB,CAAI;GAEjC,OADI,KAAK,EAAa,QAAQ,IAAI,CAAG,GAC9B;IACN,IAAI,UAAU,KAAK,IAAI,EAAE,GAAG;IAC5B;IACA,MAAM,EAAK;IACX,MAAM,EAAK;IACX,MAAM,GAAc,CAAI;IACxB;IACA,UAAU;IACV,QAAQ;GACT;EACD,CAAC,CACF,CAAC;CACF,GAAG,CAAC,CAAC,GAEC,KAAmB,GAAa,MAAe;EACpD,GAAgB,MAAY;GAC3B,IAAM,IAAS,EAAQ,MAAM,MAAS,EAAK,OAAO,CAAE;GAKpD,OAJI,GAAQ,QACX,EAAiB,EAAO,GAAG,GAC3B,EAAa,QAAQ,OAAO,EAAO,GAAG,IAEhC,EAAQ,QAAQ,MAAS,EAAK,OAAO,CAAE;EAC/C,CAAC;CACF,GAAG,CAAC,CAAC,GAEC,KAAmB,QAAkB;EAC1C,GAAgB,MAAY;GAC3B,KAAK,IAAM,KAAQ,GAClB,AAAI,EAAK,QACR,EAAiB,EAAK,GAAG,GACzB,EAAa,QAAQ,OAAO,EAAK,GAAG;GAGtC,OAAO,CAAC;EACT,CAAC;CACF,GAAG,CAAC,CAAC,GAEC,KAAsB,GAAa,MAA8C;EACtF,IAAkB,OAAa;GAAE,GAAG;GAAS,GAAG;EAAM,EAAE;CACzD,GAAG,CAAC,CAAC,GAEC,KAAgB,GACpB,GAAgB,MAAkF;EAClG,GAAgB,MACf,EAAQ,KAAK,MAAU,EAAK,OAAO,IAAS;GAAE,GAAG;GAAM,GAAG;EAAM,IAAI,CAAK,CAC1E;CACD,GACA,CAAC,CACF;CAoFA,OAAO;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aArHmB,EAAY,YAAY;GAC3C,IAAI,KAAa,EAAY,WAAW,GAAG;GAE3C,AADA,GAAa,EAAI,GACjB,GAAgB,MACf,EAAQ,KAAK,OAAU;IAAE,GAAG;IAAM,QAAQ;IAAa,UAAU;GAAE,EAAE,CACtE;GACA,IAAM,IAAU;IACf,cAAc,GAAgB,MAAqB;KAClD,GAAc,GAAQ,EAAE,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,CAAQ,CAAC,EAAE,CAAC;IACzE;IACA,gBACC,GACA,GACA,MACI,GAAc,GAAQ;KAAE;KAAQ,OAAO;IAAU,CAAC;GACxD;GAEA,IAAI;IACH,IAAM,IAAQ,EAAY,KAAK,MAAS,EAAK,IAAI,GAC3C,IAAW,MAAM,IAAW,GAAO,IAAe,CAAO;IAI/D,IAHA,GAAgB,MACf,EAAQ,KAAK,OAAU;KAAE,GAAG;KAAM,QAAQ;KAAQ,UAAU;IAAI,EAAE,CACnE,GACI,GAAU,QAAQ;KACrB,GAAiB,MAAY,CAAC,GAAG,GAAU,GAAG,CAAO,CAAC;KACtD,IAAM,IAAc,EAAS,KAAK,MAAS,EAAU,MAAM,CAAI,CAAC;KAChE,EACC,MAAkB,WACf,EAAY,MAAM,GAAG,CAAC,IACtB,MAAM,KAAK,IAAI,IAAI,CAAC,GAAG,GAAa,GAAG,CAAW,CAAC,CAAC,CACxD;IACD;IAEA,AADA,GAAiB,GACjB,EAAO,SAAS;GACjB,SAAS,GAAW;IASnB,AARA,EAAS,CAAS,GAClB,GAAgB,MACf,EAAQ,KAAK,MACZ,EAAK,WAAW,cACb;KAAE,GAAG;KAAM,QAAQ;KAAS,OAAO;IAAgB,IACnD,CACJ,CACD,GACA,IAAU,CAAS;GACpB,UAAU;IACT,GAAa,EAAK;GACnB;EACD,GAAG;GACF;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACD,CA0DC;EACA,YAzDkB,GACjB,GAAa,MAAiC;GAC9C,IAAM,IAAK,EAAU,MAAM,CAAI;GAE/B,AADA,IAAgB,OAAa;IAAE,GAAG;KAAU,IAAK;KAAE,GAAG,EAAQ;KAAK,GAAG;IAAM;GAAE,EAAE,GAChF,IAAoB,GAAM,CAAK;EAChC,GACA,CAAC,GAAW,CAAY,CAmDxB;EACA,YAjDkB,GACjB,MAAgB;GAChB,IAAM,IAAK,EAAU,MAAM,CAAI;GAK/B,AAJA,GAAe,MAAY,IAAI,IAAI,CAAO,EAAE,IAAI,CAAE,CAAC,GAC/C,EAAY,IAAI,CAAE,KACrB,EAAe,EAAY,QAAQ,MAAe,MAAe,CAAE,CAAC,GAErE,IAAoB,CAAI;EACzB,GACA;GAAC;GAAW;GAAgB;GAAc;GAAa;EAAW,CAwClE;EACA;CACD;AACD;;;AChbA,SAAS,EAAS,GAA4B,GAAoB;CAGjE,OAF6B,EAAzB,MAAS,UAAiB,IAC1B,MAAS,UAAiB,IACtB,GAFqB,EAAW,WAAW,KAAa,SAAW,CAAA;AAG5E;AAEA,SAAS,GAAU,GAA4B,GAA8B;CAG5E,OAFI,MAAS,UAAgB,EAAQ,YACjC,MAAS,UAAgB,EAAQ,YAC9B,EAAQ;AAChB;AAEA,SAAS,GAAY,GAA2B,GAA8B;CAE7E,OADK,IACE,EAAyB,EAAQ,QAAQ,EAAE,SAAM,CAAC,IADtC,EAAQ;AAE5B;AAEA,SAAS,EAAa,EACrB,aACA,SACA,gBAKE;CACF,OACC,kBAAC,OAAD;EACC,WAAW,EACV,2DACA,CACD;EACA,OAAO,IAAO,EAAE,YAAY,EAAK,IAAI,KAAA;EAEpC;CACG,CAAA;AAEP;AAEA,SAAS,EAAkB,EAC1B,QACA,QACA,SACA,cACA,aAAU,UAOR;CACF,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK;CAc1C,OAZA,QAAgB;EACf,EAAU,EAAK;CAChB,GAAG,CAAC,CAAG,CAAC,GAEJ,CAAC,KAAO,IAEV,kBAAC,OAAD;EAAK,WAAU;YACb,EAAS,GAAM,QAAQ;CACpB,CAAA,IAKN,kBAAC,OAAD;EACM;EACA;EACI;EACE;EACX,eAAe,EAAU,EAAI;CAC7B,CAAA;AAEH;AAEA,SAAgB,EAAuB,EACtC,SACA,UACA,gBACA,WACA,gBAC+B;CAC/B,OACC,kBAAC,OAAD;EACC,WAAW,EACV,4KACA,CACD;YAJD;GAMC,kBAAC,OAAD;IAAK,WAAU;cACb,KAAQ,kBAAC,GAAD,EAAW,WAAU,SAAU,CAAA;GACpC,CAAA;GACL,kBAAC,GAAD;IAAM,KAAI;IAAM,QAAO;cACrB;GACI,CAAA;GACL,CAAC,CAAC,KACF,kBAAC,GAAD;IAAM,MAAK;IAAY,MAAK;IAAK,WAAU;cACzC;GACI,CAAA;GAEN,CAAC,CAAC,KAAU,kBAAC,OAAD;IAAK,WAAU;cAAQ;GAAY,CAAA;EAC5C;;AAEP;AAEA,SAAgB,GAAoB,EACnC,UACA,SACA,gBACA,eACA,SACA,SACA,iBAAc,CAAC,GACf,YACA,kBACA,iBACA,uBACA,iBACA,iBACA,mBACA,iBAC4B;CAC5B,IAAM,IAAc;EACnB;GAAE,OAAO;GAAO,OAAO,EAAQ;GAAU,MAAM;EAAK;EACpD;GAAE,OAAO;GAAS,OAAO,EAAQ;GAAQ,MAAM;EAAU;EACzD;GAAE,OAAO;GAAS,OAAO,EAAQ;GAAQ,MAAM;EAAM;EACrD;GAAE,OAAO;GAAQ,OAAO,EAAQ;GAAO,MAAM;EAAK;CACnD,EAAE,QAAQ,OAAY,KAAe;EAAC;EAAO;EAAS;CAAO,GAAG,SAAS,EAAO,KAAoB,CAAC,GAC/F,IAAoB,CACzB;EAAE,OAAO;EAAO,OAAO,EAAQ;CAAe,GAC9C,GAAG,EAAY,KAAK,OAAY;EAC/B,OAAO,EAAO;EACd,OAAO,OAAO,EAAO,KAAK;CAC3B,EAAE,CACH,GACM,IAAc;EACnB;GAAE,OAAO;GAAU,OAAO,EAAQ;EAAW;EAC7C;GAAE,OAAO;GAAQ,OAAO,EAAQ;EAAS;EACzC;GAAE,OAAO;GAAQ,OAAO,EAAQ;EAAS;EACzC;GAAE,OAAO;GAAS,OAAO,EAAQ;EAAU;CAC5C;CAEA,OACC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACC,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,GAAD;KACC,OAAO;KACP,WAAW,MAAU,EAAc,EAAM,OAAO,KAAK;KACrD,aAAa,EAAQ;KACrB,WAAW;KACX,WAAA;KACA,eAAe,EAAc,EAAE;KAC/B,SAAS,EAAE,OAAO,EAAQ,YAAY;KACtC,WAAU;IACV,CAAA;GACG,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;IAAqF,MAAK;IAAU,cAAY,EAAQ;cACrI,EAAY,KAAK,MAAW;KAC5B,IAAM,IAAO,EAAO,MACd,IAAS,MAAS,EAAO;KAC/B,OACC,kBAAC,GAAD;MAEC,MAAK;MACL,MAAK;MACL,iBAAe;MACf,SAAQ;MACR,aAAY;MACZ,WAAW,EACV,2CACA,IACG,gEACA,kEACJ;MACA,eAAe,EAAa,EAAO,KAAoB;gBAbxD,CAeE,KAAQ,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,GACpC,EAAO,KACD;QAhBF,EAAO,KAgBL;IAEV,CAAC;GACG,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,GAAD;KACC,OAAO;KACP,SAAS;KACT,WAAW,MAAU,EAAmB,KAAS,KAAK;KACtD,aAAa,EAAQ;KACrB,cAAY,EAAQ;KACpB,WAAU;IACV,CAAA;GACG,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,GAAD;KACC,OAAO;KACP,SAAS;KACT,WAAW,MAAU,EAAc,KAAS,QAAwB;KACpE,aAAa,EAAQ;KACrB,cAAY,EAAQ;KACpB,WAAU;IACV,CAAA;GACG,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACC,kBAAC,GAAD;KACC,MAAK;KACL,SAAS,MAAS,SAAS,SAAS;KACpC,aAAa,MAAS,SAAS,UAAU;KACzC,MAAK;KACL,WAAW,EAAG,MAAS,UAAU,6DAA6D;KAC9F,cAAY,EAAQ;KACpB,eAAe,EAAa,MAAM;eAElC,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;IACxB,CAAA,GACR,kBAAC,GAAD;KACC,MAAK;KACL,SAAS,MAAS,UAAU,SAAS;KACrC,aAAa,MAAS,UAAU,UAAU;KAC1C,MAAK;KACL,WAAW,EAAG,MAAS,WAAW,6DAA6D;KAC/F,cAAY,EAAQ;KACpB,eAAe,EAAa,OAAO;eAEnC,kBAAC,IAAD,EAAY,WAAU,WAAY,CAAA;IAC3B,CAAA,CACJ;;GACJ,CAAC,CAAC,KACF,kBAAC,GAAD;IACC,MAAK;IACL,SAAQ;IACR,aAAY;IACZ,SAAS;cAER,EAAQ;GACF,CAAA;GAER;EACG;;AAEP;AAEA,SAAgB,GAAwB,EACvC,SACA,cAAW,IACX,aAAU,eACV,cAAW,IACX,cACA,YACA,aACA,cACA,gBACgC;CAChC,IAAM,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAM,EAAU,OAAO,CAAI,GAC3B,IAAM,EAAU,OAAO,CAAI,KAAK,GAChC,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAa,EAAU,cAAc,CAAI,GACzC,IAAY,EAAU,UAAU,CAAI,MAAM,IAC1C,IAAW,EAAU,YAAY,CAAI;CAE3C,OACC,kBAAC,OAAD;EACC,iBAAe,KAAY,KAAA;EAC3B,gBAAc;EACd,WAAW,EACV,0IACA,+IACA,KAAY,mEACZ,CACD;EACA,SAAS;YATV,CAWC,kBAAC,GAAD;GACC,MAAM,EAAU,QAAQ,CAAI;GAC5B,WAAW,EAAG,MAAY,YAAY,kBAAkB,cAAc;aAFvE;IAIC,kBAAC,GAAD;KAAwB;KAAU;KAAW;KAAM,WAAU;IAA0B,CAAA;IACvF,kBAAC,QAAD;KACC,WAAW,EACV,2RACA,KAAY,gDACb;KACA,eAAY;eAEZ,kBAAC,IAAD,EAAO,WAAU,SAAU,CAAA;IACtB,CAAA;IACL,CAAC,CAAC,KACF,kBAAC,GAAD;KACC,MAAK;KACL,SAAQ;KACR,aAAY;KACZ,MAAK;KACL,WAAU;KACV,cAAY,EAAyB,EAAQ,aAAa,EAAE,QAAK,CAAC;KAClE,UAAU,MAAU;MAEnB,AADA,EAAM,gBAAgB,GACtB,EAAU;KACX;eAEA,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;IACrB,CAAA;IAER,MAAS,WAAW,CAAC,CAAC,KACtB,kBAAC,GAAD;KACC,SAAQ;KACR,WAAU;eAFX,CAIC,kBAAC,IAAD,EAAM,WAAU,sBAAuB,CAAA,GACtC,CACK;;IAEP,KACA,kBAAC,GAAD;KACC,SAAQ;KACR,WAAU;eAEV,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;IACpB,CAAA;GAEK;MACd,kBAAC,OAAD;GAAK,WAAU;aAAf,CACC,kBAAC,GAAD;IAAM,KAAI;IAAM,QAAO;IAAW,MAAK;IAAK,WAAU;cACpD;GACI,CAAA,GACL,KACA,kBAAC,OAAD;IAAK,WAAU;cAAf,CACC,kBAAC,GAAD;KAAM,MAAK;KAAM,MAAK;KAAY,WAAU;eAC1C,EAAuB,CAAI,KAAK,EAAQ;IACpC,CAAA,GACL,CAAC,CAAC,KACF,kBAAC,GAAD;KACC,KAAI;KACJ,MAAK;KACL,MAAK;KACL,WAAU;eAJX,CAMC,kBAAC,GAAD,EAAS,WAAU,SAAU,CAAA,GAC5B,CACI;MAEH;KAEF;IACD;;AAEP;AAEA,SAAgB,GAAyB,EACxC,UACA,gBACA,cACA,YACA,aACA,gBACiC;CACjC,OACC,kBAAC,OAAD;EACC,WAAU;YADX,CAGC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACC,kBAAC,QAAD,CAAO,CAAA;IACP,kBAAC,QAAD,CAAO,CAAA;IACP,kBAAC,GAAD;KAAM,MAAK;KAAM,MAAK;KAAY,QAAO;eACvC,EAAQ,MAAM;IACV,CAAA;IACN,kBAAC,GAAD;KAAM,MAAK;KAAM,MAAK;KAAY,QAAO;eACvC,EAAQ,MAAM;IACV,CAAA;IACN,kBAAC,GAAD;KAAM,MAAK;KAAM,MAAK;KAAY,QAAO;eACvC,EAAQ,MAAM;IACV,CAAA;IACN,kBAAC,GAAD;KAAM,MAAK;KAAM,MAAK;KAAY,QAAO;eACvC,EAAQ,MAAM;IACV,CAAA;IACN,kBAAC,GAAD;KAAM,MAAK;KAAM,MAAK;KAAY,QAAO;eACvC,EAAQ,MAAM;IACV,CAAA;IACN,kBAAC,QAAD,CAAO,CAAA;GACH;MACJ,EAAM,KAAK,MAAS;GACpB,IAAM,IAAK,EAAU,MAAM,CAAI,GACzB,IAAW,EAAY,IAAI,CAAE,GAC7B,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAM,EAAU,OAAO,CAAI,GAC3B,IAAY,EAAU,UAAU,CAAI,MAAM;GAChD,OACC,kBAAC,OAAD;IAEC,iBAAe,KAAY,KAAA;IAC3B,WAAW,EACV,sKACA,kKACA,KAAY,eACb;IACA,eAAe,EAAS,CAAE;cAR3B;KAUC,kBAAC,QAAD;MACC,WAAW,EACV,mGACA,KAAY,mDACb;MACA,eAAY;gBAEZ,kBAAC,IAAD,EAAO,WAAU,SAAU,CAAA;KACtB,CAAA;KACN,kBAAC,GAAD;MACC,MAAM,EAAU,QAAQ,CAAI;MAC5B,WAAU;gBAET,IACA,kBAAC,OAAD;OAAU;OAAK,KAAI;OAAG,SAAQ;OAAO,WAAU;MAA0B,CAAA,IAEzE,kBAAC,OAAD;OAAK,WAAU;iBACb,EAAS,GAAM,QAAQ;MACpB,CAAA;KAEO,CAAA;KACd,kBAAC,GAAD;MAAM,KAAI;MAAM,QAAO;MAAW,MAAK;MAAK,WAAU;gBAAtD,CACC,kBAAC,QAAD;OAAM,WAAU;iBAAY;MAAW,CAAA,GACtC,KAAa,kBAAC,GAAD,EAAM,WAAU,wCAAyC,CAAA,CAClE;;KACN,kBAAC,GAAD;MAAO,SAAQ;gBAAa,GAAU,GAAM,CAAO;KAAS,CAAA;KAC5D,kBAAC,GAAD;MAAM,MAAK;MAAK,MAAK;gBACnB,EAAuB,EAAU,QAAQ,CAAI,CAAC,KAAK,EAAQ;KACvD,CAAA;KACN,kBAAC,GAAD;MAAM,MAAK;MAAK,MAAK;MAAY,WAAU;gBACzC,EAAU,cAAc,CAAI,KAAK;KAC7B,CAAA;KACN,kBAAC,GAAD;MAAM,MAAK;MAAK,MAAK;gBACnB,EAAU,cAAc,CAAI,IAAI,EAAU,cAAc,CAAI,IAAI;KAC5D,CAAA;KACN,kBAAC,GAAD;MACC,MAAK;MACL,SAAQ;MACR,aAAY;MACZ,MAAK;MACL,cAAY,EAAyB,EAAQ,aAAa,EAAE,QAAK,CAAC;MAClE,UAAU,MAAU;OAEnB,AADA,EAAM,gBAAgB,GACtB,EAAU,CAAE;MACb;gBAEA,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KACrB,CAAA;IACJ;MAzDC,CAyDD;EAEP,CAAC,CACG;;AAEP;AAEA,SAAgB,EAA+B,EAC9C,SACA,iBAAc,CAAC,GACf,cACA,YACA,YACA,aACA,aACA,mBACuC;CACvC,IAAI,CAAC,GAAM,OAAO;CAClB,IAAM,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAM,EAAU,OAAO,CAAI,GAC3B,IAAa,EAAU,cAAc,CAAI,KAAK,EAAY,IAAI,SAAS,IACvE,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAW,EAAU,UAAU,CAAI,KAAK,IACxC,IAAS,IAAe,GAAM;EACnC;EACA,QAAQ;EACR,QAAQ;EACR,OAAO;CACR,CAAC;CAGD,OAFI,IAAe,kBAAA,GAAA,EAAA,UAAG,EAAS,CAAA,IAG9B,kBAAC,SAAD;EAAO,WAAU;YAAjB,CACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACC,kBAAC,GAAD;IACC,MAAK;IACL,SAAQ;IACR,aAAY;IACZ,MAAK;IACL,cAAY,EAAQ,OAAO;IAC3B,SAAS;cAET,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;GAC1B,CAAA,GACR,kBAAC,GAAD;IAAM,QAAO;cAAY,EAAQ,OAAO;GAAY,CAAA,CAChD;MACL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACC,kBAAC,GAAD;KACC,MAAM,EAAU,QAAQ,CAAI;KAC5B,WAAU;eAFX,CAIC,kBAAC,GAAD;MAAwB;MAAK,KAAK,EAAU,OAAO,CAAI,KAAK;MAAY;MAAM,WAAU;KAA0B,CAAA,GACjH,MAAS,WAAW,CAAC,CAAC,EAAU,YAAY,CAAI,KAChD,kBAAC,GAAD;MAAO,WAAU;gBAAjB,CACC,kBAAC,IAAD,EAAM,WAAU,sBAAuB,CAAA,GACtC,EAAU,YAAY,CAAI,CACrB;OAEK;;IACd,kBAAC,GAAD;KAAM,KAAI;KAAM,QAAO;KAAW,WAAU;eAC1C;IACI,CAAA;IACN,kBAAC,MAAD;KAAI,WAAU;eACZ;MACA,CAAC,EAAQ,OAAO,MAAM,GAAU,GAAM,CAAO,CAAC;MAC9C,CAAC,EAAQ,OAAO,MAAM,EAAuB,EAAU,QAAQ,CAAI,CAAC,KAAK,EAAQ,WAAW;MAC5F,CAAC,EAAQ,OAAO,YAAY,EAA0B,GAAM,CAAS,KAAK,GAAG;MAC7E,CAAC,EAAQ,OAAO,UAAU,OAAO,EAAU,cAAc,CAAI,KAAK,GAAG,CAAC;MACtE,CAAC,EAAQ,OAAO,QAAQ,GAAY,EAAU,cAAc,CAAI,GAAG,CAAO,CAAC;KAC5E,EAAE,KAAK,CAAC,GAAO,OACd,kBAAC,OAAD;MAAiB,WAAU;gBAA3B,CACC,kBAAC,MAAD,EAAA,UACC,kBAAC,GAAD;OAAM,KAAI;OAAO,MAAK;OAAK,MAAK;iBAC9B;MACI,CAAA,EACH,CAAA,GACJ,kBAAC,MAAD;OAAI,WAAU;iBACb,kBAAC,GAAD;QAAM,KAAI;QAAO,MAAK;QAAK,QAAO;kBAChC;OACI,CAAA;MACH,CAAA,CACA;QAXK,CAWL,CACL;IACE,CAAA;IACJ,kBAAC,GAAD;KAAW,OAAO,EAAQ,OAAO;eAChC,kBAAC,GAAD;MACC,OAAO,EAAU,OAAO,CAAI,KAAK;MACjC,aAAa,EAAQ,OAAO;MAC5B,WAAW,MAAU,EAAS,EAAE,KAAK,EAAM,OAAO,MAAM,CAAC;KACzD,CAAA;IACS,CAAA;IACX,kBAAC,GAAD;KAAW,OAAO,EAAQ,OAAO;eAChC,kBAAC,GAAD;MACC,OAAO;MACP,SAAS,EAAY,KAAK,OAAY;OACrC,OAAO,EAAO;OACd,OAAO,OAAO,EAAO,KAAK;MAC3B,EAAE;MACF,cAAY,EAAQ,OAAO;MAC3B,WAAW,MAAU,EAAS,EAAE,YAAY,EAAM,CAAC;KACnD,CAAA;IACS,CAAA;IACX,kBAAC,GAAD;KAAW,OAAO,EAAQ,OAAO;eAChC,kBAAC,GAAD;MACC,OAAO,EAAK,KAAK,IAAI;MACrB,aAAa,EAAQ,OAAO;MAC5B,WAAW,MACV,EAAS,EACR,MAAM,EAAM,OAAO,MACjB,MAAM,GAAG,EACT,KAAK,MAAQ,EAAI,KAAK,CAAC,EACvB,OAAO,OAAO,EACjB,CAAC;KAEF,CAAA;IACS,CAAA;IACX,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,OAAD,EAAA,UAAA,CACC,kBAAC,GAAD;MAAM,QAAO;MAAW,MAAK;gBAC3B,EAAQ,OAAO;KACX,CAAA,GACN,kBAAC,GAAD;MAAM,MAAK;MAAM,MAAK;gBACpB,IAAW,EAAQ,OAAO,aAAa,EAAQ,OAAO;KAClD,CAAA,CACF,EAAA,CAAA,GACL,kBAAC,GAAD;MACC,SAAS;MACT,kBAAkB,MAAY,EAAS,EAAE,QAAQ,EAAQ,CAAC;KAC1D,CAAA,CACG;;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,GAAD;MAAQ,MAAK;MAAS,SAAQ;MAAY,aAAY;gBAAtD,CACC,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,GAClC,EAAQ,OAAO,OACT;SACR,kBAAC,GAAD;MACC,MAAK;MACL,SAAQ;MACR,aAAY;MACZ,SAAS;gBAJV,CAMC,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA,GAC7B,EAAQ,OAAO,MACT;OACJ;;GACD;IACC;;AAET;AAEA,SAAgB,EAAwB,EACvC,gBACA,kBACA,iBAAc,CAAC,GACf,eAAY,IACZ,YACA,YACA,iBACA,oBACA,YACgC;CAChC,OACC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACC,kBAAC,GAAD;IACC,QAAQ;IACR,QAAO;IACP,UAAA;IACA,MAAK;IACL,SAAS;KACR,aAAa,EAAQ,OAAO;KAC5B,QAAQ,EAAQ,OAAO;KACvB,UAAU,EAAQ,OAAO;IAC1B;GACA,CAAA;GACA,EAAY,SAAS,IACrB,kBAAC,OAAD;IAAK,WAAU;cACb,EAAY,KAAK,MACjB,kBAAC,OAAD;KAEC,WAAU;eAFX;MAIC,kBAAC,GAAD;OAAc,WAAU;iBACtB,EAAK,MACL,kBAAC,OAAD;QAAK,KAAK,EAAK;QAAK,KAAK,EAAK;QAAM,WAAU;OAA0B,CAAA,IAExE,kBAAC,OAAD;QAAK,WAAU;kBACb,EAAS,EAAK,MAAM,QAAQ;OACzB,CAAA;MAEO,CAAA;MACd,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACC,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACC,kBAAC,GAAD;UAAM,QAAO;UAAW,MAAK;UAAK,WAAU;oBAC1C,EAAK;SACD,CAAA,GACN,kBAAC,GAAD;UAAM,MAAK;UAAM,MAAK;UAAY,WAAU;oBAC1C,EAAuB,EAAK,IAAI;SAC5B,CAAA,CACF;;SACH,EAAK,WAAW,eAAe,EAAK,WAAW,WAChD,kBAAC,OAAD;SAAK,WAAU;mBACd,kBAAC,OAAD;UACC,WAAU;UACV,OAAO,EAAE,OAAO,GAAG,EAAK,SAAS,GAAG;SACpC,CAAA;QACG,CAAA;QAEL,EAAK,WAAW,WAChB,kBAAC,GAAD;SAAM,MAAK;SAAM,MAAK;mBACpB,EAAK;QACD,CAAA;OAEH;;MACJ,EAAK,WAAW,SAChB,kBAAC,GAAD;OAAO,SAAQ;iBAAW,EAAQ,OAAO;MAAY,CAAA,IAClD,EAAK,WAAW,cACnB,kBAAC,GAAD;OAAM,MAAK;OAAM,MAAK;OAAY,WAAU;iBAA5C,CACE,KAAK,MAAM,EAAK,QAAQ,GAAE,GACtB;WAEN,kBAAC,GAAD;OACC,MAAK;OACL,SAAQ;OACR,aAAY;OACZ,MAAK;OACL,UAAU;OACV,cAAY,EAAyB,EAAQ,OAAO,YAAY,EAC/D,MAAM,EAAK,KACZ,CAAC;OACD,eAAe,EAAa,EAAK,EAAE;iBAEnC,kBAAC,IAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA;KAEL;OAxDC,EAAK,EAwDN,CACL;GACG,CAAA,IAEL;GAED,kBAAC,OAAD;IAAK,WAAU;cAAf;KACC,kBAAC,GAAD;MAAW,OAAO,EAAQ,OAAO;gBAChC,kBAAC,GAAD;OACC,OAAO,EAAc,cAAc,EAAY,IAAI;OACnD,SAAS,EAAY,KAAK,OAAY;QACrC,OAAO,EAAO;QACd,OAAO,OAAO,EAAO,KAAK;OAC3B,EAAE;OACF,cAAY,EAAQ,OAAO;OAC3B,WAAW,MAAU,EAAgB,EAAE,YAAY,EAAM,CAAC;MAC1D,CAAA;KACS,CAAA;KACX,kBAAC,GAAD;MAAW,OAAO,EAAQ,OAAO;gBAChC,kBAAC,GAAD;OACC,OAAO,EAAc,KAAK,KAAK,IAAI;OACnC,aAAa,EAAQ,OAAO;OAC5B,WAAW,MACV,EAAgB,EACf,MAAM,EAAM,OAAO,MACjB,MAAM,GAAG,EACT,KAAK,MAAQ,EAAI,KAAK,CAAC,EACvB,OAAO,OAAO,EACjB,CAAC;MAEF,CAAA;KACS,CAAA;KACX,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,OAAD,EAAA,UAAA,CACC,kBAAC,GAAD;OAAM,QAAO;OAAW,MAAK;iBAC3B,EAAQ,OAAO;MACX,CAAA,GACN,kBAAC,GAAD;OAAM,MAAK;OAAM,MAAK;iBACpB,EAAQ,OAAO;MACX,CAAA,CACF,EAAA,CAAA,GACL,kBAAC,GAAD;OACC,SAAS,EAAc;OACvB,kBAAkB,MAAY,EAAgB,EAAE,QAAQ,EAAQ,CAAC;MACjE,CAAA,CACG;;IACD;;EACD;;AAEP;AAEA,SAAgB,EAA0B,EACzC,QACA,gBACA,kBACA,gBACA,YACA,qBACA,gBACkC;CAClC,IAAM,IAAgB,EAAY,QAC5B,IAAa,EAAY,QAAQ,GAAK,MAAS,IAAM,EAAK,MAAM,CAAC,GACjE,IAAc,EAAY,QAC1B,IAAmB,EACxB,2EACA,CACD;CAiBA,OAfI,MAAQ,WAEV,kBAAC,OAAD;EAAK,WAAW;EAAkB,aAAU;YAC3C,kBAAC,GAAD;GAAM,MAAK;GAAK,MAAK;GAAY,WAAU;aACzC,MAAgB,IACd,EAAQ,OAAO,UACf,EAAyB,EAAQ,OAAO,eAAe;IACxD,OAAO;IACP,MAAM,EAAuB,CAAU;GACxC,CAAC;EACG,CAAA;CACF,CAAA,IAKN,kBAAC,OAAD;EAAK,WAAW;EAAkB,aAAU;YAC1C,IAAgB,IAChB,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,GAAD;GAAM,QAAO;GAAW,MAAK;GAAK,WAAU;aAC1C,EAAyB,EAAQ,OAAO,eAAe,EACvD,OAAO,EACR,CAAC;EACI,CAAA,GACN,kBAAC,GAAD;GACC,MAAK;GACL,SAAQ;GACR,aAAY;GACZ,MAAK;GACL,SAAS;aAER,EAAQ,OAAO;EACT,CAAA,CACP,EAAA,CAAA,IAEF,kBAAC,GAAD;GAAM,MAAK;GAAK,MAAK;GAAY,WAAU;aACzC,MAAkB,WAAW,EAAQ,OAAO,UAAU,EAAQ,OAAO;EACjE,CAAA;CAEH,CAAA;AAEP;AAEA,SAAgB,EAAiC,EAChD,QACA,kBACA,gBACA,gBACA,eAAY,IACZ,YACA,iBACA,gBACA,aACA,cACA,aACA,mBACA,gBACyC;CACzC,IAAM,IAAgB,EAAY,QAC5B,IAAc,EAAY;CA6BhC,OA3BI,MAAQ,WAEV,kBAAC,OAAD;EAAK,WAAW,EAAG,kGAAkG,CAAS;YAA9H,CACC,kBAAC,GAAD;GACC,MAAK;GACL,SAAQ;GACR,aAAY;GACZ,UAAU;GACV,SAAS;aAER,KAAe,EAAQ,OAAO;EACxB,CAAA,GACR,kBAAC,GAAD;GACC,MAAK;GACL,UAAU,MAAgB,KAAK;GAC/B,SAAS;GACT,SAAS;GACT,eAAe,EAAE,SAAS,EAAQ,OAAO,UAAU;aAElD,KAAe,IACb,EAAQ,OAAO,SACf,EAAyB,EAAQ,OAAO,YAAY,EAAE,OAAO,EAAY,CAAC;EACtE,CAAA,CACJ;MAKN,kBAAC,OAAD;EAAK,WAAW,EAAG,kGAAkG,CAAS;YAA9H,CACC,kBAAC,GAAD;GACC,MAAK;GACL,SAAQ;GACR,aAAY;GACZ,SAAS;aAER,KAAe,EAAQ,OAAO;EACxB,CAAA,GACR,kBAAC,GAAD;GACC,MAAK;GACL,UAAU,MAAkB;GAC5B,SAAS;aAER,MACC,MAAkB,IAChB,EAAQ,OAAO,eACf,EAAc,WAAW,IACxB,EAAQ,OAAO,aACf,EAAyB,EAAQ,OAAO,aAAa,EACtD,OAAO,EACR,CAAC;EACG,CAAA,CACJ;;AAEP;AAEA,SAAgB,GAA0B,EACzC,QACA,kBACA,gBACA,kBACA,gBACA,eAAY,IACZ,YACA,iBACA,gBACA,aACA,cACA,qBACA,aACA,mBACA,YAAS,WACT,gBACkC;CAClC,OACC,kBAAC,UAAD;EACC,WAAW,EACV,sGACA,MAAW,aAAa,kDACxB,CACD;YALD,CAOC,kBAAC,GAAD;GACM;GACQ;GACE;GACF;GACJ;GACS;EAClB,CAAA,GACD,kBAAC,GAAD;GACM;GACU;GACF;GACA;GACF;GACF;GACK;GACD;GACH;GACC;GACD;GACM;EAChB,CAAA,CACM;;AAEV;;;ACp6BA,IAAM,IACL,EAAqD,IAAI;AAE1D,SAAS,GACR,GACA,GACA,GACC;CACD,OAAO,QAAc;EACpB,IAAI,GAAU,OAAO;EACrB,IAAM,oBAAO,IAAI,IAAY;EAC7B,KAAK,IAAM,KAAQ,GAAO;GACzB,IAAM,IAAa,EAAc,CAAI;GACrC,AAAI,KAAY,EAAK,IAAI,CAAU;EACpC;EACA,OAAO,MAAM,KAAK,CAAI,EAAE,KAAK,OAAW;GAAE;GAAO,OAAO;EAAM,EAAE;CACjE,GAAG;EAAC;EAAU;EAAe;CAAK,CAAC;AACpC;AAEA,SAAgB,GAAuE,EACtF,UACA,gBACA,iBACA,gBACA,mBAAgB,YAChB,aAAU,eACV,cAAW,IACX,iBAAc,IACd,gBACA,qBAAkB,IAClB,cACA,aACA,YACA,SAAS,GACT,UACA,oBACA,eACA,UACA,YACA,cACA,gBACA,UACA,kBACA,kBACA,kBACA,kBACA,aACA,aACA,gBACA,gBACA,kBACA,iBACA,uBACA,iBACA,0BACA,GAAG,KACyB;CAC5B,IAAM,IAAU,EAAW,GAA4B,CAAW,GAC5D,IAAQ,GAAuB;EACpC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAC,GACK,KAAsB,GAC3B,GACA,EAAM,OACN,EAAM,UAAU,aACjB,GACM,IAAY,IAAc,EAAM,MAAM,WACtC,IAAa,EAAM,WACtB,EAAM,MAAM,MAAM,MAAS,EAAM,UAAU,MAAM,CAAI,MAAM,EAAM,QAAQ,KAAK,OAC9E,MACG,IAAe,EAAW,CAA+B,GACzD,KAAoB,CAAC,GAAO,QAC5B,KAAyB,KAAgB,KAC9C,kBAAC,GAAD;EACC,KAAK;EACL,aAAa,EAAM;EACJ;EACf,aAAa,EAAM;EACV;EACT,kBAAkB,EAAM;EACxB,WAAU;CACV,CAAA,IACE,MACE,KAAoB,GAAQ,KAAS,KAAe,GAAO,cAC3D,IAAoB,GAAQ,KAAe,GAAO,aAAa,KAC/D,KAAY,MAAqB,GAEjC,WAAgB;EAErB,AADA,IAAY,EAAM,eAAe,EAAM,WAAW,GAClD,IAAU;CACX,GACM,UAAe;EAEpB,AADA,IAAW,GACX,IAAU;CACX,GACM,KAAe,MAAgB;EACpC,IAAM,IAAK,EAAM,UAAU,MAAM,CAAI;EAErC,AADA,EAAM,gBAAgB,CAAE,GACpB,MACH,IAAY,CAAC,CAAI,GAAG,CAAC,CAAE,CAAC,GACxB,IAAU;CAEZ,GACM,KACL,EAAM,kBAAkB,EAAM,aAC3B,EAAyB,EAAQ,UAAU,EAAE,OAAO,EAAM,WAAW,CAAC,IACtE,EAAyB,EAAQ,eAAe;EACjD,OAAO,EAAM;EACb,OAAO,EAAM;CACd,CAAC,GACG,KAAS,GAAO,WACrB,IACC,kBAAC,GAAD;EACC,KAAK;EACL,eAAe,EAAM;EACrB,aAAa,EAAM;EACnB,aAAa,EAAM;EACnB,WAAW,EAAM;EACR;EACK;EACD;EACb,UAAU;EACV,WAAW;EACX,UAAU,EAAM;EAChB,sBAAsB;GAErB,AADA,EAAM,iBAAiB,GACvB,EAAM,OAAO,SAAS;EACvB;EACA,WAAU;CACV,CAAA,IAED,kBAAC,IAAD;EACC,KAAK;EACL,eAAe,EAAM;EACrB,aAAa,EAAM;EACJ;EACf,aAAa,EAAM;EACnB,WAAW,EAAM;EACR;EACK;EACD;EACb,UAAU;EACV,WAAW;EACX,kBAAkB,EAAM;EACxB,UAAU,EAAM;EAChB,sBAAsB;GAErB,AADA,EAAM,iBAAiB,GACvB,EAAM,OAAO,SAAS;EACvB;CACA,CAAA;CAIH,OACC,kBAAC,WAAD;EACC,WAAW,EACV,gHACA,KAAmB,mCACnB,EACD;EACA,GAAI;YANL;GAQE,MACA,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,MACA,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,GAAO,cACN,KAAS,MACV,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;OAAM,KAAI;OAAM,QAAO;iBACrB;MACI,CAAA,GAEN,CAAC,CAAC,KACF,kBAAC,GAAD;OAAM,MAAK;OAAK,MAAK;OAAY,WAAU;iBACzC;MACI,CAAA,CAEH;OAEF;QAEL,KACA,kBAAC,OAAD;KACC,WAAW,EACV,6CACA,KAAyB,2BAA2B,gBACrD;eAJD,CAMC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,KACA,kBAAC,OAAD;OAAK,WAAU;OAAkE,MAAK;iBAAtF,CACC,kBAAC,GAAD;QACC,MAAK;QACL,MAAK;QACL,iBAAe,MAAc;QAC7B,SAAQ;QACR,aAAY;QACZ,WAAW,EACV,mCACA,MAAc,YACX,gEACA,kEACJ;QACA,eAAe,EAAM,OAAO,SAAS;kBAZtC,CAcC,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,GAChC,EAAQ,KAAK,OACP;WACR,kBAAC,GAAD;QACC,MAAK;QACL,MAAK;QACL,iBAAe,MAAc;QAC7B,SAAQ;QACR,aAAY;QACZ,WAAW,EACV,mCACA,MAAc,WACX,gEACA,kEACJ;QACA,eAAe,EAAM,OAAO,QAAQ;kBAZrC;SAcC,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;SAClC,EAAQ,KAAK;SACb,EAAM,YAAY,SAAS,KAC3B,kBAAC,QAAD;UAAM,WAAU;oBACd,EAAM,YAAY;SACd,CAAA;QAEA;SACJ;UAEL,GAAO,SACJ;SACJ,EACG;MAEC;;GAGT,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,MAAc,WACd,kBAAC,OAAD;KAAK,WAAU;eACd,kBAAC,GAAD;MACC,aAAa,EAAM;MACnB,eAAe,EAAM;MACrB,aAAa;MACb,WAAW,EAAM;MACR;MACT,SAAS,EAAM;MACf,cAAc,EAAM;MACpB,iBAAiB,EAAM;MACvB,OAAO,GAAO;KACd,CAAA;IACG,CAAA,IAEL,kBAAC,OAAD;KACC,WAAW,EACV,kDACA,IAAa,mBAAmB,MACjC;eAJD,CAMC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,IAAD;OACC,OAAO,EAAM;OACb,MAAM,EAAM;OACC;OACb,YAAY,EAAM;OAClB,MAAM,EAAM;OACZ,MAAM,EAAM;OACZ,aAAa;OACJ;OACT,eAAe,EAAM;OACrB,cAAc,EAAM;OACpB,oBAAoB,EAAM;OAC1B,cAAc,EAAM;OACpB,cAAc,EAAM;OACpB,gBAAgB,EAAM;OACtB,YAAY,GAAO;MACnB,CAAA,GACD,kBAAC,GAAD;OAAM,MAAK;OAAK,MAAK;OAAY,WAAU;OAAO,aAAU;iBAC1D;MACI,CAAA,CACF;SACL,kBAAC,OAAD;MAAK,WAAU;gBACb,EAAM,UACN,GAAO,WACN,kBAAC,OAAD;OAAK,WAAU;iBACd,kBAAC,GAAD;QAAM,MAAK;kBAAa,EAAQ;OAAc,CAAA;MAC1C,CAAA,IAEH,EAAM,QACT,GAAO,SACN,kBAAC,GAAD;OAAO,SAAQ;iBAAf,CACC,kBAAC,GAAD,EAAA,UAAa,EAAQ,WAAuB,CAAA,GAC5C,kBAAC,GAAD,EAAA,UAAmB,EAAQ,iBAAmC,CAAA,CACxD;WAEL,EAAM,aAAa,WAAW,IACjC,GAAO,SACN,kBAAC,GAAD;OACC,OAAO,EAAM,aAAa,EAAQ,qBAAqB,EAAQ;OAC/D,aAAa,EAAM,aAAa,EAAQ,2BAA2B,EAAQ;OAC3E,QACC,EAAM,aACL,kBAAC,GAAD;QACC,MAAK;QACL,SAAQ;QACR,aAAY;QACZ,SAAS,EAAM;kBAEd,EAAQ;OACF,CAAA,IACL,IACH,kBAAC,GAAD;QAAQ,MAAK;QAAS,eAAe,EAAM,OAAO,QAAQ;kBAA1D,CACC,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,GAClC,EAAQ,WACF;YACL,KAAA;MAEL,CAAA,IAEC,EAAM,SAAS,UAClB,kBAAC,OAAD;OAAK,WAAU;iBACd,kBAAC,IAAD;QACC,OAAO,EAAM;QACb,aAAa,EAAM;QACJ;QACf,WAAW,EAAM;QACR;QACT,WAAW,MAAO;SACjB,IAAM,IAAO,EAAM,MAAM,MAAM,MAAc,EAAM,UAAU,MAAM,CAAS,MAAM,CAAE;SACpF,AAAI,KAAM,EAAY,CAAI;QAC3B;QACA,WAAW,EAAM;OACjB,CAAA;MACG,CAAA,IAEL,kBAAC,OAAD;OACC,WAAW,EACV,kCACA,MAAY,YACT,oDACA,iDACJ;iBAEC,EAAM,aAAa,KAAK,MAAS;QACjC,IAAM,IAAK,EAAM,UAAU,MAAM,CAAI,GAC/B,IAAM;SACX;SACA,UAAU,EAAM,YAAY,IAAI,CAAE;SAClC;SACA,WAAW,EAAM;SACjB,cAAc,EAAY,CAAI;SAC9B,mBAAmB,EAAM,YAAY,CAAE;QACxC,GACM,IAAW,GAAO,aAAa,GAAM,CAAG;QAC9C,OAAO,IACN,kBAAC,OAAD,EAAA,UAAe,EAAc,GAAnB,CAAmB,IAE7B,kBAAC,IAAD;SAEO;SACN,UAAU,EAAI;SACL;SACC;SACK;SACf,WAAW,EAAM;SACR;SACT,UAAU,EAAI;SACd,WAAW,EAAI;QACf,GAVK,CAUL;OAEH,CAAC;MACG,CAAA;KAEF,CAAA,CACD;QAGL,MAAc,aACd,kBAAC,GAAD;KACC,MAAM;KACN,aAAa;KACb,WAAW,EAAM;KACR;KACT,eAAe,EAAM,YAAY,IAAI;KACrC,WAAW,MAAU,KAAc,EAAM,WAAW,GAAY,CAAK;KACrE,gBAAgB;MACV,MACL,EAAM,WAAW,CAAU,GAC3B,EAAM,YAAY,IAAI;KACvB;KACA,cAAc,GAAO;IACrB,CAAA,CAEE;;GAEJ,IACA,EAAa,UAAU,GAAa,IAAQ,EAAa,OAAO,IAAI,OAEpE;EAEO;;AAEX;AAEA,SAAgB,GAA6E,EAC5F,SACA,iBACA,YACA,gBACA,sBACA,YACA,cACA,oBACA,qBACA,mBAAgB,IAChB,0BAAuB,IACvB,GAAG,KAC+B;CAClC,IAAM,IAAU,EAAW,GAA4B,EAAM,OAAO,GAC9D,CAAC,GAAc,KAAmB,EAAS,EAAK,GAChD,CAAC,GAAe,KAAoB,EAAgC,IAAI,GACxE,IAAmB,MAAS,KAAA,GAC5B,IAAe,IAAmB,IAAO,GACzC,KAAoB,MAAsB;EAE/C,AADK,KAAkB,EAAgB,CAAQ,GAC/C,IAAe,CAAQ;CACxB,GACM,UAA0B;EAE/B,AADA,EAAiB,EAAK,GACtB,IAAU;CACX;CAEA,OACC,kBAAC,EAAgC,UAAjC;EAA0C,OAAO,EAAE,SAAS,EAAc;YACzE,kBAAC,GAAD;GACC,MAAM;GACN,cAAc;GACL;GACA;GACT,OAAO,KAAe,EAAQ;GAC9B,aAAa,KAAqB,EAAQ;GAC1C,MAAK;GACL,YAAY;GACZ,aAAa;GACb,QAAQ,kBAAC,OAAD;IAAK,KAAK;IAAkB,WAAU;GAAgC,CAAA;GAC9E,WAAW,EACV,iGACA,CACD;GACA,kBAAkB,EAAG,wEAAwE,CAAgB;GACvF;GACP;aAEf,kBAAC,IAAD;IACC,GAAK;IACL,SAAS;IACT,WAAW,EAAG,uDAAuD,CAAS;IAC9E,iBAAiB,EAAM,mBAAmB;IAC1C,SAAS,EAAM;GACf,CAAA;EACM,CAAA;CACiC,CAAA;AAE5C;;;AC1eA,SAAS,GAAgB,GAAyB,GAAc,GAAY;CAC3E,IAAM,IAAO,EAAM,MAAM,GACnB,CAAC,KAAQ,EAAK,OAAO,GAAM,CAAC;CAGlC,OAFI,MAAS,KAAA,KACb,EAAK,OAAO,GAAI,GAAG,CAAI,GADQ;AAGhC;AAEA,SAAgB,GAA+E,EAC9F,UACA,WAAW,GACX,UACA,gBACA,cACA,oBACA,aACA,cACA,UACA,aACA,YAAS,SACT,aAAU,eACV,cAAW,IACX,UACA,WACA,eACA,SAAS,GACT,eACA,GAAG,KACiC;CACpC,IAAM,IAAU,EAAW,GAA4B,CAAW,GAC5D,IAAY,GAA6B,CAAa,GACtD,IAAQ,EAAM,QACd,KAAoB,MAAc,IAAQ,IAAI,EAAU,MAAM,EAAM,EAAW,IAAI,KAAA,IACnF,IAAS,CAAC,KAAY,EAAQ,MAAW,MAAa,KAAA,KAAa,IAAQ,IAC3E,IAAgB,MAAW,MAAW,WAAW,IAAQ,KAC9D,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAY,aAAY;EAAU,MAAM;EAAM,SAAS;YACnF,EAAQ,QAAQ;CACV,CAAA,IACL,MAAa,KAAA,KAAa,KAAS,IACtC,kBAAC,GAAD;EAAO,SAAQ;YAAa,EAAQ,QAAQ;CAAkB,CAAA,IAC3D,MAEE,KAAQ,GAAc,MAAe;EAC1C,IAAI,IAAK,KAAK,KAAM,KAAS,MAAS,GAAI;EAC1C,IAAM,IAAY,GAAS,GAAO,GAAM,CAAE;EAC1C,IAAY,EAAU,KAAK,MAAS,EAAU,MAAM,CAAI,CAAC,GAAG,CAAS;CACtE,GAEM,KAAY,GAAQ,KAAS,KAAe,KAAU,IACtD,KAAuB,MAAU,KAAK,MAAW,SAEjD,WACD,CAAC,KAAU,MAAW,UAAgB,OAEzC,kBAAC,GAAD;EACC,MAAK;EACL,SAAQ;EACR,aAAY;EACZ,WAAW,EACV,kKACA,sJACD;EACA,cAAY,EAAQ,QAAQ;EAC5B,SAAS;YATV,CAWC,kBAAC,IAAD,EAAM,WAAU,SAAU,CAAA,GAC1B,kBAAC,QAAD;GAAM,WAAU;aAAW,EAAQ,QAAQ;EAAc,CAAA,CAClD;;CAIV,OACC,kBAAC,WAAD;EACC,WAAW,EACV,uFACA,EACD;EACA,eAAa;EACb,gBAAc;EACd,GAAI;YAPL,CASE,MACA,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;KAAM,KAAI;KAAM,QAAO;eACrB;IACI,CAAA,GAEN,CAAC,CAAC,KACF,kBAAC,GAAD;KAAM,MAAK;KAAK,MAAK;KAAY,WAAU;eACzC;IACI,CAAA,CAEH;OACL,kBAAC,OAAD;IAAK,WAAU;cACb,KAAU;GACP,CAAA,CACE;MAGR,KACA,kBAAC,OAAD;GAAK,WAAU;aACb,KACA,kBAAC,GAAD;IACC,OAAO,EAAQ,QAAQ;IACvB,aAAa,EAAQ,QAAQ;IAC7B,QAAQ,IACP,kBAAC,GAAD;KAAQ,MAAK;KAAS,MAAM;KAAW,SAAS;eAC9C,EAAQ,QAAQ;IACV,CAAA,IACL,KAAA;GACJ,CAAA;EAEE,CAAA,IAEL,kBAAC,OAAD;GACC,WAAW,EACV,qCACA,MAAa,QACb,MAAW,SACR,eACA,MAAW,UACV,iHACA,MAAY,YACX,+DACA,4DACN;aAXD,CAaE,EAAM,KAAK,GAAM,MAAU;IAC3B,IAAM,IAAK,EAAU,MAAM,CAAI,GACzB,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAO,EAAU,QAAQ,CAAI,GAC7B,IAAM,EAAU,OAAO,CAAI,GAC3B,IAAM,EAAU,OAAO,CAAI,KAAK,GAChC,IAAY,MAAO,IACnB,IAAY,EAAU,UAAU,CAAI,MAAM,IAC1C,IAAW,EAAU,YAAY,CAAI,GACrC,IAAkB,IAAQ,GAC1B,IAAc,IAAQ,IAAQ,GAc9B,IAAW,IAAa,GAAM;KAZnC;KACA;KACA;KACA,SAAS;KACT;KACA;KACA;KACA,kBAAkB,IAAkB,GAAI,CAAI;KAC5C,cAAc,IAAW,GAAI,CAAI;KACjC,oBAAoB,EAAK,GAAO,IAAQ,CAAC;KACzC,gBAAgB,EAAK,GAAO,IAAQ,CAAC;IAEF,CAAG;IAiJvC,OAhJI,IACI,kBAAC,OAAD,EAAA,UAAe,EAAc,GAAnB,CAAmB,IAGjC,MAAW,UAEb,kBAAC,OAAD;KAEC,WAAW,EACV,6IACA,4EACA,KAAa,gCACd;KACA,gBAAc,KAAa,KAAA;eAP5B;MASE,IACA,kBAAC,OAAD;OAAU;OAAU;OAAK,SAAQ;OAAO,WAAU;MAA0B,CAAA,IAE5E,kBAAC,OAAD;OAAK,WAAU;iBACd,kBAAC,GAAD,EAAM,WAAW,IAAY,WAAW,SAAW,CAAA;MAC/C,CAAA;MAEL,KACA,kBAAC,GAAD;OACC,SAAQ;OACR,WAAU;iBAET,EAAQ,QAAQ;MACX,CAAA;MAEP,MAAS,WAAW,CAAC,CAAC,KACtB,kBAAC,GAAD;OACC,SAAQ;OACR,WAAU;iBAFX,CAIC,kBAAC,IAAD,EAAM,WAAU,sBAAuB,CAAA,GACtC,CACK;;MAEP,KACA,kBAAC,QAAD;OAAM,WAAU;iBACf,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;MACrB,CAAA;MAEN,CAAC,KACD,kBAAC,GAAD;OACC,MAAK;OACL,SAAQ;OACR,aAAY;OACZ,MAAK;OACL,WAAU;OACV,cAAY,EAAQ,QAAQ;OAC5B,eAAe,IAAW,GAAI,CAAI;iBAElC,kBAAC,IAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA;KAEL;OAlDC,CAkDD,IAIH,MAAW,SAEb,kBAAC,OAAD;KAEC,WAAU;KACV,gBAAc,KAAa,KAAA;eAH5B;MAKC,kBAAC,OAAD;OAAK,WAAU;iBACb,IACA,kBAAC,OAAD;QAAU;QAAU;QAAK,SAAQ;QAAO,WAAU;OAA0B,CAAA,IAE5E,kBAAC,OAAD;QAAK,WAAU;kBACd,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;OACtB,CAAA;MAEF,CAAA;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACC,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACC,kBAAC,GAAD;SAAM,KAAI;SAAM,QAAO;SAAW,MAAK;SAAK,WAAU;mBACpD;QACI,CAAA,GACL,KAAa,kBAAC,GAAD;SAAO,SAAQ;mBAAQ,EAAQ,QAAQ;QAAe,CAAA,CAChE;WACL,kBAAC,GAAD;QAAM,MAAK;QAAM,MAAK;kBAAtB;SACE,EAAyB,EAAQ,QAAQ,cAAc;UACvD,OAAO,IAAQ;UACf;SACD,CAAC;SACA;SACA,EAAuB,EAAU,QAAQ,CAAI,CAAC,KAAK,EAAQ;QACvD;SACF;;MACJ,CAAC,KACD,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACC,kBAAC,GAAD;SACC,MAAK;SACL,SAAQ;SACR,aAAY;SACZ,MAAK;SACL,UAAU;SACV,cAAY,EAAQ,QAAQ;SAC5B,eAAe,IAAkB,GAAI,CAAI;mBAEzC,kBAAC,IAAD,EAAM,WAAU,WAAY,CAAA;QACrB,CAAA;QACR,kBAAC,GAAD;SACC,MAAK;SACL,SAAQ;SACR,aAAY;SACZ,MAAK;SACL,UAAU,CAAC;SACX,cAAY,EAAQ,QAAQ;SAC5B,eAAe,EAAK,GAAO,IAAQ,CAAC;mBAEpC,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;QAC1B,CAAA;QACR,kBAAC,GAAD;SACC,MAAK;SACL,SAAQ;SACR,aAAY;SACZ,MAAK;SACL,UAAU,CAAC;SACX,cAAY,EAAQ,QAAQ;SAC5B,eAAe,EAAK,GAAO,IAAQ,CAAC;mBAEpC,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;QAC3B,CAAA;QACR,kBAAC,GAAD;SACC,MAAK;SACL,SAAQ;SACR,aAAY;SACZ,MAAK;SACL,cAAY,EAAQ,QAAQ;SAC5B,eAAe,IAAW,GAAI,CAAI;mBAElC,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA;QACvB,CAAA;OACJ;;KAEF;OA5EC,CA4ED,IAKN,kBAAC,OAAD;KAEC,WAAU;KACV,gBAAc,KAAa,KAAA;eAH5B,CAKC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,IACA,kBAAC,OAAD;OAAU;OAAU;OAAK,SAAQ;OAAO,WAAU;MAA0B,CAAA,IAE5E,kBAAC,OAAD;OAAK,WAAU;iBACd,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;MACtB,CAAA,GAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,KAAa,kBAAC,GAAD;QAAO,SAAQ;kBAAQ,EAAQ,QAAQ;OAAe,CAAA,GACpE,kBAAC,GAAD;QAAO,SAAQ;kBACb,EAAyB,EAAQ,QAAQ,cAAc;SACvD,OAAO,IAAQ;SACf;QACD,CAAC;OACK,CAAA,CACH;QACD;SACL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACC,kBAAC,GAAD;QAAM,KAAI;QAAM,QAAO;QAAW,MAAK;QAAK,WAAU;kBACpD;OACI,CAAA,GACN,kBAAC,GAAD;QAAM,MAAK;QAAM,MAAK;kBACpB,EAAuB,EAAU,QAAQ,CAAI,CAAC,KAAK,EAAQ;OACvD,CAAA,CACF;UACJ,CAAC,KACD,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACC,kBAAC,GAAD;SACC,MAAK;SACL,SAAQ;SACR,aAAY;SACZ,MAAK;SACL,UAAU;SACV,cAAY,EAAQ,QAAQ;SAC5B,eAAe,IAAkB,GAAI,CAAI;mBAEzC,kBAAC,IAAD,EAAM,WAAU,WAAY,CAAA;QACrB,CAAA;QACR,kBAAC,GAAD;SACC,MAAK;SACL,SAAQ;SACR,aAAY;SACZ,MAAK;SACL,UAAU,CAAC;SACX,cAAY,EAAQ,QAAQ;SAC5B,eAAe,EAAK,GAAO,IAAQ,CAAC;mBAEpC,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;QAC1B,CAAA;QACR,kBAAC,GAAD;SACC,MAAK;SACL,SAAQ;SACR,aAAY;SACZ,MAAK;SACL,UAAU,CAAC;SACX,cAAY,EAAQ,QAAQ;SAC5B,eAAe,EAAK,GAAO,IAAQ,CAAC;mBAEpC,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;QAC3B,CAAA;QACR,kBAAC,GAAD;SACC,MAAK;SACL,SAAQ;SACR,aAAY;SACZ,MAAK;SACL,WAAU;SACV,cAAY,EAAQ,QAAQ;SAC5B,eAAe,IAAW,GAAI,CAAI;mBAElC,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA;QACvB,CAAA;OACJ;QAEF;OACD;OAhFC,CAgFD;GAEP,CAAC,GACA,GAAc,CACX;IAEE;;AAEX"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/features/media-library/media-library.strings.ts","../../../../src/components/features/media-library/hooks/use-media-library.ts","../../../../src/components/features/media-library/partials/media-library-partials.tsx","../../../../src/components/features/media-library/media-library.tsx","../../../../src/components/features/media-library/media-resource-gallery.tsx"],"sourcesContent":["export interface MediaLibraryStrings {\n\ttitle: string;\n\tdescription: string;\n\tclose: string;\n\ttabs: {\n\t\tlibrary: string;\n\t\tupload: string;\n\t};\n\tsearchPlaceholder: string;\n\tclearSearch: string;\n\ttypeFilterLabel: string;\n\tcollectionFilterLabel: string;\n\tsortLabel: string;\n\tviewLabel: string;\n\tallTypes: string;\n\timages: string;\n\tvideos: string;\n\tfiles: string;\n\tallCollections: string;\n\tsortNewest: string;\n\tsortName: string;\n\tsortSize: string;\n\tsortUsage: string;\n\tgridView: string;\n\ttableView: string;\n\tcountAll: string;\n\tcountFiltered: string;\n\temptyLibraryTitle: string;\n\temptyLibraryDescription: string;\n\temptyFilteredTitle: string;\n\temptyFilteredDescription: string;\n\tclearFilters: string;\n\tuploadMedia: string;\n\tloading: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tcardDetails: string;\n\tprivateLabel: string;\n\tpublicLabel: string;\n\ttypeImage: string;\n\ttypeVideo: string;\n\ttypeFile: string;\n\tunknownSize: string;\n\tnotUsed: string;\n\tusedIn: string;\n\ttable: {\n\t\tname: string;\n\t\ttype: string;\n\t\tsize: string;\n\t\tcollection: string;\n\t\tused: string;\n\t};\n\tdetail: {\n\t\ttitle: string;\n\t\taltText: string;\n\t\taltPlaceholder: string;\n\t\tcollection: string;\n\t\ttags: string;\n\t\ttagsPlaceholder: string;\n\t\tpublic: string;\n\t\tpublicHint: string;\n\t\tprivateHint: string;\n\t\ttype: string;\n\t\tsize: string;\n\t\tdimensions: string;\n\t\tuploaded: string;\n\t\tusedIn: string;\n\t\treplace: string;\n\t\tdelete: string;\n\t\tclose: string;\n\t};\n\tupload: {\n\t\tdropTitle: string;\n\t\tdropHint: string;\n\t\tdragOver: string;\n\t\tcollection: string;\n\t\ttags: string;\n\t\ttagsPlaceholder: string;\n\t\tpublic: string;\n\t\tpublicHint: string;\n\t\tnoFiles: string;\n\t\tstagedCount: string;\n\t\tremoveFile: string;\n\t\tuploading: string;\n\t\tdone: string;\n\t};\n\tfooter: {\n\t\tpickOne: string;\n\t\tpickMany: string;\n\t\tselectedCount: string;\n\t\tclear: string;\n\t\tcancel: string;\n\t\tconfirmEmpty: string;\n\t\tconfirmOne: string;\n\t\tconfirmMany: string;\n\t\tnoFiles: string;\n\t\tstagedSummary: string;\n\t\tupload: string;\n\t\tuploadMany: string;\n\t\tuploading: string;\n\t};\n\tgallery: {\n\t\temptyTitle: string;\n\t\temptyDescription: string;\n\t\tadd: string;\n\t\taddMore: string;\n\t\taddTile: string;\n\t\tcover: string;\n\t\tprimary: string;\n\t\tsetPrimary: string;\n\t\tremove: string;\n\t\tmovePrevious: string;\n\t\tmoveNext: string;\n\t\titemPosition: string;\n\t\tmaxReached: string;\n\t};\n}\n\nexport const defaultMediaLibraryStrings: MediaLibraryStrings = {\n\ttitle: 'Add media',\n\tdescription: 'Pick from the library, or upload new files.',\n\tclose: 'Close media library',\n\ttabs: {\n\t\tlibrary: 'Library',\n\t\tupload: 'Upload',\n\t},\n\tsearchPlaceholder: 'Search by name or tag...',\n\tclearSearch: 'Clear search',\n\ttypeFilterLabel: 'Type',\n\tcollectionFilterLabel: 'Collection',\n\tsortLabel: 'Sort',\n\tviewLabel: 'View',\n\tallTypes: 'All',\n\timages: 'Images',\n\tvideos: 'Videos',\n\tfiles: 'Files',\n\tallCollections: 'All collections',\n\tsortNewest: 'Newest',\n\tsortName: 'Name',\n\tsortSize: 'Size',\n\tsortUsage: 'Most used',\n\tgridView: 'Grid view',\n\ttableView: 'Table view',\n\tcountAll: '{count} items',\n\tcountFiltered: '{count} of {total} items',\n\temptyLibraryTitle: 'Library is empty',\n\temptyLibraryDescription: 'Upload images or videos to start building the library.',\n\temptyFilteredTitle: 'No media matches',\n\temptyFilteredDescription: 'Try a different search term, or clear the filters.',\n\tclearFilters: 'Clear filters',\n\tuploadMedia: 'Upload media',\n\tloading: 'Loading media...',\n\terrorTitle: 'Media could not load',\n\terrorDescription: 'Try again or adjust your filters.',\n\tcardDetails: 'Details for {name}',\n\tprivateLabel: 'Private',\n\tpublicLabel: 'Public',\n\ttypeImage: 'Image',\n\ttypeVideo: 'Video',\n\ttypeFile: 'File',\n\tunknownSize: 'Unknown',\n\tnotUsed: 'Not used yet',\n\tusedIn: '{count} {count, plural, one {place} other {places}}',\n\ttable: {\n\t\tname: 'Name',\n\t\ttype: 'Type',\n\t\tsize: 'Size',\n\t\tcollection: 'Collection',\n\t\tused: 'Used',\n\t},\n\tdetail: {\n\t\ttitle: 'Details',\n\t\taltText: 'Alt text',\n\t\taltPlaceholder: 'Describe this media for screen readers',\n\t\tcollection: 'Collection',\n\t\ttags: 'Tags',\n\t\ttagsPlaceholder: 'Comma-separated',\n\t\tpublic: 'Public',\n\t\tpublicHint: 'Served from the public CDN',\n\t\tprivateHint: 'Only visible in the admin',\n\t\ttype: 'Type',\n\t\tsize: 'Size',\n\t\tdimensions: 'Dimensions',\n\t\tuploaded: 'Uploaded',\n\t\tusedIn: 'Used in',\n\t\treplace: 'Replace file',\n\t\tdelete: 'Delete',\n\t\tclose: 'Close details',\n\t},\n\tupload: {\n\t\tdropTitle: 'Drag files here or click to browse',\n\t\tdropHint: 'JPG, PNG, WebP, SVG and MP4 up to 50 MB per file',\n\t\tdragOver: 'Release to stage files',\n\t\tcollection: 'Collection',\n\t\ttags: 'Tags',\n\t\ttagsPlaceholder: 'Comma-separated',\n\t\tpublic: 'Public',\n\t\tpublicHint: 'Serve from the public CDN',\n\t\tnoFiles: 'No files staged',\n\t\tstagedCount: '{count} {count, plural, one {file} other {files}}',\n\t\tremoveFile: 'Remove {name}',\n\t\tuploading: 'Uploading',\n\t\tdone: 'Done',\n\t},\n\tfooter: {\n\t\tpickOne: 'Pick one item',\n\t\tpickMany: 'Pick one or more items',\n\t\tselectedCount: '{count} selected',\n\t\tclear: 'Clear',\n\t\tcancel: 'Cancel',\n\t\tconfirmEmpty: 'Add to product',\n\t\tconfirmOne: 'Add 1 item',\n\t\tconfirmMany: 'Add {count} items',\n\t\tnoFiles: 'No files staged',\n\t\tstagedSummary: '{count} {count, plural, one {file} other {files}} · {size}',\n\t\tupload: 'Upload',\n\t\tuploadMany: 'Upload {count} files',\n\t\tuploading: 'Uploading...',\n\t},\n\tgallery: {\n\t\temptyTitle: 'No media attached',\n\t\temptyDescription: 'Add images, video, or files to this resource.',\n\t\tadd: 'Add media',\n\t\taddMore: 'Add more',\n\t\taddTile: 'Add another media item',\n\t\tcover: 'Cover',\n\t\tprimary: 'Primary',\n\t\tsetPrimary: 'Set primary',\n\t\tremove: 'Remove',\n\t\tmovePrevious: 'Move previous',\n\t\tmoveNext: 'Move next',\n\t\titemPosition: '{index} of {total}',\n\t\tmaxReached: 'Maximum reached',\n\t},\n};\n\nexport function formatMediaLibraryString(\n\ttemplate: string,\n\tvalues: Record<string, string | number>,\n): string {\n\treturn template\n\t\t.replace(\n\t\t\t/\\{(\\w+), plural, one \\{([^}]*)\\} other \\{([^}]*)\\}\\}/g,\n\t\t\t(_, key: string, one: string, other: string) =>\n\t\t\t\tNumber(values[key]) === 1 ? one : other,\n\t\t)\n\t\t.replace(/\\{(\\w+)\\}/g, (_, key: string) => String(values[key] ?? ''));\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n\tMediaLibraryAccessors,\n\tMediaLibraryFetchResult,\n\tMediaLibraryItem,\n\tMediaLibraryItemPatch,\n\tMediaLibraryItemType,\n\tMediaLibraryStagedFile,\n\tMediaLibraryUploadOptions,\n\tMediaLibraryUploadStatus,\n\tResolvedMediaLibraryAccessors,\n\tUseMediaLibraryOptions,\n\tMediaLibraryState,\n} from '../media-library.types';\n\nconst DEFAULT_UPLOAD_OPTIONS: MediaLibraryUploadOptions = {\n\tcollection: undefined,\n\ttags: [],\n\tpublic: true,\n};\nconst EMPTY_ITEMS: readonly unknown[] = [];\n\nconst defaultAccessors: ResolvedMediaLibraryAccessors<MediaLibraryItem> = {\n\tgetId: (item) => item.id,\n\tgetName: (item) => item.name,\n\tgetType: (item) => item.type,\n\tgetSrc: (item) => item.src,\n\tgetAlt: (item) => item.alt,\n\tgetSize: (item) => item.size,\n\tgetWidth: (item) => item.width,\n\tgetHeight: (item) => item.height,\n\tgetDuration: (item) => item.duration,\n\tgetCollection: (item) => item.collection,\n\tgetTags: (item) => item.tags ?? [],\n\tgetPublic: (item) => item.public,\n\tgetUploadedAt: (item) => item.uploadedAt,\n\tgetUsageCount: (item) => item.usageCount,\n\tgetTint: (item) => item.tint,\n\tgetMimeType: (item) => item.mimeType,\n};\n\nexport function resolveMediaLibraryAccessors<TItem = MediaLibraryItem>(\n\taccessors?: MediaLibraryAccessors<TItem>,\n): ResolvedMediaLibraryAccessors<TItem> {\n\treturn {\n\t\t...(defaultAccessors as unknown as ResolvedMediaLibraryAccessors<TItem>),\n\t\t...(accessors ?? {}),\n\t};\n}\n\nexport function formatMediaLibrarySize(bytes?: number): string {\n\tif (!bytes || bytes <= 0) return '';\n\tif (bytes >= 1048576) return `${(bytes / 1048576).toFixed(1)} MB`;\n\treturn `${Math.max(1, Math.round(bytes / 1024))} KB`;\n}\n\nexport function getMediaLibraryDimensions<TItem>(\n\titem: TItem,\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n): string {\n\tconst width = accessors.getWidth(item);\n\tconst height = accessors.getHeight(item);\n\tif (!width || !height) return '';\n\treturn `${width} x ${height}`;\n}\n\nfunction getUploadedTime<TItem>(\n\titem: TItem,\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n) {\n\tconst value = accessors.getUploadedAt(item);\n\tif (!value) return 0;\n\tconst date = value instanceof Date ? value : new Date(value);\n\tconst time = date.getTime();\n\treturn Number.isFinite(time) ? time : 0;\n}\n\nfunction inferFileType(file: File): MediaLibraryItemType {\n\tif (file.type.startsWith('image/')) return 'image';\n\tif (file.type.startsWith('video/')) return 'video';\n\treturn 'file';\n}\n\nfunction createPreviewUrl(file: File): string | undefined {\n\tif (!file.type.startsWith('image/')) return undefined;\n\tif (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {\n\t\treturn undefined;\n\t}\n\treturn URL.createObjectURL(file);\n}\n\nfunction revokePreviewUrl(url: string | undefined) {\n\tif (!url || typeof URL === 'undefined' || typeof URL.revokeObjectURL !== 'function') {\n\t\treturn;\n\t}\n\tURL.revokeObjectURL(url);\n}\n\nfunction normalizeFetchResult<TItem>(\n\tresult: MediaLibraryFetchResult<TItem> | TItem[],\n): MediaLibraryFetchResult<TItem> {\n\tif (Array.isArray(result)) return { items: result, total: result.length };\n\treturn result;\n}\n\nfunction mergePatch<TItem>(item: TItem, patch?: MediaLibraryItemPatch): TItem {\n\tif (!patch) return item;\n\tif (typeof item === 'object' && item !== null) {\n\t\treturn { ...(item as object), ...patch } as TItem;\n\t}\n\treturn item;\n}\n\nfunction filterItems<TItem>(\n\titems: TItem[],\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n\tquery: string,\n\ttype: string,\n\tcollection: string,\n) {\n\tconst normalizedQuery = query.trim().toLowerCase();\n\treturn items.filter((item) => {\n\t\tif (type !== 'all' && accessors.getType(item) !== type) return false;\n\t\tif (collection !== 'all' && accessors.getCollection(item) !== collection) return false;\n\t\tif (!normalizedQuery) return true;\n\n\t\tconst haystack = [\n\t\t\taccessors.getName(item),\n\t\t\taccessors.getAlt(item),\n\t\t\taccessors.getCollection(item),\n\t\t\t...accessors.getTags(item),\n\t\t]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\t\t\t.toLowerCase();\n\t\treturn haystack.includes(normalizedQuery);\n\t});\n}\n\nfunction sortItems<TItem>(\n\titems: TItem[],\n\taccessors: ResolvedMediaLibraryAccessors<TItem>,\n\tsort: string,\n) {\n\tconst sorted = items.slice();\n\tif (sort === 'name') {\n\t\tsorted.sort((a, b) => accessors.getName(a).localeCompare(accessors.getName(b)));\n\t} else if (sort === 'size') {\n\t\tsorted.sort((a, b) => (accessors.getSize(b) ?? 0) - (accessors.getSize(a) ?? 0));\n\t} else if (sort === 'usage') {\n\t\tsorted.sort(\n\t\t\t(a, b) => (accessors.getUsageCount(b) ?? 0) - (accessors.getUsageCount(a) ?? 0),\n\t\t);\n\t} else {\n\t\tsorted.sort((a, b) => getUploadedTime(b, accessors) - getUploadedTime(a, accessors));\n\t}\n\treturn sorted;\n}\n\nexport function useMediaLibrary<TItem = MediaLibraryItem>({\n\titems: itemsProp = EMPTY_ITEMS as readonly TItem[],\n\tfetcher,\n\taccessors: accessorsProp,\n\tselectionMode = 'multiple',\n\tvalue,\n\tdefaultValue = [],\n\tonValueChange,\n\tonItemUpdate,\n\tonItemDelete,\n\tonUpload,\n\tonError,\n\tinitialTab = 'library',\n\tdefaultView = 'grid',\n\tdefaultQuery = '',\n\tdefaultType = 'all',\n\tdefaultCollection = 'all',\n\tdefaultSort = 'newest',\n\tdefaultUploadOptions,\n}: UseMediaLibraryOptions<TItem> = {}): MediaLibraryState<TItem> {\n\tconst accessors = useMemo(\n\t\t() => resolveMediaLibraryAccessors(accessorsProp),\n\t\t[accessorsProp],\n\t);\n\tconst [tab, setTab] = useState(initialTab);\n\tconst [view, setView] = useState(defaultView);\n\tconst [query, setQuery] = useState(defaultQuery);\n\tconst [type, setType] = useState(defaultType);\n\tconst [collection, setCollection] = useState(defaultCollection);\n\tconst [sort, setSort] = useState(defaultSort);\n\tconst [detailId, setDetailId] = useState<string | null>(null);\n\tconst [internalValue, setInternalValue] = useState<string[]>(() => [...defaultValue]);\n\tconst [fetchedItems, setFetchedItems] = useState<TItem[]>([]);\n\tconst [fetchedTotal, setFetchedTotal] = useState<number | undefined>();\n\tconst [loading, setLoading] = useState(false);\n\tconst [error, setError] = useState<unknown>(null);\n\tconst [createdItems, setCreatedItems] = useState<TItem[]>([]);\n\tconst [removedIds, setRemovedIds] = useState<Set<string>>(() => new Set());\n\tconst [itemPatches, setItemPatches] = useState<Record<string, MediaLibraryItemPatch>>({});\n\tconst [stagedFiles, setStagedFiles] = useState<MediaLibraryStagedFile[]>([]);\n\tconst [uploading, setUploading] = useState(false);\n\tconst [uploadOptions, setUploadOptions] = useState<MediaLibraryUploadOptions>({\n\t\t...DEFAULT_UPLOAD_OPTIONS,\n\t\t...defaultUploadOptions,\n\t\ttags: defaultUploadOptions?.tags ?? DEFAULT_UPLOAD_OPTIONS.tags,\n\t});\n\tconst isSelectionControlled = value !== undefined;\n\tconst selectedIds = useMemo(\n\t\t() => (isSelectionControlled ? [...(value ?? [])] : internalValue),\n\t\t[internalValue, isSelectionControlled, value],\n\t);\n\tconst selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n\tconst objectUrlRef = useRef<Set<string>>(new Set());\n\n\tuseEffect(() => {\n\t\tif (!fetcher) return;\n\t\tconst controller = new AbortController();\n\t\tsetLoading(true);\n\t\tsetError(null);\n\t\tfetcher({\n\t\t\tquery,\n\t\t\ttype,\n\t\t\tcollection: collection === 'all' ? undefined : collection,\n\t\t\tsort,\n\t\t\tsignal: controller.signal,\n\t\t})\n\t\t\t.then((result) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tconst normalized = normalizeFetchResult(result);\n\t\t\t\tsetFetchedItems(normalized.items);\n\t\t\t\tsetFetchedTotal(normalized.total);\n\t\t\t})\n\t\t\t.catch((nextError) => {\n\t\t\t\tif (controller.signal.aborted) return;\n\t\t\t\tsetError(nextError);\n\t\t\t\tonError?.(nextError);\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (!controller.signal.aborted) setLoading(false);\n\t\t\t});\n\t\treturn () => controller.abort();\n\t}, [collection, fetcher, onError, query, sort, type]);\n\n\tuseEffect(() => {\n\t\tconst objectUrls = objectUrlRef.current;\n\t\treturn () => {\n\t\t\tfor (const url of objectUrls) revokePreviewUrl(url);\n\t\t\tobjectUrls.clear();\n\t\t};\n\t}, []);\n\n\tconst sourceItems = useMemo(\n\t\t() => (fetcher ? fetchedItems : [...createdItems, ...itemsProp]),\n\t\t[createdItems, fetchedItems, fetcher, itemsProp],\n\t);\n\tconst patchedItems = useMemo(\n\t\t() =>\n\t\t\tsourceItems\n\t\t\t\t.filter((item) => !removedIds.has(accessors.getId(item)))\n\t\t\t\t.map((item) => mergePatch(item, itemPatches[accessors.getId(item)])),\n\t\t[accessors, itemPatches, removedIds, sourceItems],\n\t);\n\tconst visibleItems = useMemo(() => {\n\t\tconst filtered = fetcher\n\t\t\t? patchedItems\n\t\t\t: filterItems(patchedItems, accessors, query, type, collection);\n\t\treturn fetcher ? filtered : sortItems(filtered, accessors, sort);\n\t}, [accessors, collection, fetcher, patchedItems, query, sort, type]);\n\tconst totalCount = fetchedTotal ?? patchedItems.length;\n\tconst filteredCount = visibleItems.length;\n\tconst selectedItems = useMemo(\n\t\t() => patchedItems.filter((item) => selectedSet.has(accessors.getId(item))),\n\t\t[accessors, patchedItems, selectedSet],\n\t);\n\tconst hasFilters = Boolean(query.trim()) || type !== 'all' || collection !== 'all';\n\n\tconst applySelection = useCallback(\n\t\t(nextIds: string[]) => {\n\t\t\tif (!isSelectionControlled) setInternalValue(nextIds);\n\t\t\tconst nextSet = new Set(nextIds);\n\t\t\tconst nextItems = patchedItems.filter((item) => nextSet.has(accessors.getId(item)));\n\t\t\tonValueChange?.(nextIds, nextItems);\n\t\t},\n\t\t[accessors, isSelectionControlled, onValueChange, patchedItems],\n\t);\n\n\tconst toggleSelection = useCallback(\n\t\t(id: string) => {\n\t\t\tconst next = new Set(selectionMode === 'single' ? [] : selectedSet);\n\t\t\tif (selectedSet.has(id) && selectionMode !== 'single') {\n\t\t\t\tnext.delete(id);\n\t\t\t} else {\n\t\t\t\tnext.add(id);\n\t\t\t}\n\t\t\tapplySelection(Array.from(next));\n\t\t},\n\t\t[applySelection, selectedSet, selectionMode],\n\t);\n\n\tconst clearSelection = useCallback(() => applySelection([]), [applySelection]);\n\tconst clearFilters = useCallback(() => {\n\t\tsetQuery('');\n\t\tsetType('all');\n\t\tsetCollection('all');\n\t}, []);\n\n\tconst addFiles = useCallback((files: File[]) => {\n\t\tsetStagedFiles((current) => [\n\t\t\t...current,\n\t\t\t...files.map((file, index) => {\n\t\t\t\tconst src = createPreviewUrl(file);\n\t\t\t\tif (src) objectUrlRef.current.add(src);\n\t\t\t\treturn {\n\t\t\t\t\tid: `staged-${Date.now()}-${index}`,\n\t\t\t\t\tfile,\n\t\t\t\t\tname: file.name,\n\t\t\t\t\tsize: file.size,\n\t\t\t\t\ttype: inferFileType(file),\n\t\t\t\t\tsrc,\n\t\t\t\t\tprogress: 0,\n\t\t\t\t\tstatus: 'staged' as const,\n\t\t\t\t};\n\t\t\t}),\n\t\t]);\n\t}, []);\n\n\tconst removeStagedFile = useCallback((id: string) => {\n\t\tsetStagedFiles((current) => {\n\t\t\tconst target = current.find((file) => file.id === id);\n\t\t\tif (target?.src) {\n\t\t\t\trevokePreviewUrl(target.src);\n\t\t\t\tobjectUrlRef.current.delete(target.src);\n\t\t\t}\n\t\t\treturn current.filter((file) => file.id !== id);\n\t\t});\n\t}, []);\n\n\tconst clearStagedFiles = useCallback(() => {\n\t\tsetStagedFiles((current) => {\n\t\t\tfor (const file of current) {\n\t\t\t\tif (file.src) {\n\t\t\t\t\trevokePreviewUrl(file.src);\n\t\t\t\t\tobjectUrlRef.current.delete(file.src);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn [];\n\t\t});\n\t}, []);\n\n\tconst updateUploadOptions = useCallback((patch: Partial<MediaLibraryUploadOptions>) => {\n\t\tsetUploadOptions((current) => ({ ...current, ...patch }));\n\t}, []);\n\n\tconst setUploadFile = useCallback(\n\t\t(fileId: string, patch: Partial<Pick<MediaLibraryStagedFile, 'progress' | 'status' | 'error'>>) => {\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) => (file.id === fileId ? { ...file, ...patch } : file)),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\tconst startUpload = useCallback(async () => {\n\t\tif (uploading || stagedFiles.length === 0) return;\n\t\tsetUploading(true);\n\t\tsetStagedFiles((current) =>\n\t\t\tcurrent.map((file) => ({ ...file, status: 'uploading', progress: 0 })),\n\t\t);\n\t\tconst helpers = {\n\t\t\tsetProgress: (fileId: string, progress: number) => {\n\t\t\t\tsetUploadFile(fileId, { progress: Math.max(0, Math.min(100, progress)) });\n\t\t\t},\n\t\t\tsetFileStatus: (\n\t\t\t\tfileId: string,\n\t\t\t\tstatus: MediaLibraryUploadStatus,\n\t\t\t\tnextError?: string,\n\t\t\t) => setUploadFile(fileId, { status, error: nextError }),\n\t\t};\n\n\t\ttry {\n\t\t\tconst files = stagedFiles.map((file) => file.file);\n\t\t\tconst uploaded = await onUpload?.(files, uploadOptions, helpers);\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) => ({ ...file, status: 'done', progress: 100 })),\n\t\t\t);\n\t\t\tif (uploaded?.length) {\n\t\t\t\tsetCreatedItems((current) => [...uploaded, ...current]);\n\t\t\t\tconst uploadedIds = uploaded.map((item) => accessors.getId(item));\n\t\t\t\tapplySelection(\n\t\t\t\t\tselectionMode === 'single'\n\t\t\t\t\t\t? uploadedIds.slice(0, 1)\n\t\t\t\t\t\t: Array.from(new Set([...uploadedIds, ...selectedIds])),\n\t\t\t\t);\n\t\t\t}\n\t\t\tclearStagedFiles();\n\t\t\tsetTab('library');\n\t\t} catch (nextError) {\n\t\t\tsetError(nextError);\n\t\t\tsetStagedFiles((current) =>\n\t\t\t\tcurrent.map((file) =>\n\t\t\t\t\tfile.status === 'uploading'\n\t\t\t\t\t\t? { ...file, status: 'error', error: 'Upload failed' }\n\t\t\t\t\t\t: file,\n\t\t\t\t),\n\t\t\t);\n\t\t\tonError?.(nextError);\n\t\t} finally {\n\t\t\tsetUploading(false);\n\t\t}\n\t}, [\n\t\taccessors,\n\t\tapplySelection,\n\t\tclearStagedFiles,\n\t\tonError,\n\t\tonUpload,\n\t\tselectedIds,\n\t\tselectionMode,\n\t\tsetUploadFile,\n\t\tstagedFiles,\n\t\tuploadOptions,\n\t\tuploading,\n\t]);\n\n\tconst updateItem = useCallback(\n\t\t(item: TItem, patch: MediaLibraryItemPatch) => {\n\t\t\tconst id = accessors.getId(item);\n\t\t\tsetItemPatches((current) => ({ ...current, [id]: { ...current[id], ...patch } }));\n\t\t\tvoid onItemUpdate?.(item, patch);\n\t\t},\n\t\t[accessors, onItemUpdate],\n\t);\n\n\tconst removeItem = useCallback(\n\t\t(item: TItem) => {\n\t\t\tconst id = accessors.getId(item);\n\t\t\tsetRemovedIds((current) => new Set(current).add(id));\n\t\t\tif (selectedSet.has(id)) {\n\t\t\t\tapplySelection(selectedIds.filter((selectedId) => selectedId !== id));\n\t\t\t}\n\t\t\tvoid onItemDelete?.(item);\n\t\t},\n\t\t[accessors, applySelection, onItemDelete, selectedIds, selectedSet],\n\t);\n\n\treturn {\n\t\ttab,\n\t\tsetTab,\n\t\tview,\n\t\tsetView,\n\t\tquery,\n\t\tsetQuery,\n\t\ttype,\n\t\tsetType,\n\t\tcollection,\n\t\tsetCollection,\n\t\tsort,\n\t\tsetSort,\n\t\tdetailId,\n\t\tsetDetailId,\n\t\titems: patchedItems,\n\t\tvisibleItems,\n\t\tselectedIds,\n\t\tselectedItems,\n\t\tselectedSet,\n\t\ttoggleSelection,\n\t\tclearSelection,\n\t\tclearFilters,\n\t\tloading,\n\t\terror,\n\t\thasFilters,\n\t\ttotalCount,\n\t\tfilteredCount,\n\t\tstagedFiles,\n\t\taddFiles,\n\t\tremoveStagedFile,\n\t\tclearStagedFiles,\n\t\tupdateUploadOptions,\n\t\tuploadOptions,\n\t\tuploading,\n\t\tstartUpload,\n\t\tupdateItem,\n\t\tremoveItem,\n\t\taccessors,\n\t};\n}\n","import {\n\tArrowLeft,\n\tCheck,\n\tFile,\n\tGrid2X2,\n\tImageIcon,\n\tInfo,\n\tLayoutList,\n\tLayers3,\n\tLock,\n\tPlay,\n\tSearch,\n\tTrash2,\n\tUploadCloud,\n\tVideo,\n\tX,\n} from 'lucide-react';\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport {\n\tDropzone,\n\tFormField,\n\tInput,\n\tSelect,\n\tToggleSwitch,\n} from '@/components/base/forms';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tformatMediaLibraryString,\n\ttype MediaLibraryStrings,\n} from '../media-library.strings';\nimport {\n\tformatMediaLibrarySize,\n\tgetMediaLibraryDimensions,\n} from '../hooks/use-media-library';\nimport type {\n\tMediaLibraryCardProps,\n\tMediaLibraryDetailPanelProps,\n\tMediaLibraryEmptyStateProps,\n\tMediaLibraryFooterActionsProps,\n\tMediaLibraryFooterProps,\n\tMediaLibraryFooterSummaryProps,\n\tMediaLibraryTableProps,\n\tMediaLibraryToolbarProps,\n\tMediaLibraryUploadPanelProps,\n\tMediaLibraryItemType,\n} from '../media-library.types';\n\nfunction typeIcon(type: MediaLibraryItemType, className?: string) {\n\tif (type === 'image') return <ImageIcon className={className ?? 'size-4'} />;\n\tif (type === 'video') return <Video className={className ?? 'size-4'} />;\n\treturn <File className={className ?? 'size-4'} />;\n}\n\nfunction typeLabel(type: MediaLibraryItemType, strings: MediaLibraryStrings) {\n\tif (type === 'image') return strings.typeImage;\n\tif (type === 'video') return strings.typeVideo;\n\treturn strings.typeFile;\n}\n\nfunction usedInLabel(count: number | undefined, strings: MediaLibraryStrings) {\n\tif (!count) return strings.notUsed;\n\treturn formatMediaLibraryString(strings.usedIn, { count });\n}\n\nfunction MediaPreview({\n\tchildren,\n\ttint,\n\tclassName,\n}: {\n\tchildren: ReactNode;\n\ttint?: string;\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-preview relative overflow-hidden bg-muted',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={tint ? { background: tint } : undefined}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nfunction MediaPreviewImage({\n\tsrc,\n\talt,\n\ttype,\n\tclassName,\n\tloading = 'lazy',\n}: {\n\tsrc?: string;\n\talt: string;\n\ttype: MediaLibraryItemType;\n\tclassName?: string;\n\tloading?: 'eager' | 'lazy';\n}) {\n\tconst [failed, setFailed] = useState(false);\n\n\tuseEffect(() => {\n\t\tsetFailed(false);\n\t}, [src]);\n\n\tif (!src || failed) {\n\t\treturn (\n\t\t\t<div className=\"media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t{typeIcon(type, 'size-6')}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<img\n\t\t\tsrc={src}\n\t\t\talt={alt}\n\t\t\tloading={loading}\n\t\t\tclassName={className}\n\t\t\tonError={() => setFailed(true)}\n\t\t/>\n\t);\n}\n\nexport function MediaLibraryEmptyState({\n\ticon,\n\ttitle,\n\tdescription,\n\taction,\n\tclassName,\n}: MediaLibraryEmptyStateProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-empty-state--component flex min-h-64 flex-col items-center justify-center rounded-lg border border-dashed border-border bg-muted/20 px-6 py-10 text-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground\">\n\t\t\t\t{icon ?? <ImageIcon className=\"size-5\" />}\n\t\t\t</div>\n\t\t\t<Text tag=\"div\" weight=\"semibold\">\n\t\t\t\t{title}\n\t\t\t</Text>\n\t\t\t{!!description && (\n\t\t\t\t<Text type=\"secondary\" size=\"xs\" className=\"mt-1 max-w-sm\">\n\t\t\t\t\t{description}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t{!!action && <div className=\"mt-4\">{action}</div>}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryToolbar({\n\tquery,\n\ttype,\n\ttypeFilters,\n\tcollection,\n\tsort,\n\tview,\n\tcollections = [],\n\tstrings,\n\tonQueryChange,\n\tonTypeChange,\n\tonCollectionChange,\n\tonSortChange,\n\tonViewChange,\n\tonClearFilters,\n\ttoolbarEnd,\n}: MediaLibraryToolbarProps) {\n\tconst typeOptions = [\n\t\t{ value: 'all', label: strings.allTypes, icon: null },\n\t\t{ value: 'image', label: strings.images, icon: ImageIcon },\n\t\t{ value: 'video', label: strings.videos, icon: Video },\n\t\t{ value: 'file', label: strings.files, icon: File },\n\t].filter((option) => (typeFilters ?? ['all', 'image', 'video']).includes(option.value as typeof type));\n\tconst collectionOptions = [\n\t\t{ value: 'all', label: strings.allCollections },\n\t\t...collections.map((option) => ({\n\t\t\tvalue: option.value,\n\t\t\tlabel: String(option.label),\n\t\t})),\n\t];\n\tconst sortOptions = [\n\t\t{ value: 'newest', label: strings.sortNewest },\n\t\t{ value: 'name', label: strings.sortName },\n\t\t{ value: 'size', label: strings.sortSize },\n\t\t{ value: 'usage', label: strings.sortUsage },\n\t];\n\n\treturn (\n\t\t<div className=\"media-library-toolbar--component flex flex-wrap items-center gap-2\">\n\t\t\t<div className=\"min-w-52 flex-1\">\n\t\t\t\t<Input\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonChange={(event) => onQueryChange(event.target.value)}\n\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\tstartIcon={Search}\n\t\t\t\t\tclearable\n\t\t\t\t\tonClear={() => onQueryChange('')}\n\t\t\t\t\tstrings={{ clear: strings.clearSearch }}\n\t\t\t\t\tclassName=\"rounded-full bg-muted/20\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"media-library-toolbar--type-toggle flex h-9 items-center rounded-md bg-muted p-0.5\" role=\"tablist\" aria-label={strings.typeFilterLabel}>\n\t\t\t\t{typeOptions.map((option) => {\n\t\t\t\t\tconst Icon = option.icon;\n\t\t\t\t\tconst active = type === option.value;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\taria-selected={active}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-8 rounded-sm px-3 text-xs shadow-none',\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t? 'bg-background text-foreground shadow-xs hover:bg-background'\n\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={() => onTypeChange(option.value as typeof type)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{Icon && <Icon className=\"size-3.5\" />}\n\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t<div className=\"min-w-40\">\n\t\t\t\t<Select\n\t\t\t\t\tvalue={collection}\n\t\t\t\t\toptions={collectionOptions}\n\t\t\t\t\tonChange={(value) => onCollectionChange(value ?? 'all')}\n\t\t\t\t\tplaceholder={strings.collectionFilterLabel}\n\t\t\t\t\taria-label={strings.collectionFilterLabel}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"min-w-32\">\n\t\t\t\t<Select\n\t\t\t\t\tvalue={sort}\n\t\t\t\t\toptions={sortOptions}\n\t\t\t\t\tonChange={(value) => onSortChange((value ?? 'newest') as typeof sort)}\n\t\t\t\t\tplaceholder={strings.sortLabel}\n\t\t\t\t\taria-label={strings.sortLabel}\n\t\t\t\t\tclassName=\"bg-background\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"media-library-toolbar--view-toggle ml-auto flex h-9 items-center rounded-md bg-muted p-0.5\">\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant={view === 'grid' ? 'dark' : 'secondary'}\n\t\t\t\t\tbuttonStyle={view === 'grid' ? 'solid' : 'ghost'}\n\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\tclassName={cn(view === 'grid' && 'bg-background text-foreground shadow-xs hover:bg-background')}\n\t\t\t\t\taria-label={strings.gridView}\n\t\t\t\t\tonClick={() => onViewChange('grid')}\n\t\t\t\t>\n\t\t\t\t\t<Grid2X2 className=\"size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant={view === 'table' ? 'dark' : 'secondary'}\n\t\t\t\t\tbuttonStyle={view === 'table' ? 'solid' : 'ghost'}\n\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\tclassName={cn(view === 'table' && 'bg-background text-foreground shadow-xs hover:bg-background')}\n\t\t\t\t\taria-label={strings.tableView}\n\t\t\t\t\tonClick={() => onViewChange('table')}\n\t\t\t\t>\n\t\t\t\t\t<LayoutList className=\"size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{!!query && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tonClick={onClearFilters}\n\t\t\t\t>\n\t\t\t\t\t{strings.clearFilters}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t{toolbarEnd}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryCard<TItem>({\n\titem,\n\tselected = false,\n\tdensity = 'comfortable',\n\tshowMeta = true,\n\taccessors,\n\tstrings,\n\tonToggle,\n\tonDetails,\n\tclassName,\n}: MediaLibraryCardProps<TItem>) {\n\tconst type = accessors.getType(item);\n\tconst name = accessors.getName(item);\n\tconst src = accessors.getSrc(item);\n\tconst alt = accessors.getAlt(item) || name;\n\tconst size = accessors.getSize(item);\n\tconst usageCount = accessors.getUsageCount(item);\n\tconst isPrivate = accessors.getPublic(item) === false;\n\tconst duration = accessors.getDuration(item);\n\n\treturn (\n\t\t<div\n\t\t\tdata-selected={selected || undefined}\n\t\t\tdata-density={density}\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-card--component group/card overflow-hidden rounded-xl border border-border/70 bg-card text-left shadow-xs transition-all',\n\t\t\t\t'hover:border-primary/30 hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\tselected && 'media-library-card--selected border-primary ring-1 ring-primary',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tonClick={onToggle}\n\t\t>\n\t\t\t<MediaPreview\n\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\tclassName={cn(density === 'compact' ? 'aspect-square' : 'aspect-[4/3]')}\n\t\t\t>\n\t\t\t\t<MediaPreviewImage src={src} alt={alt} type={type} className=\"size-full object-cover\" />\n\t\t\t\t<span\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'media-library-card--check absolute left-2 top-2 inline-flex size-5 items-center justify-center rounded-md border border-border bg-background/95 text-transparent opacity-0 shadow-xs backdrop-blur transition-opacity group-hover/card:opacity-100 group-focus-visible/card:opacity-100',\n\t\t\t\t\t\tselected && 'bg-primary text-primary-foreground opacity-100',\n\t\t\t\t\t)}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<Check className=\"size-3\" />\n\t\t\t\t</span>\n\t\t\t\t{!!onDetails && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\tclassName=\"media-library-card--details absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100\"\n\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.cardDetails, { name })}\n\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tonDetails();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Info className=\"size-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t{type === 'video' && !!duration && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tclassName=\"media-library-card--duration absolute bottom-2 left-2 bg-foreground text-background\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Play className=\"size-3 fill-current\" />\n\t\t\t\t\t\t{duration}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t\t{isPrivate && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tclassName=\"media-library-card--private absolute bottom-2 right-2 bg-background/90\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Lock className=\"size-3\" />\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</MediaPreview>\n\t\t\t<div className=\"media-library-card--body grid gap-1 px-3 py-2.5\">\n\t\t\t\t<Text tag=\"div\" weight=\"semibold\" size=\"xs\" className=\"truncate\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{showMeta && (\n\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{formatMediaLibrarySize(size) || strings.unknownSize}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!usageCount && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"ml-auto inline-flex items-center gap-1\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Layers3 className=\"size-3\" />\n\t\t\t\t\t\t\t\t{usageCount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryTable<TItem>({\n\titems,\n\tselectedSet,\n\taccessors,\n\tstrings,\n\tonToggle,\n\tonDetails,\n}: MediaLibraryTableProps<TItem>) {\n\treturn (\n\t\t<div\n\t\t\tclassName=\"media-library-table--component min-w-180\"\n\t\t>\n\t\t\t<div className=\"sticky top-0 z-10 grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border bg-background px-3 py-2\">\n\t\t\t\t<span />\n\t\t\t\t<span />\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.name}\n\t\t\t\t</Text>\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.type}\n\t\t\t\t</Text>\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.size}\n\t\t\t\t</Text>\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.collection}\n\t\t\t\t</Text>\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"semibold\">\n\t\t\t\t\t{strings.table.used}\n\t\t\t\t</Text>\n\t\t\t\t<span />\n\t\t\t</div>\n\t\t\t{items.map((item) => {\n\t\t\t\tconst id = accessors.getId(item);\n\t\t\t\tconst selected = selectedSet.has(id);\n\t\t\t\tconst type = accessors.getType(item);\n\t\t\t\tconst name = accessors.getName(item);\n\t\t\t\tconst src = accessors.getSrc(item);\n\t\t\t\tconst isPrivate = accessors.getPublic(item) === false;\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\tdata-selected={selected || undefined}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'media-library-table--row grid grid-cols-[32px_42px_minmax(0,1fr)_86px_88px_120px_72px_34px] items-center gap-3 border-b border-border/60 px-3 py-2 last:border-b-0',\n\t\t\t\t\t\t\t'cursor-pointer rounded-lg transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset',\n\t\t\t\t\t\t\tselected && 'bg-primary/10',\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={() => onToggle(id)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'inline-flex size-5 items-center justify-center rounded-md border border-border text-transparent',\n\t\t\t\t\t\t\t\tselected && 'border-primary bg-primary text-primary-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Check className=\"size-3\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<MediaPreview\n\t\t\t\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\t\t\t\tclassName=\"size-9 rounded-md\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t<img src={src} alt=\"\" loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{typeIcon(type, 'size-4')}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</MediaPreview>\n\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" size=\"xs\" className=\"flex min-w-0 items-center gap-1 truncate\">\n\t\t\t\t\t\t\t<span className=\"truncate\">{name}</span>\n\t\t\t\t\t\t\t{isPrivate && <Lock className=\"size-3 shrink-0 text-muted-foreground\" />}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Badge variant=\"secondary\">{typeLabel(type, strings)}</Badge>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{formatMediaLibrarySize(accessors.getSize(item)) || strings.unknownSize}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{accessors.getCollection(item) || '-'}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{accessors.getUsageCount(item) ? accessors.getUsageCount(item) : '-'}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.cardDetails, { name })}\n\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\tonDetails(id);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Info className=\"size-3.5\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryDetailPanel<TItem>({\n\titem,\n\tcollections = [],\n\taccessors,\n\tstrings,\n\tonClose,\n\tonUpdate,\n\tonRemove,\n\trenderDetail,\n}: MediaLibraryDetailPanelProps<TItem>) {\n\tif (!item) return null;\n\tconst name = accessors.getName(item);\n\tconst type = accessors.getType(item);\n\tconst src = accessors.getSrc(item);\n\tconst collection = accessors.getCollection(item) ?? collections[0]?.value ?? '';\n\tconst tags = accessors.getTags(item);\n\tconst isPublic = accessors.getPublic(item) ?? true;\n\tconst custom = renderDetail?.(item, {\n\t\taccessors,\n\t\tupdate: onUpdate,\n\t\tremove: onRemove,\n\t\tclose: onClose,\n\t});\n\tif (custom) return <>{custom}</>;\n\n\treturn (\n\t\t<aside className=\"media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background lg:w-72\">\n\t\t\t<div className=\"media-library-detail-panel--header flex items-center gap-2 border-b border-border px-3 py-2.5\">\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\taria-label={strings.detail.close}\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t>\n\t\t\t\t\t<ArrowLeft className=\"size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t\t<Text weight=\"semibold\">{strings.detail.title}</Text>\n\t\t\t</div>\n\t\t\t<div className=\"media-library-detail-panel--body grid min-h-0 gap-4 overflow-y-auto p-4\">\n\t\t\t\t<MediaPreview\n\t\t\t\t\ttint={accessors.getTint(item)}\n\t\t\t\t\tclassName=\"aspect-[4/3] rounded-lg border border-border\"\n\t\t\t\t>\n\t\t\t\t\t<MediaPreviewImage src={src} alt={accessors.getAlt(item) || name} type={type} className=\"size-full object-cover\" />\n\t\t\t\t\t{type === 'video' && !!accessors.getDuration(item) && (\n\t\t\t\t\t\t<Badge className=\"absolute bottom-2 right-2 bg-foreground text-background\">\n\t\t\t\t\t\t\t<Play className=\"size-3 fill-current\" />\n\t\t\t\t\t\t\t{accessors.getDuration(item)}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</MediaPreview>\n\t\t\t\t<Text tag=\"div\" weight=\"semibold\" className=\"break-words\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t<dl className=\"media-library-detail-panel--facts grid gap-2\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t[strings.detail.type, typeLabel(type, strings)],\n\t\t\t\t\t\t[strings.detail.size, formatMediaLibrarySize(accessors.getSize(item)) || strings.unknownSize],\n\t\t\t\t\t\t[strings.detail.dimensions, getMediaLibraryDimensions(item, accessors) || '-'],\n\t\t\t\t\t\t[strings.detail.uploaded, String(accessors.getUploadedAt(item) ?? '-')],\n\t\t\t\t\t\t[strings.detail.usedIn, usedInLabel(accessors.getUsageCount(item), strings)],\n\t\t\t\t\t].map(([label, value]) => (\n\t\t\t\t\t\t<div key={label} className=\"flex justify-between gap-4\">\n\t\t\t\t\t\t\t<dt>\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t<dd className=\"m-0 text-right\">\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</dl>\n\t\t\t\t<FormField label={strings.detail.altText}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={accessors.getAlt(item) ?? ''}\n\t\t\t\t\t\tplaceholder={strings.detail.altPlaceholder}\n\t\t\t\t\t\tonChange={(event) => onUpdate({ alt: event.target.value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.detail.collection}>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tvalue={collection}\n\t\t\t\t\t\toptions={collections.map((option) => ({\n\t\t\t\t\t\t\tvalue: option.value,\n\t\t\t\t\t\t\tlabel: String(option.label),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\taria-label={strings.detail.collection}\n\t\t\t\t\t\tonChange={(value) => onUpdate({ collection: value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.detail.tags}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={tags.join(', ')}\n\t\t\t\t\t\tplaceholder={strings.detail.tagsPlaceholder}\n\t\t\t\t\t\tonChange={(event) =>\n\t\t\t\t\t\t\tonUpdate({\n\t\t\t\t\t\t\t\ttags: event.target.value\n\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t.map((tag) => tag.trim())\n\t\t\t\t\t\t\t\t\t.filter(Boolean),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<div className=\"media-library-detail-panel--public flex items-center justify-between gap-4 rounded-lg border border-border bg-muted/20 p-3\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text weight=\"semibold\" size=\"xs\">\n\t\t\t\t\t\t\t{strings.detail.public}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t\t{isPublic ? strings.detail.publicHint : strings.detail.privateHint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ToggleSwitch\n\t\t\t\t\t\tchecked={isPublic}\n\t\t\t\t\t\tonCheckedChange={(checked) => onUpdate({ public: checked })}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"media-library-detail-panel--actions flex flex-wrap gap-2\">\n\t\t\t\t\t<Button type=\"button\" variant=\"secondary\" buttonStyle=\"outline\">\n\t\t\t\t\t\t<UploadCloud className=\"size-3.5\" />\n\t\t\t\t\t\t{strings.detail.replace}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Trash2 className=\"size-3.5\" />\n\t\t\t\t\t\t{strings.detail.delete}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</aside>\n\t);\n}\n\nexport function MediaLibraryUploadPanel({\n\tstagedFiles,\n\tuploadOptions,\n\tcollections = [],\n\tuploading = false,\n\tstrings,\n\tonFiles,\n\tonRemoveFile,\n\tonOptionsChange,\n\tempty,\n}: MediaLibraryUploadPanelProps) {\n\treturn (\n\t\t<div className=\"media-library-upload-panel--component grid gap-4 p-4\">\n\t\t\t<Dropzone\n\t\t\t\tonDrop={onFiles}\n\t\t\t\taccept=\"image/*,video/*\"\n\t\t\t\tmultiple\n\t\t\t\tsize=\"default\"\n\t\t\t\tstrings={{\n\t\t\t\t\tinstruction: strings.upload.dropTitle,\n\t\t\t\t\thelper: strings.upload.dropHint,\n\t\t\t\t\tdragOver: strings.upload.dragOver,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{stagedFiles.length > 0 ? (\n\t\t\t\t<div className=\"media-library-upload-panel--staged grid gap-2\">\n\t\t\t\t\t{stagedFiles.map((file) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={file.id}\n\t\t\t\t\t\t\tclassName=\"media-library-upload-panel--staged-file flex items-center gap-3 rounded-lg border border-border bg-card p-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MediaPreview className=\"size-10 rounded-md\">\n\t\t\t\t\t\t\t\t{file.src ? (\n\t\t\t\t\t\t\t\t\t<img src={file.src} alt={file.name} className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t{typeIcon(file.type, 'size-4')}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</MediaPreview>\n\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t<div className=\"flex items-baseline gap-3\">\n\t\t\t\t\t\t\t\t\t<Text weight=\"semibold\" size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t{file.name}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"ml-auto shrink-0\">\n\t\t\t\t\t\t\t\t\t\t{formatMediaLibrarySize(file.size)}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{(file.status === 'uploading' || file.status === 'done') && (\n\t\t\t\t\t\t\t\t\t<div className=\"mt-2 h-1 overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"h-full rounded-full bg-primary transition-[width]\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: `${file.progress}%` }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{file.status === 'error' && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"error\">\n\t\t\t\t\t\t\t\t\t\t{file.error}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{file.status === 'done' ? (\n\t\t\t\t\t\t\t\t<Badge variant=\"success\">{strings.upload.done}</Badge>\n\t\t\t\t\t\t\t) : file.status === 'uploading' ? (\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{Math.round(file.progress)}%\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\tdisabled={uploading}\n\t\t\t\t\t\t\t\t\taria-label={formatMediaLibraryString(strings.upload.removeFile, {\n\t\t\t\t\t\t\t\t\t\tname: file.name,\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tonClick={() => onRemoveFile(file.id)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tempty\n\t\t\t)}\n\t\t\t<div className=\"media-library-upload-panel--options grid gap-3 rounded-lg border border-border bg-muted/20 p-3 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]\">\n\t\t\t\t<FormField label={strings.upload.collection}>\n\t\t\t\t\t<Select\n\t\t\t\t\t\tvalue={uploadOptions.collection ?? collections[0]?.value}\n\t\t\t\t\t\toptions={collections.map((option) => ({\n\t\t\t\t\t\t\tvalue: option.value,\n\t\t\t\t\t\t\tlabel: String(option.label),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\taria-label={strings.upload.collection}\n\t\t\t\t\t\tonChange={(value) => onOptionsChange({ collection: value })}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<FormField label={strings.upload.tags}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={uploadOptions.tags.join(', ')}\n\t\t\t\t\t\tplaceholder={strings.upload.tagsPlaceholder}\n\t\t\t\t\t\tonChange={(event) =>\n\t\t\t\t\t\t\tonOptionsChange({\n\t\t\t\t\t\t\t\ttags: event.target.value\n\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t.map((tag) => tag.trim())\n\t\t\t\t\t\t\t\t\t.filter(Boolean),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\t\t\t\t<div className=\"flex items-center justify-between gap-4 md:self-end\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text weight=\"semibold\" size=\"xs\">\n\t\t\t\t\t\t\t{strings.upload.public}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t\t{strings.upload.publicHint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ToggleSwitch\n\t\t\t\t\t\tchecked={uploadOptions.public}\n\t\t\t\t\t\tonCheckedChange={(checked) => onOptionsChange({ public: checked })}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooterSummary({\n\ttab,\n\tselectedIds,\n\tselectionMode,\n\tstagedFiles,\n\tstrings,\n\tonClearSelection,\n\tclassName,\n}: MediaLibraryFooterSummaryProps) {\n\tconst selectedCount = selectedIds.length;\n\tconst stagedSize = stagedFiles.reduce((sum, file) => sum + file.size, 0);\n\tconst stagedCount = stagedFiles.length;\n\tconst summaryClassName = cn(\n\t\t'media-library-footer-summary--component flex min-w-0 items-center gap-3',\n\t\tclassName,\n\t);\n\n\tif (tab === 'upload') {\n\t\treturn (\n\t\t\t<div className={summaryClassName} aria-live=\"polite\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t{stagedCount === 0\n\t\t\t\t\t\t? strings.footer.noFiles\n\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.stagedSummary, {\n\t\t\t\t\t\t\tcount: stagedCount,\n\t\t\t\t\t\t\tsize: formatMediaLibrarySize(stagedSize),\n\t\t\t\t\t\t})}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={summaryClassName} aria-live=\"polite\">\n\t\t\t{selectedCount > 0 ? (\n\t\t\t\t<>\n\t\t\t\t\t<Text weight=\"semibold\" size=\"xs\" className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{formatMediaLibraryString(strings.footer.selectedCount, {\n\t\t\t\t\t\t\tcount: selectedCount,\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={onClearSelection}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.footer.clear}\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t{selectionMode === 'single' ? strings.footer.pickOne : strings.footer.pickMany}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooterActions<TItem>({\n\ttab,\n\tselectedItems,\n\tselectedIds,\n\tstagedFiles,\n\tuploading = false,\n\tstrings,\n\tconfirmLabel,\n\tcancelLabel,\n\tonCancel,\n\tonConfirm,\n\tonUpload,\n\tonCancelUpload,\n\tclassName,\n}: MediaLibraryFooterActionsProps<TItem>) {\n\tconst selectedCount = selectedIds.length;\n\tconst stagedCount = stagedFiles.length;\n\n\tif (tab === 'upload') {\n\t\treturn (\n\t\t\t<div className={cn('media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tdisabled={uploading}\n\t\t\t\t\tonClick={onCancelUpload}\n\t\t\t\t>\n\t\t\t\t\t{cancelLabel ?? strings.footer.cancel}\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdisabled={stagedCount === 0 || uploading}\n\t\t\t\t\tonClick={onUpload}\n\t\t\t\t\tloading={uploading}\n\t\t\t\t\tloadingLabels={{ loading: strings.footer.uploading }}\n\t\t\t\t>\n\t\t\t\t\t{stagedCount <= 1\n\t\t\t\t\t\t? strings.footer.upload\n\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.uploadMany, { count: stagedCount })}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tonClick={onCancel}\n\t\t\t>\n\t\t\t\t{cancelLabel ?? strings.footer.cancel}\n\t\t\t</Button>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={selectedCount === 0}\n\t\t\t\tonClick={onConfirm}\n\t\t\t>\n\t\t\t\t{confirmLabel ??\n\t\t\t\t\t(selectedCount === 0\n\t\t\t\t\t\t? strings.footer.confirmEmpty\n\t\t\t\t\t\t: selectedItems.length === 1\n\t\t\t\t\t\t\t? strings.footer.confirmOne\n\t\t\t\t\t\t\t: formatMediaLibraryString(strings.footer.confirmMany, {\n\t\t\t\t\t\t\t\tcount: selectedCount,\n\t\t\t\t\t\t\t}))}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nexport function MediaLibraryFooter<TItem>({\n\ttab,\n\tselectedItems,\n\tselectedIds,\n\tselectionMode,\n\tstagedFiles,\n\tuploading = false,\n\tstrings,\n\tconfirmLabel,\n\tcancelLabel,\n\tonCancel,\n\tonConfirm,\n\tonClearSelection,\n\tonUpload,\n\tonCancelUpload,\n\tchrome = 'section',\n\tclassName,\n}: MediaLibraryFooterProps<TItem>) {\n\treturn (\n\t\t<footer\n\t\t\tclassName={cn(\n\t\t\t\t'media-library-footer--component flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between',\n\t\t\t\tchrome === 'section' && 'border-t border-border bg-background px-4 py-3',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<MediaLibraryFooterSummary\n\t\t\t\ttab={tab}\n\t\t\t\tselectedIds={selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={stagedFiles}\n\t\t\t\tstrings={strings}\n\t\t\t\tonClearSelection={onClearSelection}\n\t\t\t/>\n\t\t\t<MediaLibraryFooterActions\n\t\t\t\ttab={tab}\n\t\t\t\tselectedItems={selectedItems}\n\t\t\t\tselectedIds={selectedIds}\n\t\t\t\tstagedFiles={stagedFiles}\n\t\t\t\tuploading={uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={onCancel}\n\t\t\t\tonConfirm={onConfirm}\n\t\t\t\tonUpload={onUpload}\n\t\t\t\tonCancelUpload={onCancelUpload}\n\t\t\t/>\n\t\t</footer>\n\t);\n}\n","import { ImageIcon, UploadCloud } from 'lucide-react';\nimport { createContext, useContext, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/base/buttons';\nimport { Alert, AlertDescription, AlertTitle } from '@/components/base/display/alert';\nimport { Dialog } from '@/components/features/overlays';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultMediaLibraryStrings,\n\tformatMediaLibraryString,\n} from './media-library.strings';\nimport type {\n\tMediaLibraryCollectionOption,\n\tMediaLibraryDialogProps,\n\tMediaLibraryProps,\n} from './media-library.types';\nimport { useMediaLibrary } from './hooks';\nimport {\n\tMediaLibraryCard,\n\tMediaLibraryDetailPanel,\n\tMediaLibraryEmptyState,\n\tMediaLibraryFooter,\n\tMediaLibraryFooterActions,\n\tMediaLibraryFooterSummary,\n\tMediaLibraryTable,\n\tMediaLibraryToolbar,\n\tMediaLibraryUploadPanel,\n} from './partials/media-library-partials';\n\ninterface MediaLibraryFooterPortalTarget {\n\telement: HTMLElement | null;\n}\n\nconst MediaLibraryFooterPortalContext =\n\tcreateContext<MediaLibraryFooterPortalTarget | null>(null);\n\nfunction useResolvedCollections<TItem>(\n\texplicit: readonly MediaLibraryCollectionOption[] | undefined,\n\titems: readonly TItem[],\n\tgetCollection: (item: TItem) => string | undefined,\n) {\n\treturn useMemo(() => {\n\t\tif (explicit) return explicit;\n\t\tconst seen = new Set<string>();\n\t\tfor (const item of items) {\n\t\t\tconst collection = getCollection(item);\n\t\t\tif (collection) seen.add(collection);\n\t\t}\n\t\treturn Array.from(seen).map((value) => ({ value, label: value }));\n\t}, [explicit, getCollection, items]);\n}\n\nexport function MediaLibrary<TItem = import('./media-library.types').MediaLibraryItem>({\n\ttitle,\n\tdescription,\n\tconfirmLabel,\n\tcancelLabel,\n\tselectionMode = 'multiple',\n\tdensity = 'comfortable',\n\tshowMeta = true,\n\tallowUpload = true,\n\ttypeFilters,\n\tconfirmOnSelect = false,\n\tonConfirm,\n\tonCancel,\n\tonClose,\n\tstrings: stringsProp,\n\tslots,\n\theightClassName,\n\tclassName,\n\titems,\n\tfetcher,\n\taccessors,\n\tcollections,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tonItemUpdate,\n\tonItemDelete,\n\tonUpload,\n\tonError,\n\tinitialTab,\n\tdefaultView,\n\tdefaultQuery,\n\tdefaultType,\n\tdefaultCollection,\n\tdefaultSort,\n\tdefaultUploadOptions,\n\t...props\n}: MediaLibraryProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, stringsProp);\n\tconst state = useMediaLibrary<TItem>({\n\t\titems,\n\t\tfetcher,\n\t\taccessors,\n\t\tcollections,\n\t\tselectionMode,\n\t\tvalue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t\tonItemUpdate,\n\t\tonItemDelete,\n\t\tonUpload,\n\t\tonError,\n\t\tinitialTab,\n\t\tdefaultView,\n\t\tdefaultQuery,\n\t\tdefaultType,\n\t\tdefaultCollection,\n\t\tdefaultSort,\n\t\tdefaultUploadOptions,\n\t});\n\tconst resolvedCollections = useResolvedCollections(\n\t\tcollections,\n\t\tstate.items,\n\t\tstate.accessors.getCollection,\n\t);\n\tconst activeTab = allowUpload ? state.tab : 'library';\n\tconst detailItem = state.detailId\n\t\t? state.items.find((item) => state.accessors.getId(item) === state.detailId) ?? null\n\t\t: null;\n\tconst footerPortal = useContext(MediaLibraryFooterPortalContext);\n\tconst usesDefaultFooter = !slots?.footer;\n\tconst dialogSelectionSummary = footerPortal && usesDefaultFooter ? (\n\t\t<MediaLibraryFooterSummary\n\t\t\ttab={activeTab}\n\t\t\tselectedIds={state.selectedIds}\n\t\t\tselectionMode={selectionMode}\n\t\t\tstagedFiles={state.stagedFiles}\n\t\t\tstrings={strings}\n\t\t\tonClearSelection={state.clearSelection}\n\t\t\tclassName=\"media-library-dialog--selection-summary shrink-0 justify-end\"\n\t\t/>\n\t) : null;\n\tconst hasHeaderIdentity = Boolean(title || description || slots?.headerStart);\n\tconst hasHeaderControls = Boolean(allowUpload || slots?.headerEnd || dialogSelectionSummary);\n\tconst hasHeader = hasHeaderIdentity || hasHeaderControls;\n\n\tconst confirm = () => {\n\t\tonConfirm?.(state.selectedItems, state.selectedIds);\n\t\tonClose?.();\n\t};\n\tconst cancel = () => {\n\t\tonCancel?.();\n\t\tonClose?.();\n\t};\n\tconst confirmItem = (item: TItem) => {\n\t\tconst id = state.accessors.getId(item);\n\t\tstate.toggleSelection(id);\n\t\tif (confirmOnSelect) {\n\t\t\tonConfirm?.([item], [id]);\n\t\t\tonClose?.();\n\t\t}\n\t};\n\tconst countLabel =\n\t\tstate.filteredCount === state.totalCount\n\t\t\t? formatMediaLibraryString(strings.countAll, { count: state.totalCount })\n\t\t\t: formatMediaLibraryString(strings.countFiltered, {\n\t\t\t\tcount: state.filteredCount,\n\t\t\t\ttotal: state.totalCount,\n\t\t\t});\n\tconst footer = slots?.footer ?? (\n\t\tfooterPortal ? (\n\t\t\t<MediaLibraryFooterActions\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedItems={state.selectedItems}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tuploading={state.uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={cancel}\n\t\t\t\tonConfirm={confirm}\n\t\t\t\tonUpload={state.startUpload}\n\t\t\t\tonCancelUpload={() => {\n\t\t\t\t\tstate.clearStagedFiles();\n\t\t\t\t\tstate.setTab('library');\n\t\t\t\t}}\n\t\t\t\tclassName=\"ml-auto\"\n\t\t\t/>\n\t\t) : (\n\t\t\t<MediaLibraryFooter\n\t\t\t\ttab={activeTab}\n\t\t\t\tselectedItems={state.selectedItems}\n\t\t\t\tselectedIds={state.selectedIds}\n\t\t\t\tselectionMode={selectionMode}\n\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\tuploading={state.uploading}\n\t\t\t\tstrings={strings}\n\t\t\t\tconfirmLabel={confirmLabel}\n\t\t\t\tcancelLabel={cancelLabel}\n\t\t\t\tonCancel={cancel}\n\t\t\t\tonConfirm={confirm}\n\t\t\t\tonClearSelection={state.clearSelection}\n\t\t\t\tonUpload={state.startUpload}\n\t\t\t\tonCancelUpload={() => {\n\t\t\t\t\tstate.clearStagedFiles();\n\t\t\t\t\tstate.setTab('library');\n\t\t\t\t}}\n\t\t\t/>\n\t\t)\n\t);\n\n\treturn (\n\t\t<section\n\t\t\tclassName={cn(\n\t\t\t\t'media-library--component flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background',\n\t\t\t\theightClassName ?? 'h-190 max-h-[calc(100vh-7rem)]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader && (\n\t\t\t\t<header className=\"media-library--header flex flex-col gap-3 border-b border-border px-4 py-3 lg:flex-row lg:items-center lg:justify-between\">\n\t\t\t\t\t{hasHeaderIdentity && (\n\t\t\t\t\t\t<div className=\"flex min-w-0 items-start gap-3\">\n\t\t\t\t\t\t\t{slots?.headerStart}\n\t\t\t\t\t\t\t{(title || description) && (\n\t\t\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{hasHeaderControls && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'flex min-w-0 flex-wrap items-center gap-2',\n\t\t\t\t\t\t\t\tdialogSelectionSummary ? 'flex-1 justify-between' : 'lg:justify-end',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t\t\t\t{allowUpload && (\n\t\t\t\t\t\t\t\t\t<div className=\"media-library--tabs flex items-center rounded-md bg-muted p-0.5\" role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\taria-selected={activeTab === 'library'}\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-8 rounded-sm px-3 shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\tactiveTab === 'library'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-background text-foreground shadow-xs hover:bg-background'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => state.setTab('library')}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ImageIcon className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t{strings.tabs.library}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\taria-selected={activeTab === 'upload'}\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-8 rounded-sm px-3 shadow-none',\n\t\t\t\t\t\t\t\t\t\t\t\tactiveTab === 'upload'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-background text-foreground shadow-xs hover:bg-background'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:bg-transparent hover:text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => state.setTab('upload')}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<UploadCloud className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t{strings.tabs.upload}\n\t\t\t\t\t\t\t\t\t\t\t{state.stagedFiles.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"rounded-full bg-background/20 px-1.5 text-xxs tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{state.stagedFiles.length}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{slots?.headerEnd}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{dialogSelectionSummary}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t<div className=\"media-library--body flex min-h-0 flex-1\">\n\t\t\t\t{activeTab === 'upload' ? (\n\t\t\t\t\t<div className=\"min-w-0 flex-1 overflow-y-auto\">\n\t\t\t\t\t\t<MediaLibraryUploadPanel\n\t\t\t\t\t\t\tstagedFiles={state.stagedFiles}\n\t\t\t\t\t\t\tuploadOptions={state.uploadOptions}\n\t\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\t\tuploading={state.uploading}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\tonFiles={state.addFiles}\n\t\t\t\t\t\t\tonRemoveFile={state.removeStagedFile}\n\t\t\t\t\t\t\tonOptionsChange={state.updateUploadOptions}\n\t\t\t\t\t\t\tempty={slots?.uploadEmpty}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'media-library--library min-w-0 flex-1 flex-col',\n\t\t\t\t\t\t\tdetailItem ? 'hidden lg:flex' : 'flex',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"media-library--toolbar border-b border-border/70 px-4 py-3\">\n\t\t\t\t\t\t\t<MediaLibraryToolbar\n\t\t\t\t\t\t\t\tquery={state.query}\n\t\t\t\t\t\t\t\ttype={state.type}\n\t\t\t\t\t\t\t\ttypeFilters={typeFilters}\n\t\t\t\t\t\t\t\tcollection={state.collection}\n\t\t\t\t\t\t\t\tsort={state.sort}\n\t\t\t\t\t\t\t\tview={state.view}\n\t\t\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\tonQueryChange={state.setQuery}\n\t\t\t\t\t\t\t\tonTypeChange={state.setType}\n\t\t\t\t\t\t\t\tonCollectionChange={state.setCollection}\n\t\t\t\t\t\t\t\tonSortChange={state.setSort}\n\t\t\t\t\t\t\t\tonViewChange={state.setView}\n\t\t\t\t\t\t\t\tonClearFilters={state.clearFilters}\n\t\t\t\t\t\t\t\ttoolbarEnd={slots?.toolbarEnd}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-2\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t{countLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"media-library--results min-h-0 flex-1 overflow-y-auto p-4\">\n\t\t\t\t\t\t\t{state.loading ? (\n\t\t\t\t\t\t\t\tslots?.loading ?? (\n\t\t\t\t\t\t\t\t\t<div className=\"flex min-h-64 items-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t<Text type=\"secondary\">{strings.loading}</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : state.error ? (\n\t\t\t\t\t\t\t\tslots?.error ?? (\n\t\t\t\t\t\t\t\t\t<Alert variant=\"destructive\">\n\t\t\t\t\t\t\t\t\t\t<AlertTitle>{strings.errorTitle}</AlertTitle>\n\t\t\t\t\t\t\t\t\t\t<AlertDescription>{strings.errorDescription}</AlertDescription>\n\t\t\t\t\t\t\t\t\t</Alert>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : state.visibleItems.length === 0 ? (\n\t\t\t\t\t\t\t\tslots?.empty ?? (\n\t\t\t\t\t\t\t\t\t<MediaLibraryEmptyState\n\t\t\t\t\t\t\t\t\t\ttitle={state.hasFilters ? strings.emptyFilteredTitle : strings.emptyLibraryTitle}\n\t\t\t\t\t\t\t\t\t\tdescription={state.hasFilters ? strings.emptyFilteredDescription : strings.emptyLibraryDescription}\n\t\t\t\t\t\t\t\t\t\taction={\n\t\t\t\t\t\t\t\t\t\t\tstate.hasFilters ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={state.clearFilters}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.clearFilters}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : allowUpload ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button type=\"button\" onClick={() => state.setTab('upload')}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<UploadCloud className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.uploadMedia}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : state.view === 'table' ? (\n\t\t\t\t\t\t\t\t<div className=\"overflow-x-auto\">\n\t\t\t\t\t\t\t\t\t<MediaLibraryTable\n\t\t\t\t\t\t\t\t\t\titems={state.visibleItems}\n\t\t\t\t\t\t\t\t\t\tselectedSet={state.selectedSet}\n\t\t\t\t\t\t\t\t\t\tselectionMode={selectionMode}\n\t\t\t\t\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\t\tonToggle={(id) => {\n\t\t\t\t\t\t\t\t\t\t\tconst item = state.items.find((candidate) => state.accessors.getId(candidate) === id);\n\t\t\t\t\t\t\t\t\t\t\tif (item) confirmItem(item);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonDetails={state.setDetailId}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-library--grid grid gap-3',\n\t\t\t\t\t\t\t\t\t\tdensity === 'compact'\n\t\t\t\t\t\t\t\t\t\t\t? 'grid-cols-[repeat(auto-fill,minmax(136px,1fr))]'\n\t\t\t\t\t\t\t\t\t\t\t: 'grid-cols-[repeat(auto-fill,minmax(168px,1fr))]',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{state.visibleItems.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst id = state.accessors.getId(item);\n\t\t\t\t\t\t\t\t\t\tconst ctx = {\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tselected: state.selectedSet.has(id),\n\t\t\t\t\t\t\t\t\t\t\tselectionMode,\n\t\t\t\t\t\t\t\t\t\t\taccessors: state.accessors,\n\t\t\t\t\t\t\t\t\t\t\ttoggle: () => confirmItem(item),\n\t\t\t\t\t\t\t\t\t\t\topenDetails: () => state.setDetailId(id),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\tconst rendered = slots?.renderItem?.(item, ctx);\n\t\t\t\t\t\t\t\t\t\treturn rendered ? (\n\t\t\t\t\t\t\t\t\t\t\t<div key={id}>{rendered}</div>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<MediaLibraryCard\n\t\t\t\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={ctx.selected}\n\t\t\t\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\t\t\t\tshowMeta={showMeta}\n\t\t\t\t\t\t\t\t\t\t\t\tselectionMode={selectionMode}\n\t\t\t\t\t\t\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t\t\t\t\t\tonToggle={ctx.toggle}\n\t\t\t\t\t\t\t\t\t\t\t\tonDetails={ctx.openDetails}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{activeTab === 'library' && (\n\t\t\t\t\t<MediaLibraryDetailPanel\n\t\t\t\t\t\titem={detailItem}\n\t\t\t\t\t\tcollections={resolvedCollections}\n\t\t\t\t\t\taccessors={state.accessors}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\tonClose={() => state.setDetailId(null)}\n\t\t\t\t\t\tonUpdate={(patch) => detailItem && state.updateItem(detailItem, patch)}\n\t\t\t\t\t\tonRemove={() => {\n\t\t\t\t\t\t\tif (!detailItem) return;\n\t\t\t\t\t\t\tstate.removeItem(detailItem);\n\t\t\t\t\t\t\tstate.setDetailId(null);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\trenderDetail={slots?.renderDetail}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{footerPortal ? (\n\t\t\t\tfooterPortal.element ? createPortal(footer, footerPortal.element) : null\n\t\t\t) : (\n\t\t\t\tfooter\n\t\t\t)}\n\t\t</section>\n\t);\n}\n\nexport function MediaLibraryDialog<TItem = import('./media-library.types').MediaLibraryItem>({\n\topen,\n\tonOpenChange,\n\ttrigger,\n\tdialogTitle,\n\tdialogDescription,\n\tonClose,\n\tclassName,\n\tdialogClassName,\n\tcontentClassName,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = true,\n\t...props\n}: MediaLibraryDialogProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, props.strings);\n\tconst [internalOpen, setInternalOpen] = useState(false);\n\tconst [footerElement, setFooterElement] = useState<HTMLDivElement | null>(null);\n\tconst isOpenControlled = open !== undefined;\n\tconst resolvedOpen = isOpenControlled ? open : internalOpen;\n\tconst handleOpenChange = (nextOpen: boolean) => {\n\t\tif (!isOpenControlled) setInternalOpen(nextOpen);\n\t\tonOpenChange?.(nextOpen);\n\t};\n\tconst closeMediaLibrary = () => {\n\t\thandleOpenChange(false);\n\t\tonClose?.();\n\t};\n\n\treturn (\n\t\t<MediaLibraryFooterPortalContext.Provider value={{ element: footerElement }}>\n\t\t\t<Dialog\n\t\t\t\topen={resolvedOpen}\n\t\t\t\tonOpenChange={handleOpenChange}\n\t\t\t\tonClose={onClose}\n\t\t\t\ttrigger={trigger}\n\t\t\t\ttitle={dialogTitle ?? strings.title}\n\t\t\t\tdescription={dialogDescription ?? strings.description}\n\t\t\t\tsize=\"full\"\n\t\t\t\tshowCancel={false}\n\t\t\t\tshowConfirm={false}\n\t\t\t\tfooter={<div ref={setFooterElement} className=\"media-library-dialog--footer\" />}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))]',\n\t\t\t\t\tdialogClassName,\n\t\t\t\t)}\n\t\t\t\tcontentClassName={cn('media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0', contentClassName)}\n\t\t\t\tcloseOnBackdropClick={closeOnBackdropClick}\n\t\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\t>\n\t\t\t\t<MediaLibrary\n\t\t\t\t\t{...(props as MediaLibraryProps<TItem>)}\n\t\t\t\t\tonClose={closeMediaLibrary}\n\t\t\t\t\tclassName={cn('media-library-dialog--library rounded-none border-0', className)}\n\t\t\t\t\theightClassName={props.heightClassName ?? 'min-h-0 flex-1'}\n\t\t\t\t\tstrings={props.strings}\n\t\t\t\t/>\n\t\t\t</Dialog>\n\t\t</MediaLibraryFooterPortalContext.Provider>\n\t);\n}\n","import {\n\tArrowLeft,\n\tArrowRight,\n\tFile,\n\tImagePlus,\n\tLock,\n\tPlay,\n\tPlus,\n\tStar,\n\tTrash2,\n\tX,\n} from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultMediaLibraryStrings,\n\tformatMediaLibraryString,\n} from './media-library.strings';\nimport type {\n\tMediaResourceGalleryItemRenderContext,\n\tMediaResourceGalleryProps,\n} from './media-library.types';\nimport {\n\tformatMediaLibrarySize,\n\tresolveMediaLibraryAccessors,\n} from './hooks';\nimport { MediaLibraryEmptyState } from './partials';\n\nfunction moveItem<TItem>(items: readonly TItem[], from: number, to: number) {\n\tconst next = items.slice();\n\tconst [item] = next.splice(from, 1);\n\tif (item === undefined) return next;\n\tnext.splice(to, 0, item);\n\treturn next;\n}\n\nexport function MediaResourceGallery<TItem = import('./media-library.types').MediaLibraryItem>({\n\titems,\n\taccessors: accessorsProp,\n\ttitle,\n\tdescription,\n\tprimaryId,\n\tonPrimaryChange,\n\tonRemove,\n\tonReorder,\n\tonAdd,\n\tmaxItems,\n\tlayout = 'field',\n\tdensity = 'comfortable',\n\treadOnly = false,\n\tempty,\n\taction,\n\trenderItem,\n\tstrings: stringsProp,\n\tclassName,\n\t...props\n}: MediaResourceGalleryProps<TItem>) {\n\tconst strings = useStrings(defaultMediaLibraryStrings, stringsProp);\n\tconst accessors = resolveMediaLibraryAccessors(accessorsProp);\n\tconst total = items.length;\n\tconst resolvedPrimaryId = primaryId ?? (total > 0 ? accessors.getId(items[0] as TItem) : undefined);\n\tconst canAdd = !readOnly && Boolean(onAdd) && (maxItems === undefined || total < maxItems);\n\tconst defaultAction = canAdd && (layout === 'field' || total > 0) ? (\n\t\t<Button type=\"button\" variant=\"secondary\" buttonStyle=\"outline\" icon={Plus} onClick={onAdd}>\n\t\t\t{strings.gallery.add}\n\t\t</Button>\n\t) : maxItems !== undefined && total >= maxItems ? (\n\t\t<Badge variant=\"secondary\">{strings.gallery.maxReached}</Badge>\n\t) : null;\n\n\tconst move = (from: number, to: number) => {\n\t\tif (to < 0 || to >= total || from === to) return;\n\t\tconst nextItems = moveItem(items, from, to);\n\t\tonReorder?.(nextItems.map((item) => accessors.getId(item)), nextItems);\n\t};\n\n\tconst hasHeader = Boolean(title || description || action || defaultAction);\n\tconst shouldShowEmptyState = total === 0 && layout !== 'field';\n\n\tconst renderAddTile = () => {\n\t\tif (!canAdd || layout !== 'field') return null;\n\t\treturn (\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'media-resource-gallery--add-tile h-auto min-h-24 w-full flex-col rounded-lg border border-dashed border-border bg-background text-muted-foreground shadow-none',\n\t\t\t\t\t'aspect-square hover:border-primary/50 hover:bg-primary/5 hover:text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t)}\n\t\t\t\taria-label={strings.gallery.addTile}\n\t\t\t\tonClick={onAdd}\n\t\t\t>\n\t\t\t\t<Plus className=\"size-4\" />\n\t\t\t\t<span className=\"sr-only\">{strings.gallery.addTile}</span>\n\t\t\t</Button>\n\t\t);\n\t};\n\n\treturn (\n\t\t<section\n\t\t\tclassName={cn(\n\t\t\t\t'media-resource-gallery--component rounded-lg border border-border bg-card shadow-xs',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-layout={layout}\n\t\t\tdata-density={density}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader && (\n\t\t\t\t<header className=\"media-resource-gallery--header flex flex-col gap-3 px-4 py-3 sm:flex-row sm:items-start sm:justify-between\">\n\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"media-resource-gallery--actions flex flex-wrap items-center gap-2\">\n\t\t\t\t\t\t{action ?? defaultAction}\n\t\t\t\t\t</div>\n\t\t\t\t</header>\n\t\t\t)}\n\n\t\t\t{shouldShowEmptyState ? (\n\t\t\t\t<div className=\"media-resource-gallery--empty p-4 pt-0\">\n\t\t\t\t\t{empty ?? (\n\t\t\t\t\t\t<MediaLibraryEmptyState\n\t\t\t\t\t\t\ttitle={strings.gallery.emptyTitle}\n\t\t\t\t\t\t\tdescription={strings.gallery.emptyDescription}\n\t\t\t\t\t\t\taction={canAdd ? (\n\t\t\t\t\t\t\t\t<Button type=\"button\" icon={ImagePlus} onClick={onAdd}>\n\t\t\t\t\t\t\t\t\t{strings.gallery.add}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'media-resource-gallery--items p-4',\n\t\t\t\t\t\thasHeader && 'pt-0',\n\t\t\t\t\t\tlayout === 'list'\n\t\t\t\t\t\t\t? 'grid gap-2'\n\t\t\t\t\t\t\t: layout === 'field'\n\t\t\t\t\t\t\t\t? 'grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-3 sm:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]'\n\t\t\t\t\t\t\t\t: density === 'compact'\n\t\t\t\t\t\t\t\t\t? 'grid grid-cols-[repeat(auto-fill,minmax(132px,1fr))] gap-3'\n\t\t\t\t\t\t\t\t\t: 'grid grid-cols-[repeat(auto-fill,minmax(164px,1fr))] gap-3',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\t\tconst id = accessors.getId(item);\n\t\t\t\t\t\tconst name = accessors.getName(item);\n\t\t\t\t\t\tconst type = accessors.getType(item);\n\t\t\t\t\t\tconst src = accessors.getSrc(item);\n\t\t\t\t\t\tconst alt = accessors.getAlt(item) || name;\n\t\t\t\t\t\tconst isPrimary = id === resolvedPrimaryId;\n\t\t\t\t\t\tconst isPrivate = accessors.getPublic(item) === false;\n\t\t\t\t\t\tconst duration = accessors.getDuration(item);\n\t\t\t\t\t\tconst canMovePrevious = index > 0;\n\t\t\t\t\t\tconst canMoveNext = index < total - 1;\n\t\t\t\t\t\tconst ctx: MediaResourceGalleryItemRenderContext<TItem> = {\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\tprimary: isPrimary,\n\t\t\t\t\t\t\taccessors,\n\t\t\t\t\t\t\tcanMovePrevious,\n\t\t\t\t\t\t\tcanMoveNext,\n\t\t\t\t\t\t\tsetPrimary: () => onPrimaryChange?.(id, item),\n\t\t\t\t\t\t\tremove: () => onRemove?.(id, item),\n\t\t\t\t\t\t\tmovePrevious: () => move(index, index - 1),\n\t\t\t\t\t\t\tmoveNext: () => move(index, index + 1),\n\t\t\t\t\t\t};\n\t\t\t\t\t\tconst rendered = renderItem?.(item, ctx);\n\t\t\t\t\t\tif (rendered) {\n\t\t\t\t\t\t\treturn <div key={id}>{rendered}</div>;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (layout === 'field') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-lg border border-border bg-background shadow-xs',\n\t\t\t\t\t\t\t\t\t\t'transition-colors hover:border-primary/40 focus-within:border-primary/50',\n\t\t\t\t\t\t\t\t\t\tisPrimary && 'col-span-2 row-span-2 min-h-52',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center bg-muted text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t<File className={isPrimary ? 'size-7' : 'size-5'} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isPrimary && (\n\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"absolute left-2 top-2 bg-background/90 shadow-xs\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{strings.gallery.cover}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{type === 'video' && !!duration && (\n\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"absolute bottom-2 left-2 bg-foreground text-background\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Play className=\"size-3 fill-current\" />\n\t\t\t\t\t\t\t\t\t\t\t{duration}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isPrivate && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"absolute bottom-2 right-2 inline-flex size-6 items-center justify-center rounded-full border border-border bg-background/90 text-muted-foreground shadow-xs\">\n\t\t\t\t\t\t\t\t\t\t\t<Lock className=\"size-3\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100\"\n\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (layout === 'list') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tclassName=\"media-resource-gallery--item flex min-w-0 items-center gap-3 rounded-lg border border-border bg-background p-2\"\n\t\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"relative size-12 shrink-0 overflow-hidden rounded-md bg-muted\">\n\t\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t<File className=\"size-4\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t{isPrimary && <Badge variant=\"info\">{strings.gallery.primary}</Badge>}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibraryString(strings.gallery.itemPosition, {\n\t\t\t\t\t\t\t\t\t\t\t\tindex: index + 1,\n\t\t\t\t\t\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t{' · '}\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibrarySize(accessors.getSize(item)) || strings.unknownSize}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex shrink-0 items-center gap-1\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.setPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onPrimaryChange?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Star className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMovePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.movePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index - 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowLeft className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMoveNext}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.moveNext}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index + 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\tclassName=\"media-resource-gallery--item group/gallery overflow-hidden rounded-lg border border-border bg-background shadow-xs transition-colors hover:border-primary/40\"\n\t\t\t\t\t\t\t\tdata-primary={isPrimary || undefined}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"relative aspect-[4/3] bg-muted\">\n\t\t\t\t\t\t\t\t\t{src ? (\n\t\t\t\t\t\t\t\t\t\t<img src={src} alt={alt} loading=\"lazy\" className=\"size-full object-cover\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex size-full items-center justify-center text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t<File className=\"size-6\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className=\"absolute left-2 top-2 flex flex-wrap gap-1\">\n\t\t\t\t\t\t\t\t\t\t{isPrimary && <Badge variant=\"info\">{strings.gallery.primary}</Badge>}\n\t\t\t\t\t\t\t\t\t\t<Badge variant=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibraryString(strings.gallery.itemPosition, {\n\t\t\t\t\t\t\t\t\t\t\t\tindex: index + 1,\n\t\t\t\t\t\t\t\t\t\t\t\ttotal,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"media-resource-gallery--item-body grid gap-2 p-3\">\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" weight=\"semibold\" size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{formatMediaLibrarySize(accessors.getSize(item)) || strings.unknownSize}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{!readOnly && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.setPrimary}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onPrimaryChange?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Star className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMovePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.movePrevious}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index - 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowLeft className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!canMoveNext}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.moveNext}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => move(index, index + 1)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={strings.gallery.remove}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onRemove?.(id, item)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{renderAddTile()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n"],"mappings":"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"}