admin-ui-starter-kit 0.1.4 → 0.4.3

package/dist/components/features/media-library/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/badge--o9wFHB_.cjs"),i=require("../../../_shared/button-C1qc97U1.cjs"),a=require("../../../_shared/alert-CuIIKJC-.cjs"),o=require("../../../_shared/input-COMcb1WY.cjs"),s=require("../../../_shared/forms-E3JkTgcC.cjs"),c=require("../../../_shared/form-field-rMGPvHFK.cjs"),l=require("../../../_shared/switch-zFZhhOEP.cjs"),u=require("../../../_shared/overlays-Xc_F_Y-E.cjs");let d=require("react"),f=require("react/jsx-runtime"),p=require("lucide-react"),m=require("react-dom");var h={title:`Add media`,description:`Pick from the library, or upload new files.`,close:`Close media library`,tabs:{library:`Library`,upload:`Upload`},searchPlaceholder:`Search by name or tag...`,clearSearch:`Clear search`,typeFilterLabel:`Type`,collectionFilterLabel:`Collection`,sortLabel:`Sort`,viewLabel:`View`,allTypes:`All`,images:`Images`,videos:`Videos`,files:`Files`,allCollections:`All collections`,sortNewest:`Newest`,sortName:`Name`,sortSize:`Size`,sortUsage:`Most used`,gridView:`Grid view`,tableView:`Table view`,countAll:`{count} items`,countFiltered:`{count} of {total} items`,emptyLibraryTitle:`Library is empty`,emptyLibraryDescription:`Upload images or videos to start building the library.`,emptyFilteredTitle:`No media matches`,emptyFilteredDescription:`Try a different search term, or clear the filters.`,clearFilters:`Clear filters`,uploadMedia:`Upload media`,loading:`Loading media...`,errorTitle:`Media could not load`,errorDescription:`Try again or adjust your filters.`,cardDetails:`Details for {name}`,privateLabel:`Private`,publicLabel:`Public`,typeImage:`Image`,typeVideo:`Video`,typeFile:`File`,unknownSize:`Unknown`,notUsed:`Not used yet`,usedIn:`{count} {count, plural, one {place} other {places}}`,table:{name:`Name`,type:`Type`,size:`Size`,collection:`Collection`,used:`Used`},detail:{title:`Details`,altText:`Alt text`,altPlaceholder:`Describe this media for screen readers`,collection:`Collection`,tags:`Tags`,tagsPlaceholder:`Comma-separated`,public:`Public`,publicHint:`Served from the public CDN`,privateHint:`Only visible in the admin`,type:`Type`,size:`Size`,dimensions:`Dimensions`,uploaded:`Uploaded`,usedIn:`Used in`,replace:`Replace file`,delete:`Delete`,close:`Close details`},upload:{dropTitle:`Drag files here or click to browse`,dropHint:`JPG, PNG, WebP, SVG and MP4 up to 50 MB per file`,dragOver:`Release to stage files`,collection:`Collection`,tags:`Tags`,tagsPlaceholder:`Comma-separated`,public:`Public`,publicHint:`Serve from the public CDN`,noFiles:`No files staged`,stagedCount:`{count} {count, plural, one {file} other {files}}`,removeFile:`Remove {name}`,uploading:`Uploading`,done:`Done`},footer:{pickOne:`Pick one item`,pickMany:`Pick one or more items`,selectedCount:`{count} selected`,clear:`Clear`,cancel:`Cancel`,confirmEmpty:`Add to product`,confirmOne:`Add 1 item`,confirmMany:`Add {count} items`,noFiles:`No files staged`,stagedSummary:`{count} {count, plural, one {file} other {files}} · {size}`,upload:`Upload`,uploadMany:`Upload {count} files`,uploading:`Uploading...`},gallery:{emptyTitle:`No media attached`,emptyDescription:`Add images, video, or files to this resource.`,add:`Add media`,addMore:`Add more`,addTile:`Add another media item`,cover:`Cover`,primary:`Primary`,setPrimary:`Set primary`,remove:`Remove`,movePrevious:`Move previous`,moveNext:`Move next`,itemPosition:`{index} of {total}`,maxReached:`Maximum reached`}};function g(e,t){return e.replace(/\{(\w+), plural, one \{([^}]*)\} other \{([^}]*)\}\}/g,(e,n,r,i)=>Number(t[n])===1?r:i).replace(/\{(\w+)\}/g,(e,n)=>String(t[n]??``))}var _={collection:void 0,tags:[],public:!0},v=[],y={getId:e=>e.id,getName:e=>e.name,getType:e=>e.type,getSrc:e=>e.src,getAlt:e=>e.alt,getSize:e=>e.size,getWidth:e=>e.width,getHeight:e=>e.height,getDuration:e=>e.duration,getCollection:e=>e.collection,getTags:e=>e.tags??[],getPublic:e=>e.public,getUploadedAt:e=>e.uploadedAt,getUsageCount:e=>e.usageCount,getTint:e=>e.tint,getMimeType:e=>e.mimeType};function b(e){return{...y,...e??{}}}function x(e){return!e||e<=0?``:e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function S(e,t){let n=t.getWidth(e),r=t.getHeight(e);return!n||!r?``:`${n} x ${r}`}function C(e,t){let n=t.getUploadedAt(e);if(!n)return 0;let r=(n instanceof Date?n:new Date(n)).getTime();return Number.isFinite(r)?r:0}function w(e){return e.type.startsWith(`image/`)?`image`:e.type.startsWith(`video/`)?`video`:`file`}function T(e){if(e.type.startsWith(`image/`)&&!(typeof URL>`u`||typeof URL.createObjectURL!=`function`))return URL.createObjectURL(e)}function E(e){!e||typeof URL>`u`||typeof URL.revokeObjectURL!=`function`||URL.revokeObjectURL(e)}function ee(e){return Array.isArray(e)?{items:e,total:e.length}:e}function te(e,t){return t&&typeof e==`object`&&e?{...e,...t}:e}function ne(e,t,n,r,i){let a=n.trim().toLowerCase();return e.filter(e=>r!==`all`&&t.getType(e)!==r||i!==`all`&&t.getCollection(e)!==i?!1:a?[t.getName(e),t.getAlt(e),t.getCollection(e),...t.getTags(e)].filter(Boolean).join(` `).toLowerCase().includes(a):!0)}function D(e,t,n){let r=e.slice();return n===`name`?r.sort((e,n)=>t.getName(e).localeCompare(t.getName(n))):n===`size`?r.sort((e,n)=>(t.getSize(n)??0)-(t.getSize(e)??0)):n===`usage`?r.sort((e,n)=>(t.getUsageCount(n)??0)-(t.getUsageCount(e)??0)):r.sort((e,n)=>C(n,t)-C(e,t)),r}function O({items:e=v,fetcher:t,accessors:n,selectionMode:r=`multiple`,value:i,defaultValue:a=[],onValueChange:o,onItemUpdate:s,onItemDelete:c,onUpload:l,onError:u,initialTab:f=`library`,defaultView:p=`grid`,defaultQuery:m=``,defaultType:h=`all`,defaultCollection:g=`all`,defaultSort:y=`newest`,defaultUploadOptions:x}={}){let S=(0,d.useMemo)(()=>b(n),[n]),[C,O]=(0,d.useState)(f),[k,A]=(0,d.useState)(p),[j,M]=(0,d.useState)(m),[N,P]=(0,d.useState)(h),[F,I]=(0,d.useState)(g),[L,re]=(0,d.useState)(y),[ie,ae]=(0,d.useState)(null),[R,oe]=(0,d.useState)(()=>[...a]),[se,ce]=(0,d.useState)([]),[le,ue]=(0,d.useState)(),[de,fe]=(0,d.useState)(!1),[pe,z]=(0,d.useState)(null),[me,he]=(0,d.useState)([]),[ge,_e]=(0,d.useState)(()=>new Set),[ve,B]=(0,d.useState)({}),[V,H]=(0,d.useState)([]),[U,W]=(0,d.useState)(!1),[G,ye]=(0,d.useState)({..._,...x,tags:x?.tags??_.tags}),K=i!==void 0,q=(0,d.useMemo)(()=>K?[...i??[]]:R,[R,K,i]),J=(0,d.useMemo)(()=>new Set(q),[q]),Y=(0,d.useRef)(new Set);(0,d.useEffect)(()=>{if(!t)return;let e=new AbortController;return fe(!0),z(null),t({query:j,type:N,collection:F===`all`?void 0:F,sort:L,signal:e.signal}).then(t=>{if(e.signal.aborted)return;let n=ee(t);ce(n.items),ue(n.total)}).catch(t=>{e.signal.aborted||(z(t),u?.(t))}).finally(()=>{e.signal.aborted||fe(!1)}),()=>e.abort()},[F,t,u,j,L,N]),(0,d.useEffect)(()=>{let e=Y.current;return()=>{for(let t of e)E(t);e.clear()}},[]);let X=(0,d.useMemo)(()=>t?se:[...me,...e],[me,se,t,e]),Z=(0,d.useMemo)(()=>X.filter(e=>!ge.has(S.getId(e))).map(e=>te(e,ve[S.getId(e)])),[S,ve,ge,X]),Q=(0,d.useMemo)(()=>{let e=t?Z:ne(Z,S,j,N,F);return t?e:D(e,S,L)},[S,F,t,Z,j,L,N]),be=le??Z.length,xe=Q.length,Se=(0,d.useMemo)(()=>Z.filter(e=>J.has(S.getId(e))),[S,Z,J]),Ce=!!j.trim()||N!==`all`||F!==`all`,$=(0,d.useCallback)(e=>{K||oe(e);let t=new Set(e),n=Z.filter(e=>t.has(S.getId(e)));o?.(e,n)},[S,K,o,Z]),we=(0,d.useCallback)(e=>{let t=new Set(r===`single`?[]:J);J.has(e)&&r!==`single`?t.delete(e):t.add(e),$(Array.from(t))},[$,J,r]),Te=(0,d.useCallback)(()=>$([]),[$]),Ee=(0,d.useCallback)(()=>{M(``),P(`all`),I(`all`)},[]),De=(0,d.useCallback)(e=>{H(t=>[...t,...e.map((e,t)=>{let n=T(e);return n&&Y.current.add(n),{id:`staged-${Date.now()}-${t}`,file:e,name:e.name,size:e.size,type:w(e),src:n,progress:0,status:`staged`}})])},[]),Oe=(0,d.useCallback)(e=>{H(t=>{let n=t.find(t=>t.id===e);return n?.src&&(E(n.src),Y.current.delete(n.src)),t.filter(t=>t.id!==e)})},[]),ke=(0,d.useCallback)(()=>{H(e=>{for(let t of e)t.src&&(E(t.src),Y.current.delete(t.src));return[]})},[]),Ae=(0,d.useCallback)(e=>{ye(t=>({...t,...e}))},[]),je=(0,d.useCallback)((e,t)=>{H(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]);return{tab:C,setTab:O,view:k,setView:A,query:j,setQuery:M,type:N,setType:P,collection:F,setCollection:I,sort:L,setSort:re,detailId:ie,setDetailId:ae,items:Z,visibleItems:Q,selectedIds:q,selectedItems:Se,selectedSet:J,toggleSelection:we,clearSelection:Te,clearFilters:Ee,loading:de,error:pe,hasFilters:Ce,totalCount:be,filteredCount:xe,stagedFiles:V,addFiles:De,removeStagedFile:Oe,clearStagedFiles:ke,updateUploadOptions:Ae,uploadOptions:G,uploading:U,startUpload:(0,d.useCallback)(async()=>{if(U||V.length===0)return;W(!0),H(e=>e.map(e=>({...e,status:`uploading`,progress:0})));let e={setProgress:(e,t)=>{je(e,{progress:Math.max(0,Math.min(100,t))})},setFileStatus:(e,t,n)=>je(e,{status:t,error:n})};try{let t=V.map(e=>e.file),n=await l?.(t,G,e);if(H(e=>e.map(e=>({...e,status:`done`,progress:100}))),n?.length){he(e=>[...n,...e]);let e=n.map(e=>S.getId(e));$(r===`single`?e.slice(0,1):Array.from(new Set([...e,...q])))}ke(),O(`library`)}catch(e){z(e),H(e=>e.map(e=>e.status===`uploading`?{...e,status:`error`,error:`Upload failed`}:e)),u?.(e)}finally{W(!1)}},[S,$,ke,u,l,q,r,je,V,G,U]),updateItem:(0,d.useCallback)((e,t)=>{let n=S.getId(e);B(e=>({...e,[n]:{...e[n],...t}})),s?.(e,t)},[S,s]),removeItem:(0,d.useCallback)(e=>{let t=S.getId(e);_e(e=>new Set(e).add(t)),J.has(t)&&$(q.filter(e=>e!==t)),c?.(e)},[S,$,c,q,J]),accessors:S}}function k(e,t){return e===`image`?(0,f.jsx)(p.ImageIcon,{className:t??`size-4`}):e===`video`?(0,f.jsx)(p.Video,{className:t??`size-4`}):(0,f.jsx)(p.File,{className:t??`size-4`})}function A(e,t){return e===`image`?t.typeImage:e===`video`?t.typeVideo:t.typeFile}function j(e,t){return e?g(t.usedIn,{count:e}):t.notUsed}function M({children:e,tint:n,className:r}){return(0,f.jsx)(`div`,{className:t.cn(`media-library-preview relative overflow-hidden bg-muted`,r),style:n?{background:n}:void 0,children:e})}function N({src:e,alt:t,type:n,className:r,loading:i=`lazy`}){let[a,o]=(0,d.useState)(!1);return(0,d.useEffect)(()=>{o(!1)},[e]),!e||a?(0,f.jsx)(`div`,{className:`media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground`,children:k(n,`size-6`)}):(0,f.jsx)(`img`,{src:e,alt:t,loading:i,className:r,onError:()=>o(!0)})}function P({icon:e,title:r,description:i,action:a,className:o}){return(0,f.jsxs)(`div`,{className:t.cn(`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`,o),children:[(0,f.jsx)(`div`,{className:`mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:e??(0,f.jsx)(p.ImageIcon,{className:`size-5`})}),(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,children:r}),!!i&&(0,f.jsx)(n.n,{type:`secondary`,size:`xs`,className:`mt-1 max-w-sm`,children:i}),!!a&&(0,f.jsx)(`div`,{className:`mt-4`,children:a})]})}function F({query:e,type:n,typeFilters:r,collection:a,sort:c,view:l,collections:u=[],strings:d,onQueryChange:m,onTypeChange:h,onCollectionChange:g,onSortChange:_,onViewChange:v,onClearFilters:y,toolbarEnd:b}){let x=[{value:`all`,label:d.allTypes,icon:null},{value:`image`,label:d.images,icon:p.ImageIcon},{value:`video`,label:d.videos,icon:p.Video},{value:`file`,label:d.files,icon:p.File}].filter(e=>(r??[`all`,`image`,`video`]).includes(e.value)),S=[{value:`all`,label:d.allCollections},...u.map(e=>({value:e.value,label:String(e.label)}))],C=[{value:`newest`,label:d.sortNewest},{value:`name`,label:d.sortName},{value:`size`,label:d.sortSize},{value:`usage`,label:d.sortUsage}];return(0,f.jsxs)(`div`,{className:`media-library-toolbar--component flex flex-wrap items-center gap-2`,children:[(0,f.jsx)(`div`,{className:`min-w-52 flex-1`,children:(0,f.jsx)(o.t,{value:e,onChange:e=>m(e.target.value),placeholder:d.searchPlaceholder,startIcon:p.Search,clearable:!0,onClear:()=>m(``),strings:{clear:d.clearSearch},className:`rounded-full bg-muted/20`})}),(0,f.jsx)(`div`,{className:`media-library-toolbar--type-toggle flex h-9 items-center rounded-md bg-muted p-0.5`,role:`tablist`,"aria-label":d.typeFilterLabel,children:x.map(e=>{let r=e.icon,a=n===e.value;return(0,f.jsxs)(i.t,{type:`button`,role:`tab`,"aria-selected":a,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 text-xs shadow-none`,a?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>h(e.value),children:[r&&(0,f.jsx)(r,{className:`size-3.5`}),e.label]},e.value)})}),(0,f.jsx)(`div`,{className:`min-w-40`,children:(0,f.jsx)(s.H,{value:a,options:S,onChange:e=>g(e??`all`),placeholder:d.collectionFilterLabel,"aria-label":d.collectionFilterLabel,className:`bg-background`})}),(0,f.jsx)(`div`,{className:`min-w-32`,children:(0,f.jsx)(s.H,{value:c,options:C,onChange:e=>_(e??`newest`),placeholder:d.sortLabel,"aria-label":d.sortLabel,className:`bg-background`})}),(0,f.jsxs)(`div`,{className:`media-library-toolbar--view-toggle ml-auto flex h-9 items-center rounded-md bg-muted p-0.5`,children:[(0,f.jsx)(i.t,{type:`button`,variant:l===`grid`?`dark`:`secondary`,buttonStyle:l===`grid`?`solid`:`ghost`,size:`icon-xs`,className:t.cn(l===`grid`&&`bg-background text-foreground shadow-xs hover:bg-background`),"aria-label":d.gridView,onClick:()=>v(`grid`),children:(0,f.jsx)(p.Grid2X2,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:l===`table`?`dark`:`secondary`,buttonStyle:l===`table`?`solid`:`ghost`,size:`icon-xs`,className:t.cn(l===`table`&&`bg-background text-foreground shadow-xs hover:bg-background`),"aria-label":d.tableView,onClick:()=>v(`table`),children:(0,f.jsx)(p.LayoutList,{className:`size-3.5`})})]}),!!e&&(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:y,children:d.clearFilters}),b]})}function I({item:e,selected:a=!1,density:o=`comfortable`,showMeta:s=!0,accessors:c,strings:l,onToggle:u,onDetails:d,className:m}){let h=c.getType(e),_=c.getName(e),v=c.getSrc(e),y=c.getAlt(e)||_,b=c.getSize(e),S=c.getUsageCount(e),C=c.getPublic(e)===!1,w=c.getDuration(e);return(0,f.jsxs)(`div`,{"data-selected":a||void 0,"data-density":o,className:t.cn(`media-library-card--component group/card overflow-hidden rounded-xl border border-border/70 bg-card text-left shadow-xs transition-all`,`hover:border-primary/30 hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,a&&`media-library-card--selected border-primary ring-1 ring-primary`,m),onClick:u,children:[(0,f.jsxs)(M,{tint:c.getTint(e),className:t.cn(o===`compact`?`aspect-square`:`aspect-[4/3]`),children:[(0,f.jsx)(N,{src:v,alt:y,type:h,className:`size-full object-cover`}),(0,f.jsx)(`span`,{className:t.cn(`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`,a&&`bg-primary text-primary-foreground opacity-100`),"aria-hidden":`true`,children:(0,f.jsx)(p.Check,{className:`size-3`})}),!!d&&(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-xs`,className:`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`,"aria-label":g(l.cardDetails,{name:_}),onClick:e=>{e.stopPropagation(),d()},children:(0,f.jsx)(p.Info,{className:`size-3.5`})}),h===`video`&&!!w&&(0,f.jsxs)(r.t,{variant:`secondary`,className:`media-library-card--duration absolute bottom-2 left-2 bg-foreground text-background`,children:[(0,f.jsx)(p.Play,{className:`size-3 fill-current`}),w]}),C&&(0,f.jsx)(r.t,{variant:`secondary`,className:`media-library-card--private absolute bottom-2 right-2 bg-background/90`,children:(0,f.jsx)(p.Lock,{className:`size-3`})})]}),(0,f.jsxs)(`div`,{className:`media-library-card--body grid gap-1 px-3 py-2.5`,children:[(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:_}),s&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`truncate`,children:x(b)||l.unknownSize}),!!S&&(0,f.jsxs)(n.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`ml-auto inline-flex items-center gap-1`,children:[(0,f.jsx)(p.Layers3,{className:`size-3`}),S]})]})]})]})}function L({items:e,selectedSet:a,accessors:o,strings:s,onToggle:c,onDetails:l}){return(0,f.jsxs)(`div`,{className:`media-library-table--component min-w-[720px]`,children:[(0,f.jsxs)(`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`,children:[(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.name}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.type}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.size}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.collection}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.used}),(0,f.jsx)(`span`,{})]}),e.map(e=>{let u=o.getId(e),d=a.has(u),m=o.getType(e),h=o.getName(e),_=o.getSrc(e),v=o.getPublic(e)===!1;return(0,f.jsxs)(`div`,{"data-selected":d||void 0,className:t.cn(`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`,`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`,d&&`bg-primary/10`),onClick:()=>c(u),children:[(0,f.jsx)(`span`,{className:t.cn(`inline-flex size-5 items-center justify-center rounded-md border border-border text-transparent`,d&&`border-primary bg-primary text-primary-foreground`),"aria-hidden":`true`,children:(0,f.jsx)(p.Check,{className:`size-3`})}),(0,f.jsx)(M,{tint:o.getTint(e),className:`size-9 rounded-md`,children:_?(0,f.jsx)(`img`,{src:_,alt:``,loading:`lazy`,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:k(m,`size-4`)})}),(0,f.jsxs)(n.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`flex min-w-0 items-center gap-1 truncate`,children:[(0,f.jsx)(`span`,{className:`truncate`,children:h}),v&&(0,f.jsx)(p.Lock,{className:`size-3 shrink-0 text-muted-foreground`})]}),(0,f.jsx)(r.t,{variant:`secondary`,children:A(m,s)}),(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,children:x(o.getSize(e))||s.unknownSize}),(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`truncate`,children:o.getCollection(e)||`-`}),(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,children:o.getUsageCount(e)?o.getUsageCount(e):`-`}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":g(s.cardDetails,{name:h}),onClick:e=>{e.stopPropagation(),l(u)},children:(0,f.jsx)(p.Info,{className:`size-3.5`})})]},u)})]})}function re({item:e,collections:t=[],accessors:a,strings:u,onClose:d,onUpdate:m,onRemove:h,renderDetail:g}){if(!e)return null;let _=a.getName(e),v=a.getType(e),y=a.getSrc(e),b=a.getCollection(e)??t[0]?.value??``,C=a.getTags(e),w=a.getPublic(e)??!0,T=g?.(e,{accessors:a,update:m,remove:h,close:d});return T?(0,f.jsx)(f.Fragment,{children:T}):(0,f.jsxs)(`aside`,{className:`media-library-detail-panel--component flex min-h-0 w-full flex-col border-l border-border bg-background lg:w-72`,children:[(0,f.jsxs)(`div`,{className:`media-library-detail-panel--header flex items-center gap-2 border-b border-border px-3 py-2.5`,children:[(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":u.detail.close,onClick:d,children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(n.n,{weight:`semibold`,children:u.detail.title})]}),(0,f.jsxs)(`div`,{className:`media-library-detail-panel--body grid min-h-0 gap-4 overflow-y-auto p-4`,children:[(0,f.jsxs)(M,{tint:a.getTint(e),className:`aspect-[4/3] rounded-lg border border-border`,children:[(0,f.jsx)(N,{src:y,alt:a.getAlt(e)||_,type:v,className:`size-full object-cover`}),v===`video`&&!!a.getDuration(e)&&(0,f.jsxs)(r.t,{className:`absolute bottom-2 right-2 bg-foreground text-background`,children:[(0,f.jsx)(p.Play,{className:`size-3 fill-current`}),a.getDuration(e)]})]}),(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,className:`break-words`,children:_}),(0,f.jsx)(`dl`,{className:`media-library-detail-panel--facts grid gap-2`,children:[[u.detail.type,A(v,u)],[u.detail.size,x(a.getSize(e))||u.unknownSize],[u.detail.dimensions,S(e,a)||`-`],[u.detail.uploaded,String(a.getUploadedAt(e)??`-`)],[u.detail.usedIn,j(a.getUsageCount(e),u)]].map(([e,t])=>(0,f.jsxs)(`div`,{className:`flex justify-between gap-4`,children:[(0,f.jsx)(`dt`,{children:(0,f.jsx)(n.n,{tag:`span`,size:`xs`,type:`secondary`,children:e})}),(0,f.jsx)(`dd`,{className:`m-0 text-right`,children:(0,f.jsx)(n.n,{tag:`span`,size:`xs`,weight:`medium`,children:t})})]},e))}),(0,f.jsx)(c.n,{label:u.detail.altText,children:(0,f.jsx)(o.t,{value:a.getAlt(e)??``,placeholder:u.detail.altPlaceholder,onChange:e=>m({alt:e.target.value})})}),(0,f.jsx)(c.n,{label:u.detail.collection,children:(0,f.jsx)(s.H,{value:b,options:t.map(e=>({value:e.value,label:String(e.label)})),"aria-label":u.detail.collection,onChange:e=>m({collection:e})})}),(0,f.jsx)(c.n,{label:u.detail.tags,children:(0,f.jsx)(o.t,{value:C.join(`, `),placeholder:u.detail.tagsPlaceholder,onChange:e=>m({tags:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})}),(0,f.jsxs)(`div`,{className:`media-library-detail-panel--public flex items-center justify-between gap-4 rounded-lg border border-border bg-muted/20 p-3`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(n.n,{weight:`semibold`,size:`xs`,children:u.detail.public}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,children:w?u.detail.publicHint:u.detail.privateHint})]}),(0,f.jsx)(l.n,{checked:w,onCheckedChange:e=>m({public:e})})]}),(0,f.jsxs)(`div`,{className:`media-library-detail-panel--actions flex flex-wrap gap-2`,children:[(0,f.jsxs)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,children:[(0,f.jsx)(p.UploadCloud,{className:`size-3.5`}),u.detail.replace]}),(0,f.jsxs)(i.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,onClick:h,children:[(0,f.jsx)(p.Trash2,{className:`size-3.5`}),u.detail.delete]})]})]})]})}function ie({stagedFiles:e,uploadOptions:t,collections:a=[],uploading:u=!1,strings:d,onFiles:m,onRemoveFile:h,onOptionsChange:_,empty:v}){return(0,f.jsxs)(`div`,{className:`media-library-upload-panel--component grid gap-4 p-4`,children:[(0,f.jsx)(s.b,{onDrop:m,accept:`image/*,video/*`,multiple:!0,size:`base`,strings:{instruction:d.upload.dropTitle,helper:d.upload.dropHint,dragOver:d.upload.dragOver}}),e.length>0?(0,f.jsx)(`div`,{className:`media-library-upload-panel--staged grid gap-2`,children:e.map(e=>(0,f.jsxs)(`div`,{className:`media-library-upload-panel--staged-file flex items-center gap-3 rounded-lg border border-border bg-card p-2`,children:[(0,f.jsx)(M,{className:`size-10 rounded-md`,children:e.src?(0,f.jsx)(`img`,{src:e.src,alt:e.name,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:k(e.type,`size-4`)})}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[(0,f.jsx)(n.n,{weight:`semibold`,size:`xs`,className:`truncate`,children:e.name}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`ml-auto shrink-0`,children:x(e.size)})]}),(e.status===`uploading`||e.status===`done`)&&(0,f.jsx)(`div`,{className:`mt-2 h-1 overflow-hidden rounded-full bg-muted`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width]`,style:{width:`${e.progress}%`}})}),e.status===`error`&&(0,f.jsx)(n.n,{size:`xxs`,type:`error`,children:e.error})]}),e.status===`done`?(0,f.jsx)(r.t,{variant:`success`,children:d.upload.done}):e.status===`uploading`?(0,f.jsxs)(n.n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]}):(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:u,"aria-label":g(d.upload.removeFile,{name:e.name}),onClick:()=>h(e.id),children:(0,f.jsx)(p.X,{className:`size-3.5`})})]},e.id))}):v,(0,f.jsxs)(`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]`,children:[(0,f.jsx)(c.n,{label:d.upload.collection,children:(0,f.jsx)(s.H,{value:t.collection??a[0]?.value,options:a.map(e=>({value:e.value,label:String(e.label)})),"aria-label":d.upload.collection,onChange:e=>_({collection:e})})}),(0,f.jsx)(c.n,{label:d.upload.tags,children:(0,f.jsx)(o.t,{value:t.tags.join(`, `),placeholder:d.upload.tagsPlaceholder,onChange:e=>_({tags:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})}),(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-4 md:self-end`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(n.n,{weight:`semibold`,size:`xs`,children:d.upload.public}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,children:d.upload.publicHint})]}),(0,f.jsx)(l.n,{checked:t.public,onCheckedChange:e=>_({public:e})})]})]})]})}function ae({tab:e,selectedIds:r,selectionMode:a,stagedFiles:o,strings:s,onClearSelection:c,className:l}){let u=r.length,d=o.reduce((e,t)=>e+t.size,0),p=o.length,m=t.cn(`media-library-footer-summary--component flex min-w-0 items-center gap-3`,l);return e===`upload`?(0,f.jsx)(`div`,{className:m,"aria-live":`polite`,children:(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`truncate`,children:p===0?s.footer.noFiles:g(s.footer.stagedSummary,{count:p,size:x(d)})})}):(0,f.jsx)(`div`,{className:m,"aria-live":`polite`,children:u>0?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(n.n,{weight:`semibold`,size:`xs`,className:`whitespace-nowrap`,children:g(s.footer.selectedCount,{count:u})}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:c,children:s.footer.clear})]}):(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`truncate`,children:a===`single`?s.footer.pickOne:s.footer.pickMany})})}function R({tab:e,selectedItems:n,selectedIds:r,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:d,onUpload:p,onCancelUpload:m,className:h}){let _=r.length,v=a.length;return e===`upload`?(0,f.jsxs)(`div`,{className:t.cn(`media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,h),children:[(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,disabled:o,onClick:m,children:l??s.footer.cancel}),(0,f.jsx)(i.t,{type:`button`,disabled:v===0||o,onClick:p,loading:o,loadingLabels:{loading:s.footer.uploading},children:v<=1?s.footer.upload:g(s.footer.uploadMany,{count:v})})]}):(0,f.jsxs)(`div`,{className:t.cn(`media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,h),children:[(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:u,children:l??s.footer.cancel}),(0,f.jsx)(i.t,{type:`button`,disabled:_===0,onClick:d,children:c??(_===0?s.footer.confirmEmpty:n.length===1?s.footer.confirmOne:g(s.footer.confirmMany,{count:_}))})]})}function oe({tab:e,selectedItems:n,selectedIds:r,selectionMode:i,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:d,onClearSelection:p,onUpload:m,onCancelUpload:h,chrome:g=`section`,className:_}){return(0,f.jsxs)(`footer`,{className:t.cn(`media-library-footer--component flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`,g===`section`&&`border-t border-border bg-background px-4 py-3`,_),children:[(0,f.jsx)(ae,{tab:e,selectedIds:r,selectionMode:i,stagedFiles:a,strings:s,onClearSelection:p}),(0,f.jsx)(R,{tab:e,selectedItems:n,selectedIds:r,stagedFiles:a,uploading:o,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:d,onUpload:m,onCancelUpload:h})]})}var se=(0,d.createContext)(null);function ce(e,t,n){return(0,d.useMemo)(()=>{if(e)return e;let r=new Set;for(let e of t){let t=n(e);t&&r.add(t)}return Array.from(r).map(e=>({value:e,label:e}))},[e,n,t])}function le({title:r,description:o,confirmLabel:s,cancelLabel:c,selectionMode:l=`multiple`,density:u=`comfortable`,showMeta:_=!0,allowUpload:v=!0,typeFilters:y,confirmOnSelect:b=!1,onConfirm:x,onCancel:S,onClose:C,strings:w,slots:T,heightClassName:E,className:ee,items:te,fetcher:ne,accessors:D,collections:k,value:A,defaultValue:j,onValueChange:M,onItemUpdate:N,onItemDelete:le,onUpload:ue,onError:de,initialTab:fe,defaultView:pe,defaultQuery:z,defaultType:me,defaultCollection:he,defaultSort:ge,defaultUploadOptions:_e,...ve}){let B=e.useStrings(h,w),V=O({items:te,fetcher:ne,accessors:D,collections:k,selectionMode:l,value:A,defaultValue:j,onValueChange:M,onItemUpdate:N,onItemDelete:le,onUpload:ue,onError:de,initialTab:fe,defaultView:pe,defaultQuery:z,defaultType:me,defaultCollection:he,defaultSort:ge,defaultUploadOptions:_e}),H=ce(k,V.items,V.accessors.getCollection),U=v?V.tab:`library`,W=V.detailId?V.items.find(e=>V.accessors.getId(e)===V.detailId)??null:null,G=(0,d.useContext)(se),ye=!T?.footer,K=G&&ye?(0,f.jsx)(ae,{tab:U,selectedIds:V.selectedIds,selectionMode:l,stagedFiles:V.stagedFiles,strings:B,onClearSelection:V.clearSelection,className:`media-library-dialog--selection-summary shrink-0 justify-end`}):null,q=!!(r||o||T?.headerStart),J=!!(v||T?.headerEnd||K),Y=q||J,X=()=>{x?.(V.selectedItems,V.selectedIds),C?.()},Z=()=>{S?.(),C?.()},Q=e=>{let t=V.accessors.getId(e);V.toggleSelection(t),b&&(x?.([e],[t]),C?.())},be=V.filteredCount===V.totalCount?g(B.countAll,{count:V.totalCount}):g(B.countFiltered,{count:V.filteredCount,total:V.totalCount}),xe=T?.footer??(G?(0,f.jsx)(R,{tab:U,selectedItems:V.selectedItems,selectedIds:V.selectedIds,stagedFiles:V.stagedFiles,uploading:V.uploading,strings:B,confirmLabel:s,cancelLabel:c,onCancel:Z,onConfirm:X,onUpload:V.startUpload,onCancelUpload:()=>{V.clearStagedFiles(),V.setTab(`library`)},className:`ml-auto`}):(0,f.jsx)(oe,{tab:U,selectedItems:V.selectedItems,selectedIds:V.selectedIds,selectionMode:l,stagedFiles:V.stagedFiles,uploading:V.uploading,strings:B,confirmLabel:s,cancelLabel:c,onCancel:Z,onConfirm:X,onClearSelection:V.clearSelection,onUpload:V.startUpload,onCancelUpload:()=>{V.clearStagedFiles(),V.setTab(`library`)}}));return(0,f.jsxs)(`section`,{className:t.cn(`media-library--component flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background`,E??`h-[min(760px,calc(100vh-7rem))]`,ee),...ve,children:[Y&&(0,f.jsxs)(`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`,children:[q&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[T?.headerStart,(r||o)&&(0,f.jsxs)(`div`,{className:`min-w-0`,children:[!!r&&(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,children:r}),!!o&&(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:o})]})]}),J&&(0,f.jsxs)(`div`,{className:t.cn(`flex min-w-0 flex-wrap items-center gap-2`,K?`flex-1 justify-between`:`lg:justify-end`),children:[(0,f.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[v&&(0,f.jsxs)(`div`,{className:`media-library--tabs flex items-center rounded-md bg-muted p-0.5`,role:`tablist`,children:[(0,f.jsxs)(i.t,{type:`button`,role:`tab`,"aria-selected":U===`library`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 shadow-none`,U===`library`?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>V.setTab(`library`),children:[(0,f.jsx)(p.ImageIcon,{className:`size-3.5`}),B.tabs.library]}),(0,f.jsxs)(i.t,{type:`button`,role:`tab`,"aria-selected":U===`upload`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`h-8 rounded-sm px-3 shadow-none`,U===`upload`?`bg-background text-foreground shadow-xs hover:bg-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`),onClick:()=>V.setTab(`upload`),children:[(0,f.jsx)(p.UploadCloud,{className:`size-3.5`}),B.tabs.upload,V.stagedFiles.length>0&&(0,f.jsx)(`span`,{className:`rounded-full bg-background/20 px-1.5 text-xxs tabular-nums`,children:V.stagedFiles.length})]})]}),T?.headerEnd]}),K]})]}),(0,f.jsxs)(`div`,{className:`media-library--body flex min-h-0 flex-1`,children:[U===`upload`?(0,f.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:(0,f.jsx)(ie,{stagedFiles:V.stagedFiles,uploadOptions:V.uploadOptions,collections:H,uploading:V.uploading,strings:B,onFiles:V.addFiles,onRemoveFile:V.removeStagedFile,onOptionsChange:V.updateUploadOptions,empty:T?.uploadEmpty})}):(0,f.jsxs)(`div`,{className:t.cn(`media-library--library min-w-0 flex-1 flex-col`,W?`hidden lg:flex`:`flex`),children:[(0,f.jsxs)(`div`,{className:`media-library--toolbar border-b border-border/70 px-4 py-3`,children:[(0,f.jsx)(F,{query:V.query,type:V.type,typeFilters:y,collection:V.collection,sort:V.sort,view:V.view,collections:H,strings:B,onQueryChange:V.setQuery,onTypeChange:V.setType,onCollectionChange:V.setCollection,onSortChange:V.setSort,onViewChange:V.setView,onClearFilters:V.clearFilters,toolbarEnd:T?.toolbarEnd}),(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-2`,"aria-live":`polite`,children:be})]}),(0,f.jsx)(`div`,{className:`media-library--results min-h-0 flex-1 overflow-y-auto p-4`,children:V.loading?T?.loading??(0,f.jsx)(`div`,{className:`flex min-h-64 items-center justify-center`,children:(0,f.jsx)(n.n,{type:`secondary`,children:B.loading})}):V.error?T?.error??(0,f.jsxs)(a.t,{variant:`destructive`,children:[(0,f.jsx)(a.i,{children:B.errorTitle}),(0,f.jsx)(a.r,{children:B.errorDescription})]}):V.visibleItems.length===0?T?.empty??(0,f.jsx)(P,{title:V.hasFilters?B.emptyFilteredTitle:B.emptyLibraryTitle,description:V.hasFilters?B.emptyFilteredDescription:B.emptyLibraryDescription,action:V.hasFilters?(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:V.clearFilters,children:B.clearFilters}):v?(0,f.jsxs)(i.t,{type:`button`,onClick:()=>V.setTab(`upload`),children:[(0,f.jsx)(p.UploadCloud,{className:`size-3.5`}),B.uploadMedia]}):void 0}):V.view===`table`?(0,f.jsx)(`div`,{className:`overflow-x-auto`,children:(0,f.jsx)(L,{items:V.visibleItems,selectedSet:V.selectedSet,selectionMode:l,accessors:V.accessors,strings:B,onToggle:e=>{let t=V.items.find(t=>V.accessors.getId(t)===e);t&&Q(t)},onDetails:V.setDetailId})}):(0,f.jsx)(`div`,{className:t.cn(`media-library--grid grid gap-3`,u===`compact`?`grid-cols-[repeat(auto-fill,minmax(136px,1fr))]`:`grid-cols-[repeat(auto-fill,minmax(168px,1fr))]`),children:V.visibleItems.map(e=>{let t=V.accessors.getId(e),n={id:t,selected:V.selectedSet.has(t),selectionMode:l,accessors:V.accessors,toggle:()=>Q(e),openDetails:()=>V.setDetailId(t)},r=T?.renderItem?.(e,n);return r?(0,f.jsx)(`div`,{children:r},t):(0,f.jsx)(I,{item:e,selected:n.selected,density:u,showMeta:_,selectionMode:l,accessors:V.accessors,strings:B,onToggle:n.toggle,onDetails:n.openDetails},t)})})})]}),U===`library`&&(0,f.jsx)(re,{item:W,collections:H,accessors:V.accessors,strings:B,onClose:()=>V.setDetailId(null),onUpdate:e=>W&&V.updateItem(W,e),onRemove:()=>{W&&(V.removeItem(W),V.setDetailId(null))},renderDetail:T?.renderDetail})]}),G?G.element?(0,m.createPortal)(xe,G.element):null:xe]})}function ue({open:n,onOpenChange:r,trigger:i,dialogTitle:a,dialogDescription:o,onClose:s,className:c,dialogClassName:l,contentClassName:p,closeOnEscape:m=!0,closeOnBackdropClick:g=!0,..._}){let v=e.useStrings(h,_.strings),[y,b]=(0,d.useState)(!1),[x,S]=(0,d.useState)(null),C=n!==void 0,w=C?n:y,T=e=>{C||b(e),r?.(e)},E=()=>{T(!1),s?.()};return(0,f.jsx)(se.Provider,{value:{element:x},children:(0,f.jsx)(u.r,{open:w,onOpenChange:T,onClose:s,trigger:i,title:a??v.title,description:o??v.description,size:`full`,showCancel:!1,showConfirm:!1,footer:(0,f.jsx)(`div`,{ref:S,className:`media-library-dialog--footer`}),className:t.cn(`media-library-dialog--component max-h-[calc(100vh-2rem)] max-w-[min(1060px,calc(100vw-2rem))]`,l),contentClassName:t.cn(`media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0`,p),closeOnBackdropClick:g,closeOnEscape:m,children:(0,f.jsx)(le,{..._,onClose:E,className:t.cn(`media-library-dialog--library rounded-none border-0`,c),heightClassName:_.heightClassName??`min-h-0 flex-1`,strings:_.strings})})})}function de(e,t,n){let r=e.slice(),[i]=r.splice(t,1);return i===void 0||r.splice(n,0,i),r}function fe({items:a,accessors:o,title:s,description:c,primaryId:l,onPrimaryChange:u,onRemove:d,onReorder:m,onAdd:_,maxItems:v,layout:y=`field`,density:S=`comfortable`,readOnly:C=!1,empty:w,action:T,renderItem:E,strings:ee,className:te,...ne}){let D=e.useStrings(h,ee),O=b(o),k=a.length,A=l??(k>0?O.getId(a[0]):void 0),j=!C&&!!_&&(v===void 0||k<v),M=j&&(y===`field`||k>0)?(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,icon:p.Plus,onClick:_,children:D.gallery.add}):v!==void 0&&k>=v?(0,f.jsx)(r.t,{variant:`secondary`,children:D.gallery.maxReached}):null,N=(e,t)=>{if(t<0||t>=k||e===t)return;let n=de(a,e,t);m?.(n.map(e=>O.getId(e)),n)},F=!!(s||c||T||M),I=k===0&&y!==`field`,L=()=>!j||y!==`field`?null:(0,f.jsxs)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,className:t.cn(`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`,`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`),"aria-label":D.gallery.addTile,onClick:_,children:[(0,f.jsx)(p.Plus,{className:`size-4`}),(0,f.jsx)(`span`,{className:`sr-only`,children:D.gallery.addTile})]});return(0,f.jsxs)(`section`,{className:t.cn(`media-resource-gallery--component rounded-lg border border-border bg-card shadow-xs`,te),"data-layout":y,"data-density":S,...ne,children:[F&&(0,f.jsxs)(`header`,{className:`media-resource-gallery--header flex flex-col gap-3 px-4 py-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,f.jsxs)(`div`,{className:`min-w-0`,children:[!!s&&(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,children:s}),!!c&&(0,f.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:c})]}),(0,f.jsx)(`div`,{className:`media-resource-gallery--actions flex flex-wrap items-center gap-2`,children:T??M})]}),I?(0,f.jsx)(`div`,{className:`media-resource-gallery--empty p-4 pt-0`,children:w??(0,f.jsx)(P,{title:D.gallery.emptyTitle,description:D.gallery.emptyDescription,action:j?(0,f.jsx)(i.t,{type:`button`,icon:p.ImagePlus,onClick:_,children:D.gallery.add}):void 0})}):(0,f.jsxs)(`div`,{className:t.cn(`media-resource-gallery--items p-4`,F&&`pt-0`,y===`list`?`grid gap-2`:y===`field`?`grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-3 sm:grid-cols-[repeat(auto-fill,minmax(108px,1fr))]`:S===`compact`?`grid grid-cols-[repeat(auto-fill,minmax(132px,1fr))] gap-3`:`grid grid-cols-[repeat(auto-fill,minmax(164px,1fr))] gap-3`),children:[a.map((e,a)=>{let o=O.getId(e),s=O.getName(e),c=O.getType(e),l=O.getSrc(e),m=O.getAlt(e)||s,h=o===A,_=O.getPublic(e)===!1,v=O.getDuration(e),b=a>0,S=a<k-1,w=E?.(e,{id:o,index:a,total:k,primary:h,accessors:O,canMovePrevious:b,canMoveNext:S,setPrimary:()=>u?.(o,e),remove:()=>d?.(o,e),movePrevious:()=>N(a,a-1),moveNext:()=>N(a,a+1)});return w?(0,f.jsx)(`div`,{children:w},o):y===`field`?(0,f.jsxs)(`div`,{className:t.cn(`media-resource-gallery--item group/gallery relative aspect-square overflow-hidden rounded-lg border border-border bg-background shadow-xs`,`transition-colors hover:border-primary/40 focus-within:border-primary/50`,h&&`col-span-2 row-span-2 min-h-52`),"data-primary":h||void 0,children:[l?(0,f.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center bg-muted text-muted-foreground`,children:(0,f.jsx)(p.File,{className:h?`size-7`:`size-5`})}),h&&(0,f.jsx)(r.t,{variant:`secondary`,className:`absolute left-2 top-2 bg-background/90 shadow-xs`,children:D.gallery.cover}),c===`video`&&!!v&&(0,f.jsxs)(r.t,{variant:`secondary`,className:`absolute bottom-2 left-2 bg-foreground text-background`,children:[(0,f.jsx)(p.Play,{className:`size-3 fill-current`}),v]}),_&&(0,f.jsx)(`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`,children:(0,f.jsx)(p.Lock,{className:`size-3`})}),!C&&(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-xs`,className:`absolute right-2 top-2 opacity-0 shadow-sm transition-opacity group-hover/gallery:opacity-100 group-focus-within/gallery:opacity-100`,"aria-label":D.gallery.remove,onClick:()=>d?.(o,e),children:(0,f.jsx)(p.X,{className:`size-3.5`})})]},o):y===`list`?(0,f.jsxs)(`div`,{className:`media-resource-gallery--item flex min-w-0 items-center gap-3 rounded-lg border border-border bg-background p-2`,"data-primary":h||void 0,children:[(0,f.jsx)(`div`,{className:`relative size-12 shrink-0 overflow-hidden rounded-md bg-muted`,children:l?(0,f.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:(0,f.jsx)(p.File,{className:`size-4`})})}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),h&&(0,f.jsx)(r.t,{variant:`info`,children:D.gallery.primary})]}),(0,f.jsxs)(n.n,{size:`xxs`,type:`secondary`,children:[g(D.gallery.itemPosition,{index:a+1,total:k}),` · `,x(O.getSize(e))||D.unknownSize]})]}),!C&&(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:h,"aria-label":D.gallery.setPrimary,onClick:()=>u?.(o,e),children:(0,f.jsx)(p.Star,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!b,"aria-label":D.gallery.movePrevious,onClick:()=>N(a,a-1),children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>N(a,a+1),children:(0,f.jsx)(p.ArrowRight,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":D.gallery.remove,onClick:()=>d?.(o,e),children:(0,f.jsx)(p.Trash2,{className:`size-3.5`})})]})]},o):(0,f.jsxs)(`div`,{className:`media-resource-gallery--item group/gallery overflow-hidden rounded-lg border border-border bg-background shadow-xs transition-colors hover:border-primary/40`,"data-primary":h||void 0,children:[(0,f.jsxs)(`div`,{className:`relative aspect-[4/3] bg-muted`,children:[l?(0,f.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,f.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:(0,f.jsx)(p.File,{className:`size-6`})}),(0,f.jsxs)(`div`,{className:`absolute left-2 top-2 flex flex-wrap gap-1`,children:[h&&(0,f.jsx)(r.t,{variant:`info`,children:D.gallery.primary}),(0,f.jsx)(r.t,{variant:`secondary`,children:g(D.gallery.itemPosition,{index:a+1,total:k})})]})]}),(0,f.jsxs)(`div`,{className:`media-resource-gallery--item-body grid gap-2 p-3`,children:[(0,f.jsxs)(`div`,{className:`min-w-0`,children:[(0,f.jsx)(n.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),(0,f.jsx)(n.n,{size:`xxs`,type:`secondary`,children:x(O.getSize(e))||D.unknownSize})]}),!C&&(0,f.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:h,"aria-label":D.gallery.setPrimary,onClick:()=>u?.(o,e),children:(0,f.jsx)(p.Star,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!b,"aria-label":D.gallery.movePrevious,onClick:()=>N(a,a-1),children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>N(a,a+1),children:(0,f.jsx)(p.ArrowRight,{className:`size-3.5`})}),(0,f.jsx)(i.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,className:`ml-auto`,"aria-label":D.gallery.remove,onClick:()=>d?.(o,e),children:(0,f.jsx)(p.Trash2,{className:`size-3.5`})})]})]})]},o)}),L()]})]})}exports.MediaLibrary=le,exports.MediaLibraryCard=I,exports.MediaLibraryDetailPanel=re,exports.MediaLibraryDialog=ue,exports.MediaLibraryEmptyState=P,exports.MediaLibraryFooter=oe,exports.MediaLibraryTable=L,exports.MediaLibraryToolbar=F,exports.MediaLibraryUploadPanel=ie,exports.MediaResourceGallery=fe,exports.defaultMediaLibraryStrings=h,exports.formatMediaLibrarySize=x,exports.formatMediaLibraryString=g,exports.getMediaLibraryDimensions=S,exports.resolveMediaLibraryAccessors=b,exports.useMediaLibrary=O;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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":"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"}

package/dist/components/features/media-library/index.d.ts

@@ -0,0 +1,7 @@
+export { MediaLibrary, MediaLibraryDialog, } from './media-library';
+export { MediaResourceGallery, } from './media-resource-gallery';
+export { defaultMediaLibraryStrings, formatMediaLibraryString, type MediaLibraryStrings, } from './media-library.strings';
+export { formatMediaLibrarySize, getMediaLibraryDimensions, resolveMediaLibraryAccessors, useMediaLibrary, } from './hooks';
+export { MediaLibraryCard, MediaLibraryDetailPanel, MediaLibraryEmptyState, MediaLibraryFooter, MediaLibraryTable, MediaLibraryToolbar, MediaLibraryUploadPanel, } from './partials';
+export type { MediaLibraryAccessors, MediaLibraryCardProps, MediaLibraryCollectionOption, MediaLibraryDensity, MediaLibraryDetailPanelProps, MediaLibraryDetailRenderContext, MediaLibraryDialogProps, MediaLibraryEmptyStateProps, MediaLibraryFetchParams, MediaLibraryFetchResult, MediaLibraryFetcher, MediaLibraryFooterProps, MediaLibraryItem, MediaLibraryItemPatch, MediaLibraryItemRenderContext, MediaLibraryItemType, MediaLibraryKeyboardEvent, MediaLibraryKeyboardSelectOptions, MediaLibraryProps, MediaLibrarySelectionMode, MediaLibrarySlots, MediaLibrarySort, MediaLibraryStagedFile, MediaLibraryState, MediaLibraryTab, MediaLibraryTableProps, MediaLibraryToolbarProps, MediaLibraryTypeFilter, MediaLibraryUploadHandler, MediaLibraryUploadHelpers, MediaLibraryUploadOptions, MediaLibraryUploadPanelProps, MediaLibraryUploadStatus, MediaLibraryView, MediaResourceGalleryItemRenderContext, MediaResourceGalleryLayout, MediaResourceGalleryProps, ResolvedMediaLibraryAccessors, UseMediaLibraryOptions, } from './media-library.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/media-library/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/media-library/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,kBAAkB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,oBAAoB,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACN,0BAA0B,EAC1B,wBAAwB,EACxB,KAAK,mBAAmB,GACxB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACN,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,EAC5B,eAAe,GACf,MAAM,SAAS,CAAC;AACjB,OAAO,EACN,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,GACvB,MAAM,YAAY,CAAC;AACpB,YAAY,EACX,qBAAqB,EACrB,qBAAqB,EACrB,4BAA4B,EAC5B,mBAAmB,EACnB,4BAA4B,EAC5B,+BAA+B,EAC/B,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACvB,gBAAgB,EAChB,qBAAqB,EACrB,6BAA6B,EAC7B,oBAAoB,EACpB,yBAAyB,EACzB,iCAAiC,EACjC,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,EACzB,yBAAyB,EACzB,4BAA4B,EAC5B,wBAAwB,EACxB,gBAAgB,EAChB,qCAAqC,EACrC,0BAA0B,EAC1B,yBAAyB,EACzB,6BAA6B,EAC7B,sBAAsB,GACtB,MAAM,uBAAuB,CAAC"}