themelia-ui 2.0.0 → 2.0.1

package/dist/features/media-library.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-LMez-POJ.cjs"),t=require("../feedback-Da53xAUT.cjs"),n=require("../buttons-CMsvnL6-.cjs"),r=require("../display-BUiiuPS9.cjs"),i=require("../structure-CXTLV2t8.cjs"),a=require("../primitives-BP7kGVYZ.cjs"),o=require("../badge-BRX7GXRH.cjs"),s=require("../upload-5tzkI0NC.cjs"),c=require("../forms-BEQN1X5A.cjs"),l=require("../strings-BiKL6k6b.cjs"),u=require("../text-inputs-D4w3Z2-F.cjs"),d=require("../table-B9zwmrtt.cjs"),f=require("../navigation-BaIANCwE.cjs"),p=require("../choice-inputs-CySnLjfA.cjs"),m=require("../value-inputs-DzErolfh.cjs"),ee=require("../batch-action-bar-Cvnz248b.cjs"),h=require("../overlays-BnWOasE6.cjs"),g=require("../use-synced-state-CoPfjLRG.cjs");let _=require("lucide-react"),v=require("react"),y=require("react/jsx-runtime"),b=require("clsx");var x={title:`Media library`,description:`Browse, upload, and pick assets.`,tabs:{library:`Library`,upload:`Upload`},views:{grid:`Grid view`,table:`Table view`,list:`List view`},selectVisible:`Select visible`,deselectVisible:`Deselect visible`,refreshError:`Could not refresh assets. Showing the previous results.`,table:{name:`Name`,collection:`Collection`,size:`Size`,uploaded:`Uploaded`,usage:`Usage`,actions:`Actions`},searchPlaceholder:`Search assets…`,clearSearch:`Clear search`,clearFilters:`Clear filters`,types:{all:`All types`,image:`Images`,video:`Video`,file:`Files`},sorts:{newest:`Newest`,name:`Name`,size:`Size`,usage:`Most used`},collectionAll:`All collections`,collectionLabel:`Collection`,sortLabel:`Sort`,typeLabel:`Type`,viewLabel:`Layout`,activeSearchLabel:`Searching`,loading:`Loading assets…`,error:`Could not load assets.`,retry:`Try again`,emptyTitle:`Nothing here yet`,emptyDescription:`Upload an asset to get started.`,emptyFilteredTitle:`No assets match`,emptyFilteredDescription:`Try a different search, type, or collection.`,selectedCount:e=>`${e} selected`,showingCount:(e,t)=>`${e} of ${t}`,select:`Select`,deselect:`Deselect`,assetAction:(e,t)=>`${e}: ${t}`,details:`Details`,close:`Close`,confirm:`Use selected`,cancel:`Cancel`,clearSelection:`Clear selection`,footer:{pickOne:`Choose one asset.`,pickMany:`Choose one or more assets.`,noFiles:`No files staged.`,stagedSummary:(e,t)=>`${e} ${e===1?`file`:`files`} staged · ${t}`,uploadStaged:e=>e<=1?`Upload`:`Upload ${e} files`},detail:{altLabel:`Alt text`,altPlaceholder:`Describe the image for screen readers`,collectionLabel:`Collection`,tagsLabel:`Tags`,tagsPlaceholder:`Add a tag and press Enter`,publicLabel:`Public`,publicDescription:`Anyone with the link can view this asset.`,save:`Save changes`,saving:`Saving…`,delete:`Delete`,deleting:`Deleting…`,saved:`Changes saved`,unsaved:`Unsaved changes`,saveFailed:`Could not save changes. Your edits are still here. Try again.`,deleteFailed:`Could not delete this asset. Try again.`,reset:`Reset changes`,dimensions:`Dimensions`,size:`Size`,uploaded:`Uploaded`,type:`Type`},upload:{dropTitle:`Drop files here`,dropDescription:`or browse from your device`,browse:`Browse files`,staged:e=>`${e} file${e===1?``:`s`} ready`,start:`Upload`,uploading:`Uploading…`,cancel:`Cancel upload`,clear:`Clear`,remove:`Remove`,failed:`Upload failed`,emptyTitle:`No files chosen`,emptyDescription:`Drop files above, or browse from your device.`,optionsTitle:`Applied to every file`},gallery:{title:`Media`,description:`Attached assets, in display order.`,add:`Add media`,remove:`Remove`,primary:`Cover`,makePrimary:`Make cover`,moveEarlier:`Move earlier`,moveLater:`Move later`,emptyTitle:`No media attached`,emptyDescription:`Add an asset to show it here.`,limitReached:e=>`${e} is the maximum.`}},S={collection:void 0,tags:[],public:!0},C=[];function w(e,t,n){let[r,i]=(0,v.useState)(t),a=e??r;return[a,(0,v.useCallback)(t=>{let r=typeof t==`function`?t(a):t;e===void 0&&i(r),n?.(r)},[e,n,a])]}var T={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 E(e){return{...T,...e??{}}}function te(e){return e===void 0?``:a.C(e)}function D(e,t){let n=t.getWidth(e),r=t.getHeight(e);return!n||!r?``:`${n} × ${r}`}function O(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 k(e){return e.type.startsWith(`image/`)?`image`:e.type.startsWith(`video/`)?`video`:`file`}function ne(e){if(e.type.startsWith(`image/`)&&!(typeof URL>`u`||typeof URL.createObjectURL!=`function`))return URL.createObjectURL(e)}function A(e){!e||typeof URL>`u`||typeof URL.revokeObjectURL!=`function`||URL.revokeObjectURL(e)}function j(e){return Array.isArray(e)?{items:e,total:e.length}:e}function re(e,t){return t&&typeof e==`object`&&e?{...e,...t}:e}function M(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))}function ie(e,t,n){let r=[...e];switch(n){case`name`:return r.sort((e,n)=>t.getName(e).localeCompare(t.getName(n)));case`size`:return r.sort((e,n)=>(t.getSize(n)??0)-(t.getSize(e)??0));case`usage`:return r.sort((e,n)=>(t.getUsageCount(n)??0)-(t.getUsageCount(e)??0));default:return r.sort((e,n)=>O(n,t)-O(e,t))}}function ae({items:e=C,fetcher:t,accessors:n,selectionMode:r=`multiple`,value:i,defaultValue:a,onValueChange:o,onItemUpdate:s,applyItemPatch:c=re,onItemDelete:l,onUpload:u,onError:d,tab:f,defaultTab:p=`library`,onTabChange:m,view:ee,defaultView:h=`grid`,onViewChange:g,query:_,defaultQuery:y=``,onQueryChange:b,type:x,defaultType:T=`all`,onTypeChange:te,collection:D,defaultCollection:O=`all`,onCollectionChange:ae,sort:N,defaultSort:oe=`newest`,onSortChange:P,uploadOptions:F,defaultUploadOptions:se,onUploadOptionsChange:ce}){let I=(0,v.useMemo)(()=>E(n),[n]),[le,ue]=w(f,p,m),[de,fe]=w(ee,h,g),[L,pe]=w(_,y,b),[R,me]=w(x,T,te),[z,he]=w(D,O,ae),[ge,_e]=w(N,oe,P),[ve,ye]=(0,v.useState)(null),[be,xe]=(0,v.useState)(()=>[...a??[]]),[Se,Ce]=(0,v.useState)([]),[we,Te]=(0,v.useState)(),[Ee,De]=(0,v.useState)(!1),[Oe,ke]=(0,v.useState)(null),B=(0,v.useCallback)((e,t=`mutation`)=>{ke(e==null?null:{error:e,source:t})},[]),Ae=Oe?.source===`fetch`&&!t?null:Oe?.error??null,je=Oe?.source===`fetch`&&t?Oe.error:null,[Me,Ne]=(0,v.useState)(0),V=(0,v.useCallback)(()=>Ne(e=>e+1),[]),Pe=(0,v.useRef)(I);(0,v.useEffect)(()=>{Pe.current=I},[I]);let Fe=(0,v.useRef)(d);(0,v.useEffect)(()=>{Fe.current=d},[d]);let[Ie,Le]=(0,v.useState)([]),[Re,ze]=(0,v.useState)(()=>new Set),[Be,Ve]=(0,v.useState)({}),[H,U]=(0,v.useState)([]),[He,Ue]=(0,v.useState)(!1),We=(0,v.useMemo)(()=>({...S,...se,tags:se?.tags??S.tags}),[se]),[Ge,W]=w((0,v.useMemo)(()=>F?{...S,...F,tags:F.tags??S.tags}:void 0,[F]),We,ce),G=i!==void 0,K=(0,v.useMemo)(()=>{let e=[...new Set(G?i??[]:be)];return r===`single`?e.slice(0,1):e},[be,G,r,i]),Ke=(0,v.useMemo)(()=>new Set(K),[K]),qe=(0,v.useRef)(new Set),q=(0,v.useRef)(null),Je=(0,v.useRef)(new Map),J=(0,v.useRef)(new Map),[Ye,Xe]=(0,v.useState)(new Map),Y=(0,v.useRef)(K);(0,v.useEffect)(()=>{Y.current=K},[K]);let Ze=(0,v.useRef)(0);(0,v.useEffect)(()=>{if(!t)return;let e=new AbortController;return De(!0),B(null),(async()=>t({query:L,type:R,collection:z===`all`?void 0:z,sort:ge,signal:e.signal}))().then(t=>{if(e.signal.aborted)return;let n=j(t);Xe(e=>{let t=new Set(Y.current);return new Map([...e,...n.items.map(e=>[Pe.current.getId(e),e])].filter(([e])=>t.has(e)))}),Ce(n.items),Te(n.total)}).catch(t=>{e.signal.aborted||(B(t,`fetch`),Fe.current?.(t))}).finally(()=>{e.signal.aborted||De(!1)}),()=>e.abort()},[z,t,Me,L,B,ge,R]),(0,v.useEffect)(()=>{let e=qe.current;return()=>{q.current?.abort();for(let t of e)A(t);e.clear()}},[]);let Qe=(0,v.useMemo)(()=>t?Se:[...Ie,...e],[Ie,Se,t,e]),X=(0,v.useMemo)(()=>[...new Map(Qe.map(e=>[I.getId(e),e])).values()].filter(e=>!Re.has(I.getId(e))).map(e=>Be[I.getId(e)]?c(e,Be[I.getId(e)]):e),[I,c,Be,Re,Qe]),Z=(0,v.useMemo)(()=>t?X:ie(M(X,I,L,R,z),I,ge),[I,z,t,X,L,ge,R]),Q=(0,v.useMemo)(()=>new Map(X.map(e=>[I.getId(e),e])),[I,X]),$e=K.flatMap(e=>{let t=Q.get(e)??Ye.get(e);return t===void 0?[]:[t]});(0,v.useEffect)(()=>{for(let e of J.current.keys())Ke.has(e)||J.current.delete(e);for(let e of K){let t=Q.get(e);t!==void 0&&J.current.set(e,t)}},[Q,K,Ke]);let $=(0,v.useCallback)(e=>{let t=[...new Set(e)],n=r===`single`?t.slice(0,1):t;Y.current=n,G||xe(n);let i=n.flatMap(e=>{let t=Q.get(e)??J.current.get(e);return t===void 0?[]:(J.current.set(e,t),[t])});Xe(new Map(i.map(e=>[I.getId(e),e]))),o?.(n,i)},[I,G,o,Q,r]),et=(0,v.useCallback)(e=>{if(!Q.has(e)&&!J.current.has(e))return;if(r===`single`){$([e]);return}let t=new Set(Y.current);t.has(e)?t.delete(e):t.add(e),$([...t])},[$,Q,r]),tt=(0,v.useCallback)(()=>$([]),[$]),nt=(0,v.useCallback)(()=>$([...Y.current,...Z.map(I.getId)]),[I,$,Z]),rt=(0,v.useCallback)(()=>{let e=new Set(Z.map(I.getId));$(Y.current.filter(t=>!e.has(t)))},[I,$,Z]),it=(0,v.useCallback)(()=>{pe(``),me(`all`),he(`all`)},[he,pe,me]),at=(0,v.useCallback)(e=>{if(q.current)return;let t=e.map(e=>{let t=ne(e);return t&&qe.current.add(t),{id:`staged-${++Ze.current}`,file:e,name:e.name,size:e.size,type:k(e),src:t,progress:0,status:`staged`}});U(e=>[...e,...t])},[]),ot=(0,v.useCallback)(e=>{q.current||U(t=>{let n=t.find(t=>t.id===e);return n?.src&&(A(n.src),qe.current.delete(n.src)),t.filter(t=>t.id!==e)})},[]),st=(0,v.useCallback)(()=>{q.current||U(e=>{for(let t of e)t.src&&(A(t.src),qe.current.delete(t.src));return[]})},[]),ct=(0,v.useCallback)(e=>{W(t=>({...t,...e}))},[W]),lt=(0,v.useCallback)((e,t)=>{U(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),ut=(0,v.useCallback)(async()=>{if(!u||q.current||H.length===0)return;let e=new AbortController;q.current=e,B(null),Ue(!0),U(e=>e.map(e=>({...e,status:`uploading`,progress:0,error:void 0})));let n=new Set,i=new Set(H.map(e=>e.id)),a=()=>!e.signal.aborted&&q.current===e,o={files:H,signal:e.signal,setProgress:(e,t)=>{!a()||!i.has(e)||lt(e,{progress:Number.isFinite(t)?Math.max(0,Math.min(100,t)):0})},setFileStatus:(e,t,r)=>{!a()||!i.has(e)||(t===`error`?n.add(e):n.delete(e),lt(e,{status:t,error:r}))}};try{let a=await u(H.map(e=>e.file),Ge,o);if(e.signal.aborted)return;if(a?.length){Le(e=>[...a,...e]);for(let e of a)J.current.set(I.getId(e),e);let e=a.map(e=>I.getId(e));$(r===`single`?e.slice(0,1):[...new Set([...e,...Y.current])])}for(let e of H)!n.has(e.id)&&e.src&&(A(e.src),qe.current.delete(e.src));U(e=>e.filter(e=>!i.has(e.id)||n.has(e.id))),t&&V(),n.size===0&&ue(`library`)}catch(t){if(e.signal.aborted)return;B(t),U(e=>e.map(e=>e.status===`uploading`?{...e,status:`error`}:e)),d?.(t)}finally{q.current===e&&(q.current=null,Ue(!1))}},[I,$,d,u,lt,t,V,r,B,ue,H,Ge]),dt=(0,v.useCallback)(()=>{q.current?.abort(),q.current=null,Ue(!1),U(e=>e.map(e=>e.status===`uploading`?{...e,status:`staged`,progress:0,error:void 0}:e))},[]),ft=(0,v.useCallback)(async(e,t)=>{let n=I.getId(e),r=`update:${n}`,i=(Je.current.get(r)??0)+1;Je.current.set(r,i);let a=Be[n];B(null),Ve(e=>({...e,[n]:{...e[n],...t}}));try{return await s?.(e,t),!0}catch(e){return Je.current.get(r)===i&&Ve(e=>{let t={...e};return a?t[n]=a:delete t[n],t}),B(e),d?.(e),!1}},[I,Be,d,s,B]),pt=(0,v.useCallback)(async e=>{let t=I.getId(e);B(null);try{return await l?.(e),ze(e=>new Set(e).add(t)),Y.current.includes(t)&&$(Y.current.filter(e=>e!==t)),!0}catch(e){return B(e),d?.(e),!1}},[I,$,d,l,B]);return{tab:le,setTab:ue,view:de,setView:fe,query:L,setQuery:pe,type:R,setType:me,collection:z,setCollection:he,sort:ge,setSort:_e,detailId:ve,setDetailId:ye,items:X,visibleItems:Z,selectedIds:K,selectedItems:$e,selectedSet:Ke,toggleSelection:et,clearSelection:tt,selectVisible:nt,deselectVisible:rt,clearFilters:it,loading:!!t&&Ee,error:Ae,fetchError:je,refetch:V,hasFilters:!!L.trim()||R!==`all`||z!==`all`,totalCount:t?we??X.length:X.length,filteredCount:Z.length,stagedFiles:H,addFiles:at,removeStagedFile:ot,clearStagedFiles:st,uploadOptions:Ge,updateUploadOptions:ct,uploading:He,startUpload:ut,cancelUpload:dt,updateItem:ft,removeItem:pt,accessors:I}}var N={root:`media-library__root___dutrH`,header:`media-library__header___xOECc`,headerText:`media-library__headerText___F_nAN`,libraryTabs:`media-library__libraryTabs___7wt0y`,libraryTabList:`media-library__libraryTabList___HmusU`,libraryTabPanel:`media-library__libraryTabPanel___lqGwX`,toolbar:`media-library__toolbar___Mb2jB`,toolbarPrimary:`media-library__toolbarPrimary___FPGqX`,toolbarSecondary:`media-library__toolbarSecondary___hit1H`,toolbarFilters:`media-library__toolbarFilters___UqFM0`,toolbarEnd:`media-library__toolbarEnd___ry6Iy`,toolbarSearch:`media-library__toolbarSearch___Ix2AY`,toolbarTypes:`media-library__toolbarTypes___9MqeZ`,toolbarField:`media-library__toolbarField___Yc_vz`,toolbarQuery:`media-library__toolbarQuery___O6hk3`,queryTerm:`media-library__queryTerm___OkTxe`,toolbarSelect:`media-library__toolbarSelect___XDIbN`,segmented:`media-library__segmented___pI3Qj`,segment:`media-library__segment___5AoL_`,browse:`media-library__browse____WolU`,workspace:`media-library__workspace___GLjun`,results:`media-library__results___eyWqQ`,grid:`media-library__grid___y-NR3`,card:`media-library__card___gzA2e`,cardTile:`media-library__cardTile___p-Cla`,cardTileWrap:`media-library__cardTileWrap___K6k7Y`,cardCheck:`media-library__cardCheck___loI4a`,cardBody:`media-library__cardBody___8ZvX-`,cardDetails:`media-library__cardDetails___LovG7`,preview:`media-library__preview___R2DD5`,previewFallback:`media-library__previewFallback___g5Z4x`,list:`media-library__list___AtAJw`,row:`media-library__row___5WFDh`,rowMain:`media-library__rowMain___zL-1h`,rowPreview:`media-library__rowPreview___RvRLh`,rowBody:`media-library__rowBody___Frydc`,rowSize:`media-library__rowSize___JA1Ym`,detail:`media-library__detail___J6TYy`,detailHeader:`media-library__detailHeader___K9_BE`,detailBody:`media-library__detailBody___cL3bB`,detailPreview:`media-library__detailPreview___JJWXJ`,detailFooter:`media-library__detailFooter___gytZp`,upload:`media-library__upload___u8iZw`,uploadOptions:`media-library__uploadOptions___nVpav`,uploadOptionsGrid:`media-library__uploadOptionsGrid___u8mbM`,stagedList:`media-library__stagedList___OxD6q`,staged:`media-library__staged___6sc52`,stagedIcon:`media-library__stagedIcon___cAXXv`,stagedBody:`media-library__stagedBody___pXiDt`,uploadActions:`media-library__uploadActions___bqPFE`,footer:`media-library__footer___ZxRK1`,footerSummary:`media-library__footerSummary___7w3rC`,footerActions:`media-library__footerActions___SjKR2`,gallery:`media-library__gallery___aq6SA`,galleryHeader:`media-library__galleryHeader___Ufnxo`,galleryActions:`media-library__galleryActions___k9Mbf`,galleryList:`media-library__galleryList___OHYD1`,galleryItem:`media-library__galleryItem___b3Re2`,galleryPreview:`media-library__galleryPreview___ViucO`,galleryBadge:`media-library__galleryBadge___CXJmF`,galleryControls:`media-library__galleryControls___Fslmc`,emptyState:`media-library__emptyState___q8ZsQ`,table:`media-library__table___6E5Zv`,tableName:`media-library__tableName___Zk76p`,selectionBar:`media-library__selectionBar___uoA0t`},oe={image:(0,y.jsx)(_.ImageIcon,{}),video:(0,y.jsx)(_.FilmIcon,{}),file:(0,y.jsx)(_.FileIcon,{})};function P({item:e,accessors:t,className:n}){let r=t.getSrc(e),i=t.getType(e),a=t.getTint(e),[o,s]=(0,v.useState)(!1),[c,l]=g.t(r);return r!==c&&(l(r),s(!1)),r&&i===`image`&&!o?(0,y.jsx)(`img`,{src:r,alt:t.getAlt(e)??``,loading:`lazy`,className:(0,b.clsx)(`media-preview--component`,N.preview,n),onError:()=>s(!0)}):(0,y.jsx)(`span`,{"data-tinted":a?``:void 0,className:(0,b.clsx)(`media-preview--component`,N.preview,N.previewFallback,n),style:a?{"--media-tint":a}:void 0,children:oe[i]})}function F({item:i,collections:o=[],accessors:s,strings:d,onClose:f,onUpdate:ee,onRemove:h,renderDetail:g}){let S=l.t(x,d),C=()=>({alt:i?s.getAlt(i)??``:``,collection:i?s.getCollection(i)??``:``,tags:i?s.getTags(i):[],public:i?s.getPublic(i)??!1:!1}),w=i?s.getId(i):null,[T,E]=(0,v.useState)(C),[te,O]=(0,v.useState)(w),[k,ne]=(0,v.useState)(null),[A,j]=(0,v.useState)(null),re=(0,v.useRef)(!0),M=(0,v.useRef)(null),ie=(0,v.useRef)(null);if((0,v.useEffect)(()=>{let e=document.activeElement;return ie.current?.focus({preventScroll:!0}),ie.current?.scrollIntoView?.({block:`start`,behavior:`instant`}),()=>{e instanceof HTMLElement&&e.isConnected&&e.focus()}},[w]),(0,v.useEffect)(()=>(re.current=!0,()=>{re.current=!1,M.current=null}),[w]),w!==te&&(O(w),E(C()),ne(null),j(null)),!i)return null;let ae=C(),oe=JSON.stringify(ae)!==JSON.stringify(T),F=e=>{E(t=>({...t,...e})),j(null)},se=async e=>{if(M.current)return;let t=Symbol(e);M.current=t,ne(e),j(null);try{let n=e===`save`?await ee({...T,collection:T.collection||void 0}):await h();if(!re.current||M.current!==t)return;n?e===`delete`?f():j(`saved`):j(e===`save`?`saveFailed`:`deleteFailed`)}catch{re.current&&M.current===t&&j(e===`save`?`saveFailed`:`deleteFailed`)}finally{re.current&&M.current===t&&(M.current=null,ne(null))}},ce=s.getName(i);return(0,y.jsx)(`aside`,{ref:ie,tabIndex:-1,onKeyDown:e=>{e.key===`Escape`&&!e.defaultPrevented&&(e.stopPropagation(),f())},"aria-label":ce,"data-slot":`media-library-detail`,className:(0,b.clsx)(`media-library-detail-panel--component`,`media-library-detail--component`,N.detail),children:g?g(i,{accessors:s,update:ee,remove:h,close:f}):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(`div`,{className:N.detailHeader,children:[(0,y.jsx)(e.o,{weight:`semibold`,truncate:!0,title:ce,children:ce}),(0,y.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":S.close,onClick:f,children:(0,y.jsx)(_.XIcon,{})})]}),(0,y.jsxs)(`div`,{className:N.detailBody,children:[(0,y.jsx)(P,{item:i,accessors:s,className:N.detailPreview}),(0,y.jsx)(r.n,{layout:`rows`,columns:1,items:[{id:`type`,label:S.detail.type,value:S.types[s.getType(i)]},{id:`size`,label:S.detail.size,value:s.getSize(i)===void 0?void 0:{value:s.getSize(i),display:(0,y.jsx)(a.S,{value:s.getSize(i),size:`inherit`,type:`inherit`})}},{id:`dimensions`,label:S.detail.dimensions,value:D(i,s)||void 0},{id:`uploaded`,label:S.detail.uploaded,value:s.getUploadedAt(i)===void 0?void 0:{kind:`date`,value:s.getUploadedAt(i)}},{id:`usage`,label:S.table.usage,value:s.getUsageCount(i)}]}),s.getType(i)===`image`&&(0,y.jsx)(c.u,{label:S.detail.altLabel,children:(0,y.jsx)(u.c,{value:T.alt,rows:2,disabled:!!k,placeholder:S.detail.altPlaceholder,onChange:e=>F({alt:e.target.value})})}),o.length>0&&(0,y.jsx)(c.u,{label:S.detail.collectionLabel,children:(0,y.jsx)(p.s,{value:T.collection,disabled:!!k,options:o.map(e=>({value:e.value,label:typeof e.label==`string`?e.label:e.value})),onValueChange:e=>F({collection:e??``})})}),(0,y.jsx)(c.u,{label:S.detail.tagsLabel,children:(0,y.jsx)(m.s,{value:T.tags,disabled:!!k,onValueChange:e=>F({tags:e}),placeholder:S.detail.tagsPlaceholder})}),(0,y.jsx)(p.n,{label:S.detail.publicLabel,description:S.detail.publicDescription,disabled:!!k,value:T.public,onValueChange:e=>F({public:e})}),A===`saveFailed`||A===`deleteFailed`?(0,y.jsx)(t.h,{tone:`destructive`,role:`alert`,children:(0,y.jsx)(t._,{children:S.detail[A]})}):(0,y.jsx)(e.o,{size:`xs`,type:`secondary`,role:`status`,children:k?k===`save`?S.detail.saving:S.detail.deleting:A===`saved`?S.detail.saved:oe?S.detail.unsaved:null})]}),(0,y.jsxs)(`div`,{className:N.detailFooter,children:[(0,y.jsxs)(n.c,{tone:`destructive`,buttonStyle:`ghost`,loading:k===`delete`,disabled:!!k,onClick:()=>void se(`delete`),children:[(0,y.jsx)(_.Trash2Icon,{}),S.detail.delete]}),oe&&(0,y.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,disabled:!!k,onClick:()=>{E(ae),j(null)},children:S.detail.reset}),(0,y.jsx)(n.c,{loading:k===`save`,disabled:!!k,onClick:()=>void se(`save`),children:S.detail.save})]})]})})}function se(e,t){return t.types[e]}function ce({label:e,options:t,value:r,onValueChange:i,role:a=`group`,className:o}){return(0,y.jsx)(`div`,{role:a,"aria-label":e,className:(0,b.clsx)(N.segmented,o),children:t.map(e=>{let t=e.value===r;return(0,y.jsxs)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:e.iconOnly,role:a===`tablist`?`tab`:void 0,"aria-selected":a===`tablist`?t:void 0,"aria-pressed":a===`group`?t:void 0,"aria-label":e.iconOnly?String(e.label):void 0,"data-active":t||void 0,className:N.segment,onClick:()=>i(e.value),children:[e.icon,!e.iconOnly&&e.label]},e.value)})})}function I({title:e,description:n,icon:r,action:i,className:a}){return(0,y.jsx)(t.p,{title:e,description:n??!1,media:r??(0,y.jsx)(_.ImageIcon,{}),mediaVariant:`icon-soft`,padding:`md`,border:!0,action:i,className:(0,b.clsx)(`media-library-empty-state--component`,N.emptyState,a)})}function le({query:t,onQueryChange:r,type:i,onTypeChange:a,typeFilters:s,collection:c,onCollectionChange:d,collections:f,sort:m,onSortChange:ee,view:h,onViewChange:g,hasFilters:v,onClearFilters:S,strings:C,end:w,className:T}){let E=t.trim(),te=l.t(x,C);return(0,y.jsxs)(`div`,{className:(0,b.clsx)(`media-library-toolbar--component`,N.toolbar,T),children:[(0,y.jsxs)(`div`,{className:N.toolbarPrimary,children:[(0,y.jsxs)(`div`,{className:N.toolbarSearch,children:[(0,y.jsx)(u.l,{value:t,onChange:e=>r(e.target.value),placeholder:C.searchPlaceholder,"aria-label":C.searchPlaceholder,startIcon:_.SearchIcon,clearable:!0,onClear:()=>r(``),strings:{clear:C.clearSearch},"data-active":E?!0:void 0,className:N.toolbarField}),!!E&&(0,y.jsx)(`div`,{className:N.toolbarQuery,children:(0,y.jsxs)(o.t,{tone:`info`,children:[(0,y.jsx)(_.SearchIcon,{"aria-hidden":!0}),C.activeSearchLabel,(0,y.jsx)(e.o,{size:`inherit`,type:`inherit`,weight:`normal`,className:N.queryTerm,children:E})]})})]}),s.length>1&&(0,y.jsx)(ce,{role:`tablist`,label:C.typeLabel,value:i,onValueChange:e=>a(e),options:s.map(e=>({value:e,label:e===`all`?C.types.all:se(e,C),icon:e===`all`?void 0:oe[e]})),className:N.toolbarTypes})]}),(0,y.jsxs)(`div`,{className:N.toolbarSecondary,children:[(0,y.jsxs)(`div`,{className:N.toolbarFilters,children:[f.length>0&&(0,y.jsx)(p.s,{"aria-label":C.collectionLabel,value:c,options:[{value:`all`,label:C.collectionAll},...f.map(e=>({value:e.value,label:typeof e.label==`string`?e.label:e.value}))],onValueChange:e=>e&&d(e),className:N.toolbarSelect}),(0,y.jsx)(p.s,{"aria-label":C.sortLabel,value:m,options:[{value:`newest`,label:C.sorts.newest},{value:`name`,label:C.sorts.name},{value:`size`,label:C.sorts.size},{value:`usage`,label:C.sorts.usage}],onValueChange:e=>e&&ee(e),className:N.toolbarSelect}),v&&(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:S,children:C.clearFilters})]}),(0,y.jsxs)(`div`,{className:N.toolbarEnd,children:[w,(0,y.jsx)(ce,{label:C.viewLabel,value:h,onValueChange:e=>g(e),options:[{value:`grid`,label:C.views.grid,icon:(0,y.jsx)(_.LayoutGridIcon,{}),iconOnly:!0},{value:`list`,label:te.views.list,icon:(0,y.jsx)(_.ListIcon,{}),iconOnly:!0},{value:`table`,label:C.views.table,icon:(0,y.jsx)(_.Table2Icon,{}),iconOnly:!0}]})]})]})]})}function ue({item:t,selected:r=!1,density:i=`comfortable`,showMeta:a=!0,accessors:o,strings:s,onToggle:c,onDetails:l,className:u}){let d=o.getName(t),f=o.getSize(t),p=D(t,o);return(0,y.jsxs)(`div`,{"data-selected":r||void 0,"data-media-density":i,className:(0,b.clsx)(`media-library-card--component`,N.card,u),children:[(0,y.jsxs)(`span`,{className:N.cardTileWrap,children:[(0,y.jsx)(`button`,{type:`button`,className:N.cardTile,"aria-pressed":r,"aria-label":(s.assetAction??x.assetAction)(r?s.deselect:s.select,d),onClick:c,children:(0,y.jsx)(P,{item:t,accessors:o})}),(0,y.jsx)(`span`,{"aria-hidden":!0,"data-selected":r||void 0,className:N.cardCheck,children:r&&(0,y.jsx)(_.CheckIcon,{})})]}),(0,y.jsxs)(`div`,{className:N.cardBody,children:[(0,y.jsx)(e.o,{tag:`span`,weight:`medium`,truncate:!0,title:d,children:d}),a&&(0,y.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,truncate:!0,children:[p,f===void 0?``:te(f)].filter(Boolean).join(` · `)})]}),!!l&&(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:e=>{e.currentTarget.focus(),l()},"aria-label":(s.assetAction??x.assetAction)(s.details,d),className:N.cardDetails,children:(0,y.jsx)(_.MoreHorizontalIcon,{})})]})}function de({items:t,selectedSet:r,accessors:i,strings:o,onToggle:s,onDetails:c}){return(0,y.jsx)(`ul`,{className:(0,b.clsx)(`media-library-list--component`,N.list),children:t.map(t=>{let l=i.getId(t),u=i.getName(t),d=r.has(l);return(0,y.jsx)(`li`,{children:(0,y.jsxs)(`div`,{"data-selected":d||void 0,className:N.row,children:[(0,y.jsx)(p.x,{checked:d,"aria-label":(o.assetAction??x.assetAction)(d?o.deselect:o.select,u),onChange:()=>s(l)}),(0,y.jsxs)(`button`,{type:`button`,className:N.rowMain,"aria-label":(o.assetAction??x.assetAction)(o.details,u),onClick:e=>{e.currentTarget.focus(),c(l)},children:[(0,y.jsx)(P,{item:t,accessors:i,className:N.rowPreview}),(0,y.jsxs)(`span`,{className:N.rowBody,children:[(0,y.jsx)(e.o,{tag:`span`,weight:`medium`,truncate:!0,children:u}),(0,y.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:[se(i.getType(t),o),D(t,i),i.getCollection(t)].filter(Boolean).join(` · `)})]})]}),(0,y.jsx)(`span`,{className:N.rowSize,children:(0,y.jsx)(a.S,{value:i.getSize(t),size:`xs`,type:`secondary`})}),(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:e=>{e.currentTarget.focus(),c(l)},children:o.details})]})},l)})})}function fe({stagedFiles:r,uploading:o,uploadOptions:l,collections:u=[],strings:d,onAddFiles:f,onRemoveFile:ee,onClear:h,onOptionsChange:g,onStart:v,onCancel:x,empty:S,showActions:C=!0}){return(0,y.jsxs)(`div`,{className:(0,b.clsx)(`media-library-upload--component`,N.upload),children:[(0,y.jsx)(s.l,{multiple:!0,disabled:o,onDrop:f,strings:{instructionMultiple:d.upload.dropTitle,helper:d.upload.dropDescription}}),(0,y.jsxs)(`section`,{className:N.uploadOptions,children:[(0,y.jsx)(e.i,{children:d.upload.optionsTitle}),(0,y.jsxs)(`div`,{className:N.uploadOptionsGrid,children:[u.length>0&&(0,y.jsx)(c.u,{label:d.detail.collectionLabel,children:(0,y.jsx)(p.s,{disabled:o,value:l.collection??``,options:u.map(e=>({value:e.value,label:typeof e.label==`string`?e.label:e.value})),onValueChange:e=>g({collection:e||void 0})})}),(0,y.jsx)(c.u,{label:d.detail.tagsLabel,children:(0,y.jsx)(m.s,{disabled:o,value:l.tags,onValueChange:e=>g({tags:e}),placeholder:d.detail.tagsPlaceholder})}),(0,y.jsx)(p.n,{disabled:o,label:d.detail.publicLabel,description:d.detail.publicDescription,value:l.public,onValueChange:e=>g({public:e})})]})]}),r.length===0?S??(0,y.jsx)(t.p,{title:d.upload.emptyTitle,description:d.upload.emptyDescription,padding:`md`}):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`ul`,{className:N.stagedList,children:r.map(r=>(0,y.jsxs)(`li`,{className:N.staged,children:[(0,y.jsx)(`span`,{className:N.stagedIcon,children:oe[r.type]}),(0,y.jsxs)(`span`,{className:N.stagedBody,children:[(0,y.jsx)(e.o,{tag:`span`,weight:`medium`,truncate:!0,children:r.name}),r.status===`error`?(0,y.jsx)(e.o,{tag:`span`,size:`xs`,type:`error`,children:r.error??d.upload.failed}):r.status===`uploading`?(0,y.jsx)(t.s,{value:r.progress,"aria-label":r.name}):(0,y.jsx)(a.S,{value:r.size,size:`xs`,type:`secondary`})]}),(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":`${d.upload.remove}: ${r.name}`,disabled:o,onClick:()=>ee(r.id),children:(0,y.jsx)(_.XIcon,{})})]},r.id))}),C&&(0,y.jsxs)(`div`,{className:N.uploadActions,children:[(0,y.jsx)(e.o,{type:`secondary`,children:d.upload.staged(r.length)}),(0,y.jsxs)(i.o,{direction:`horizontal`,gap:`md`,children:[o?(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:x,children:d.upload.cancel}):(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:h,children:d.upload.clear}),(0,y.jsx)(n.c,{type:`button`,loading:o,onClick:v,children:o?d.upload.uploading:d.upload.start})]})]})]})]})}function L({tab:t,selectedIds:r,selectionMode:i,stagedFiles:a,strings:o,visibleCount:s,totalCount:c,onClearSelection:l,className:u}){let d=t===`upload`?(0,y.jsx)(e.o,{size:`xs`,type:`secondary`,children:a.length===0?o.footer.noFiles:o.footer.stagedSummary(a.length,te(a.reduce((e,t)=>e+t.size,0)))}):r.length>0?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(e.o,{weight:`semibold`,children:o.selectedCount(r.length)}),!!l&&(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:l,children:o.clearSelection})]}):s!==void 0&&c!==void 0&&s!==c?(0,y.jsx)(e.o,{size:`xs`,type:`secondary`,children:o.showingCount(s,c)}):(0,y.jsx)(e.o,{size:`xs`,type:`secondary`,children:i===`single`?o.footer.pickOne:o.footer.pickMany});return(0,y.jsx)(`div`,{"aria-live":`polite`,className:(0,b.clsx)(`media-library-footer-summary--component`,N.footerSummary,u),children:d})}function pe({tab:e,selectedIds:t,selectedItems:r,stagedFiles:i,uploading:a=!1,strings:o,confirmLabel:s,cancelLabel:c,onCancel:l,onConfirm:u,onUpload:d,onCancelUpload:f,className:p}){let m=(0,b.clsx)(`media-library-footer-actions--component`,N.footerActions,p);return e===`upload`?(0,y.jsxs)(`div`,{className:m,children:[(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:f,children:a?o.upload.cancel:c??o.cancel}),(0,y.jsx)(n.c,{type:`button`,disabled:i.length===0||a,loading:a,onClick:d,children:o.footer.uploadStaged(i.length)})]}):(0,y.jsxs)(`div`,{className:m,children:[(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:l,children:a?o.upload.cancel:c??o.cancel}),(0,y.jsx)(n.c,{type:`button`,disabled:t.length===0||r.length!==t.length,onClick:u,children:s??o.confirm})]})}function R({tab:e,selectedItems:t,selectedIds:n,selectionMode:r,stagedFiles:i,uploading:a,strings:o,visibleCount:s,totalCount:c,confirmLabel:l,cancelLabel:u,onCancel:d,onConfirm:f,onClearSelection:p,onUpload:m,onCancelUpload:ee,chrome:h=`section`,className:g}){return(0,y.jsxs)(`footer`,{"data-chrome":h,className:(0,b.clsx)(`media-library-footer--component`,N.footer,g),children:[(0,y.jsx)(L,{tab:e,selectedIds:n,selectionMode:r,stagedFiles:i,strings:o,visibleCount:s,totalCount:c,onClearSelection:p}),(0,y.jsx)(pe,{tab:e,selectedItems:t,selectedIds:n,stagedFiles:i,uploading:a,strings:o,confirmLabel:l,cancelLabel:u,onCancel:d,onConfirm:f,onUpload:m,onCancelUpload:ee})]})}function me({items:t,selectedSet:r,accessors:i,strings:o,onToggle:s,onDetails:c,className:u,collections:f=[]}){let m=l.t(x,o);return(0,y.jsxs)(d.t,{"aria-label":m.title,containerClassName:(0,b.clsx)(`media-library-table--component`,N.table,u),children:[(0,y.jsx)(d.c,{children:(0,y.jsxs)(d.l,{children:[(0,y.jsx)(d.s,{children:(0,y.jsx)(e.o,{tag:`span`,className:`sr-only`,children:m.select})}),(0,y.jsx)(d.s,{children:m.table.name}),(0,y.jsx)(d.s,{children:m.detail.type}),(0,y.jsx)(d.s,{children:m.table.collection}),(0,y.jsx)(d.s,{align:`end`,children:m.table.size}),(0,y.jsx)(d.s,{children:m.table.uploaded}),(0,y.jsx)(d.s,{align:`end`,children:m.table.usage}),(0,y.jsx)(d.s,{children:(0,y.jsx)(e.o,{tag:`span`,className:`sr-only`,children:m.table.actions})})]})}),(0,y.jsx)(d.n,{children:t.map(t=>{let o=i.getId(t),l=i.getName(t),u=r.has(o);return(0,y.jsxs)(d.l,{"data-selected":u||void 0,children:[(0,y.jsx)(d.i,{children:(0,y.jsx)(p.x,{checked:u,"aria-label":m.assetAction(u?m.deselect:m.select,l),onChange:()=>s(o)})}),(0,y.jsx)(d.i,{children:(0,y.jsxs)(n.c,{tone:`neutral`,buttonStyle:`ghost`,onClick:e=>{e.currentTarget.focus(),c(o)},className:N.tableName,children:[(0,y.jsx)(P,{item:t,accessors:i,className:N.rowPreview}),(0,y.jsx)(e.o,{tag:`span`,truncate:!0,title:l,children:l})]})}),(0,y.jsx)(d.i,{children:(0,y.jsx)(e.o,{type:`secondary`,children:m.types[i.getType(t)]})}),(0,y.jsx)(d.i,{children:(0,y.jsx)(e.o,{children:f.find(e=>e.value===i.getCollection(t))?.label??(i.getCollection(t)||(0,y.jsx)(a.z,{}))})}),(0,y.jsx)(d.i,{align:`end`,children:(0,y.jsx)(a.S,{value:i.getSize(t)})}),(0,y.jsx)(d.i,{children:(0,y.jsx)(a.f,{value:i.getUploadedAt(t)})}),(0,y.jsx)(d.i,{align:`end`,children:(0,y.jsx)(a.w,{value:i.getUsageCount(t)})}),(0,y.jsx)(d.i,{children:(0,y.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,"aria-label":m.assetAction(m.details,l),onClick:e=>{e.currentTarget.focus(),c(o)},children:m.details})})]},o)})})]})}function z({items:e,selectedSet:t,accessors:n,strings:r,onToggle:i,onDetails:a,density:o=`comfortable`,selectionMode:s=`multiple`,showMeta:c=!0,renderItem:l,className:u}){return(0,y.jsx)(`div`,{"data-media-density":o,className:(0,b.clsx)(`media-library-grid--component`,N.grid,u),children:e.map(e=>{let u=n.getId(e),d=t.has(u),f=()=>i(u),p=()=>a(u);return l?(0,y.jsx)(`div`,{children:l(e,{id:u,selected:d,accessors:n,selectionMode:s,toggle:f,openDetails:p})},u):(0,y.jsx)(ue,{item:e,selected:d,density:o,selectionMode:s,showMeta:c,accessors:n,strings:r,onToggle:f,onDetails:p},u)})})}function he({visibleCount:t,totalCount:n,selectedVisibleCount:r,onSelectVisible:i,onDeselectVisible:a,status:o,disabled:s,strings:c,className:u}){let d=l.t(x,c),f=t>0&&r===t;return(0,y.jsxs)(`div`,{className:(0,b.clsx)(`media-library-selection-bar--component`,N.selectionBar,u),children:[(0,y.jsx)(e.o,{size:`xs`,type:`secondary`,role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:o??d.showingCount(t,n)}),i&&a&&(0,y.jsx)(p.x,{checked:f,indeterminate:!f&&r>0,disabled:s||t===0,label:f?d.deselectVisible:d.selectVisible,onChange:()=>f?a():i()})]})}var ge=[`all`,`image`,`video`,`file`];function _e({title:r,description:i,confirmLabel:a,cancelLabel:o,density:s=`comfortable`,showMeta:c=!0,allowUpload:u=!0,typeFilters:d=ge,confirmOnSelect:p=!1,onConfirm:m,onCancel:h,onClose:g,bulkActions:_,strings:S,slots:C,className:w,collections:T=[],selectionMode:E=`multiple`,...te}){let D=(0,v.useMemo)(()=>l.t(x,S),[S]),{items:O,fetcher:k,accessors:ne,value:A,defaultValue:j,onValueChange:re,onItemUpdate:M,applyItemPatch:ie,onItemDelete:oe,onUpload:P,onError:se,tab:ce,defaultTab:ue,onTabChange:L,view:pe,defaultView:_e,onViewChange:ve,query:ye,defaultQuery:be,onQueryChange:xe,type:Se,defaultType:Ce,onTypeChange:we,collection:Te,defaultCollection:Ee,onCollectionChange:De,sort:Oe,defaultSort:ke,onSortChange:B,uploadOptions:Ae,defaultUploadOptions:je,onUploadOptionsChange:Me,...Ne}=te,V=ae({items:O,fetcher:k,accessors:ne,value:A,defaultValue:j,onValueChange:re,onItemUpdate:M,applyItemPatch:ie,onItemDelete:oe,onUpload:P,onError:se,tab:ce,defaultTab:ue,onTabChange:L,view:pe,defaultView:_e,onViewChange:ve,query:ye,defaultQuery:be,onQueryChange:xe,type:Se,defaultType:Ce,onTypeChange:we,collection:Te,defaultCollection:Ee,onCollectionChange:De,sort:Oe,defaultSort:ke,onSortChange:B,uploadOptions:Ae,defaultUploadOptions:je,onUploadOptionsChange:Me,collections:T,selectionMode:E}),{tab:Pe,setTab:Fe,view:Ie,setView:Le,query:Re,setQuery:ze,type:Be,setType:Ve,collection:H,setCollection:U,sort:He,setSort:Ue,detailId:We,setDetailId:Ge,visibleItems:W,selectedIds:G,selectedItems:K,selectedSet:Ke,toggleSelection:qe,clearSelection:q,clearFilters:Je,loading:J,hasFilters:Ye,totalCount:Xe,filteredCount:Y,accessors:Ze,fetchError:Qe,refetch:X}=V,Z=(0,v.useMemo)(()=>V.items.find(e=>Ze.getId(e)===We)??null,[Ze,We,V.items]),Q=!p&&!!m,$e=e=>{if(qe(e),!p)return;let t=V.items.find(t=>Ze.getId(t)===e);t&&m?.([t],[e]),g?.()},$=J&&W.length===0?C?.loading??(0,y.jsx)(t.n,{label:D.loading,"aria-hidden":`true`,"aria-live":`off`,className:N.emptyState}):Qe&&W.length===0?C?.error??(0,y.jsx)(t.t,{title:D.error,description:!1,className:N.emptyState,onRetry:Qe?X:void 0,strings:{retry:D.retry}}):W.length===0?C?.empty??(0,y.jsx)(I,{title:Ye?D.emptyFilteredTitle:D.emptyTitle,description:Ye?D.emptyFilteredDescription:D.emptyDescription,action:Ye?(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:Je,children:D.clearFilters}):void 0}):Ie===`table`||Ie===`list`?(0,y.jsx)(Ie===`table`?me:de,{collections:T,items:W,selectedSet:Ke,selectionMode:E,accessors:Ze,strings:D,onToggle:$e,onDetails:Ge}):(0,y.jsx)(z,{items:W,selectedSet:Ke,selectionMode:E,accessors:Ze,strings:D,onToggle:$e,onDetails:Ge,density:s,showMeta:c,renderItem:C?.renderItem}),et=(0,y.jsxs)(`div`,{className:N.browse,children:[(0,y.jsx)(le,{query:Re,onQueryChange:ze,type:Be,onTypeChange:Ve,typeFilters:d,collection:H,onCollectionChange:U,collections:T,sort:He,onSortChange:Ue,view:Ie,onViewChange:Le,hasFilters:Ye,onClearFilters:Je,strings:D,end:C?.toolbarEnd}),(0,y.jsx)(he,{visibleCount:Y,totalCount:Xe,selectedVisibleCount:W.filter(e=>Ke.has(Ze.getId(e))).length,onSelectVisible:E===`multiple`?V.selectVisible:void 0,onDeselectVisible:E===`multiple`?V.deselectVisible:void 0,disabled:J,status:J?D.loading:void 0,strings:D}),Qe&&W.length>0?(0,y.jsxs)(t.h,{tone:`warning`,role:`alert`,children:[(0,y.jsx)(t._,{children:D.refreshError}),(0,y.jsx)(t.g,{children:(0,y.jsx)(n.c,{tone:`neutral`,buttonStyle:`outline`,onClick:X,children:D.retry})})]}):null,(0,y.jsxs)(`div`,{className:N.workspace,"data-detail":Z?``:void 0,children:[(0,y.jsx)(`div`,{className:(0,b.clsx)(`media-library--results`,N.results),"aria-busy":J,children:$}),!!Z&&(0,y.jsx)(F,{item:Z,collections:T,accessors:Ze,strings:D,onClose:()=>Ge(null),onUpdate:e=>V.updateItem(Z,e),onRemove:()=>V.removeItem(Z),renderDetail:C?.renderDetail},We)]})]});return(0,y.jsxs)(`section`,{...Ne,"data-slot":`media-library`,className:(0,b.clsx)(`media-library--component`,N.root,w),children:[!!(r||i||C?.headerStart||C?.headerEnd)&&(0,y.jsxs)(`header`,{className:N.header,children:[(0,y.jsxs)(`div`,{className:N.headerText,children:[C?.headerStart,!!r&&(0,y.jsx)(e.o,{weight:`semibold`,children:r}),!!i&&(0,y.jsx)(e.o,{type:`secondary`,children:i})]}),C?.headerEnd]}),u&&P?(0,y.jsxs)(f.p,{value:Pe,onValueChange:e=>Fe(e),className:N.libraryTabs,children:[(0,y.jsxs)(f.d,{className:N.libraryTabList,children:[(0,y.jsx)(f.u,{value:`library`,children:D.tabs.library}),(0,y.jsx)(f.u,{value:`upload`,children:D.tabs.upload})]}),(0,y.jsx)(f.f,{value:`library`,className:N.libraryTabPanel,children:et}),(0,y.jsx)(f.f,{value:`upload`,className:N.libraryTabPanel,children:(0,y.jsx)(fe,{stagedFiles:V.stagedFiles,uploading:V.uploading,uploadOptions:V.uploadOptions,collections:T,strings:D,onAddFiles:V.addFiles,onRemoveFile:V.removeStagedFile,onClear:V.clearStagedFiles,onOptionsChange:V.updateUploadOptions,onStart:()=>void V.startUpload(),onCancel:V.cancelUpload,empty:C?.uploadEmpty,showActions:!Q})})]}):et,C?.footer,!!_&&!Q&&(0,y.jsx)(ee.t,{selectedCount:G.length,totalCount:Xe,onClear:q,strings:{summary:e=>D.selectedCount(e),clear:D.clearSelection},children:_({selectedItems:K,selectedIds:G,selectedCount:G.length,visibleCount:Y,totalCount:Xe,clearSelection:q})}),Q&&(0,y.jsx)(R,{tab:Pe,selectedItems:K,selectedIds:G,selectionMode:E,stagedFiles:V.stagedFiles,uploading:V.uploading,strings:D,visibleCount:Y,totalCount:Xe,confirmLabel:a,cancelLabel:o,onClearSelection:G.length>0?q:void 0,onCancel:()=>{h?.(),g?.()},onConfirm:()=>{m(K,G),g?.()},onUpload:()=>void V.startUpload(),onCancelUpload:()=>{V.uploading?V.cancelUpload():(h?.(),g?.())}})]})}function ve({open:e,onOpenChange:t,trigger:n,dialogTitle:r,dialogDescription:i,dialogClassName:a,contentClassName:o,closeOnEscape:s,closeOnBackdropClick:c,onClose:u,strings:d,...f}){let p=l.t(x,d);return(0,y.jsx)(h.r,{open:e,onOpenChange:t,trigger:n,title:r??p.title,description:i??p.description,width:`xl`,closeOnEscape:s,closeOnBackdropClick:c,showCancel:!1,showConfirm:!1,className:(0,b.clsx)(`media-library-dialog--component`,a),contentClassName:o,children:(0,y.jsx)(_e,{...f,strings:d,onClose:()=>{u?.(),t?.(!1)}})})}function ye({items:r,accessors:i,title:a,description:s,primaryId:c,onPrimaryChange:u,onRemove:d,onReorder:f,onAdd:p,maxItems:m,layout:ee=`grid`,density:h=`comfortable`,readOnly:g=!1,empty:v,action:S,renderItem:C,strings:w,className:T,...te}){let D=l.t(x,w),O=E(i),k=m!==void 0&&r.length>=m,ne=!g&&!!p&&!k,A=(e,t)=>{if(t<0||t>=r.length)return;let n=[...r],[i]=n.splice(e,1);i&&(n.splice(t,0,i),f?.(n.map(e=>O.getId(e)),n))};return(0,y.jsxs)(`section`,{"data-slot":`media-resource-gallery`,className:(0,b.clsx)(`media-resource-gallery--component`,N.gallery,T),...te,children:[!!(a||s||S||ne)&&(0,y.jsxs)(`header`,{className:N.galleryHeader,children:[(0,y.jsxs)(`div`,{className:N.headerText,children:[!!a&&(0,y.jsx)(e.o,{weight:`semibold`,children:a}),!!s&&(0,y.jsx)(e.o,{type:`secondary`,children:s})]}),(0,y.jsxs)(`div`,{className:N.galleryActions,children:[S,ne&&(0,y.jsxs)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:p,children:[(0,y.jsx)(_.PlusIcon,{}),D.gallery.add]}),k&&m!==void 0&&(0,y.jsx)(e.o,{size:`xs`,type:`secondary`,children:D.gallery.limitReached(m)})]})]}),r.length===0?v??(0,y.jsx)(t.p,{title:D.gallery.emptyTitle,description:D.gallery.emptyDescription,padding:`md`,border:!0,action:ne?(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:p,children:D.gallery.add}):void 0}):(0,y.jsx)(`ul`,{"data-layout":ee,"data-media-density":h,className:N.galleryList,children:r.map((e,t)=>{let i=O.getId(e),a=i===c,s={id:i,index:t,total:r.length,primary:a,accessors:O,canMovePrevious:t>0,canMoveNext:t<r.length-1,setPrimary:()=>u?.(i,e),remove:()=>d?.(i,e),movePrevious:()=>A(t,t-1),moveNext:()=>A(t,t+1)};return C?(0,y.jsx)(`li`,{children:C(e,s)},i):(0,y.jsxs)(`li`,{"data-primary":a||void 0,className:N.galleryItem,children:[(0,y.jsx)(P,{item:e,accessors:O,className:N.galleryPreview}),a&&(0,y.jsx)(o.t,{tone:`primary`,className:N.galleryBadge,children:D.gallery.primary}),!g&&(0,y.jsxs)(`div`,{className:N.galleryControls,children:[!!f&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":D.gallery.moveEarlier,disabled:!s.canMovePrevious,onClick:s.movePrevious,children:(0,y.jsx)(_.ChevronLeftIcon,{})}),(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":D.gallery.moveLater,disabled:!s.canMoveNext,onClick:s.moveNext,children:(0,y.jsx)(_.ChevronRightIcon,{})})]}),!!u&&!a&&(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":D.gallery.makePrimary,onClick:s.setPrimary,children:(0,y.jsx)(_.StarIcon,{})}),!!d&&(0,y.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":`${D.gallery.remove}: ${O.getName(e)}`,onClick:s.remove,children:(0,y.jsx)(_.XIcon,{})})]})]},i)})})]})}exports.MediaLibrary=_e,exports.MediaLibraryCard=ue,exports.MediaLibraryDetailPanel=F,exports.MediaLibraryDialog=ve,exports.MediaLibraryEmptyState=I,exports.MediaLibraryFooter=R,exports.MediaLibraryFooterActions=pe,exports.MediaLibraryFooterSummary=L,exports.MediaLibraryGrid=z,exports.MediaLibraryList=de,exports.MediaLibrarySelectionBar=he,exports.MediaLibraryTable=me,exports.MediaLibraryToolbar=le,exports.MediaLibraryUploadPanel=fe,exports.MediaPreview=P,exports.MediaResourceGallery=ye,exports.defaultMediaLibraryStrings=x,exports.formatMediaLibrarySize=te,exports.getMediaLibraryDimensions=D,exports.resolveMediaLibraryAccessors=E,exports.useMediaLibrary=ae;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-Cf5zEv4y.cjs"),t=require("../feedback-IpUFKqgv.cjs"),n=require("../buttons-Dwl42fIr.cjs"),r=require("../display-CFj87iEn.cjs"),i=require("../structure-CXTLV2t8.cjs"),a=require("../primitives-kywiHMJE.cjs"),o=require("../badge-BRX7GXRH.cjs"),s=require("../upload-Bg8tyH5a.cjs"),c=require("../forms-mJ0fjWEl.cjs"),l=require("../strings-BiKL6k6b.cjs"),u=require("../text-inputs-D4w3Z2-F.cjs"),d=require("../table-3abrkeib.cjs"),f=require("../navigation-UfUJU2LC.cjs"),p=require("../choice-inputs-C8LMAkh8.cjs"),m=require("../value-inputs-B6ZURTUl.cjs"),h=require("../batch-action-bar-BMIiHBU8.cjs"),g=require("../overlays-MmLNLV9f.cjs"),_=require("../use-synced-state-CoPfjLRG.cjs");let v=require("lucide-react"),y=require("react"),b=require("react/jsx-runtime"),x=require("clsx");var S={title:`Media library`,description:`Browse, upload, and pick assets.`,tabs:{library:`Library`,upload:`Upload`},views:{grid:`Grid view`,table:`Table view`,list:`List view`},selectVisible:`Select visible`,deselectVisible:`Deselect visible`,refreshError:`Could not refresh assets. Showing the previous results.`,table:{name:`Name`,collection:`Collection`,size:`Size`,uploaded:`Uploaded`,usage:`Usage`,actions:`Actions`},searchPlaceholder:`Search assets…`,clearSearch:`Clear search`,clearFilters:`Clear filters`,types:{all:`All types`,image:`Images`,video:`Video`,file:`Files`},sorts:{newest:`Newest`,name:`Name`,size:`Size`,usage:`Most used`},collectionAll:`All collections`,collectionLabel:`Collection`,sortLabel:`Sort`,typeLabel:`Type`,viewLabel:`Layout`,activeSearchLabel:`Searching`,loading:`Loading assets…`,error:`Could not load assets.`,retry:`Try again`,emptyTitle:`Nothing here yet`,emptyDescription:`Upload an asset to get started.`,emptyFilteredTitle:`No assets match`,emptyFilteredDescription:`Try a different search, type, or collection.`,selectedCount:e=>`${e} selected`,showingCount:(e,t)=>`${e} of ${t}`,select:`Select`,deselect:`Deselect`,assetAction:(e,t)=>`${e}: ${t}`,details:`Details`,close:`Close`,confirm:`Use selected`,cancel:`Cancel`,clearSelection:`Clear selection`,footer:{pickOne:`Choose one asset.`,pickMany:`Choose one or more assets.`,noFiles:`No files staged.`,stagedSummary:(e,t)=>`${e} ${e===1?`file`:`files`} staged · ${t}`,uploadStaged:e=>e<=1?`Upload`:`Upload ${e} files`},detail:{altLabel:`Alt text`,altPlaceholder:`Describe the image for screen readers`,collectionLabel:`Collection`,tagsLabel:`Tags`,tagsPlaceholder:`Add a tag and press Enter`,publicLabel:`Public`,publicDescription:`Anyone with the link can view this asset.`,save:`Save changes`,saving:`Saving…`,delete:`Delete`,deleting:`Deleting…`,saved:`Changes saved`,unsaved:`Unsaved changes`,saveFailed:`Could not save changes. Your edits are still here. Try again.`,deleteFailed:`Could not delete this asset. Try again.`,reset:`Reset changes`,dimensions:`Dimensions`,size:`Size`,uploaded:`Uploaded`,type:`Type`},upload:{dropTitle:`Drop files here`,dropDescription:`or browse from your device`,browse:`Browse files`,staged:e=>`${e} file${e===1?``:`s`} ready`,start:`Upload`,uploading:`Uploading…`,cancel:`Cancel upload`,clear:`Clear`,remove:`Remove`,failed:`Upload failed`,emptyTitle:`No files chosen`,emptyDescription:`Drop files above, or browse from your device.`,optionsTitle:`Applied to every file`},gallery:{title:`Media`,description:`Attached assets, in display order.`,add:`Add media`,remove:`Remove`,primary:`Cover`,makePrimary:`Make cover`,moveEarlier:`Move earlier`,moveLater:`Move later`,emptyTitle:`No media attached`,emptyDescription:`Add an asset to show it here.`,limitReached:e=>`${e} is the maximum.`}},C={collection:void 0,tags:[],public:!0},w=[];function T(e,t,n){let[r,i]=(0,y.useState)(t),a=e??r;return[a,(0,y.useCallback)(t=>{let r=typeof t==`function`?t(a):t;e===void 0&&i(r),n?.(r)},[e,n,a])]}var E={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 D(e){return{...E,...e??{}}}function O(e){return e===void 0?``:a.C(e)}function k(e,t){let n=t.getWidth(e),r=t.getHeight(e);return!n||!r?``:`${n} × ${r}`}function A(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 j(e){return e.type.startsWith(`image/`)?`image`:e.type.startsWith(`video/`)?`video`:`file`}function ee(e){if(e.type.startsWith(`image/`)&&!(typeof URL>`u`||typeof URL.createObjectURL!=`function`))return URL.createObjectURL(e)}function M(e){!e||typeof URL>`u`||typeof URL.revokeObjectURL!=`function`||URL.revokeObjectURL(e)}function N(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 P(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))}function ne(e,t,n){let r=[...e];switch(n){case`name`:return r.sort((e,n)=>t.getName(e).localeCompare(t.getName(n)));case`size`:return r.sort((e,n)=>(t.getSize(n)??0)-(t.getSize(e)??0));case`usage`:return r.sort((e,n)=>(t.getUsageCount(n)??0)-(t.getUsageCount(e)??0));default:return r.sort((e,n)=>A(n,t)-A(e,t))}}function re({items:e=w,fetcher:t,accessors:n,selectionMode:r=`multiple`,value:i,defaultValue:a,onValueChange:o,onItemUpdate:s,applyItemPatch:c=te,onItemDelete:l,onUpload:u,onError:d,tab:f,defaultTab:p=`library`,onTabChange:m,view:h,defaultView:g=`grid`,onViewChange:_,query:v,defaultQuery:b=``,onQueryChange:x,type:S,defaultType:E=`all`,onTypeChange:O,collection:k,defaultCollection:A=`all`,onCollectionChange:re,sort:F,defaultSort:ie=`newest`,onSortChange:I,uploadOptions:L,defaultUploadOptions:ae,onUploadOptionsChange:oe}){let R=(0,y.useMemo)(()=>D(n),[n]),[se,ce]=T(f,p,m),[le,ue]=T(h,g,_),[z,de]=T(v,b,x),[fe,pe]=T(S,E,O),[B,me]=T(k,A,re),[he,ge]=T(F,ie,I),[_e,ve]=(0,y.useState)(null),[ye,be]=(0,y.useState)(()=>[...a??[]]),[xe,Se]=(0,y.useState)([]),[Ce,we]=(0,y.useState)(),[Te,Ee]=(0,y.useState)(!1),[De,Oe]=(0,y.useState)(null),V=(0,y.useCallback)((e,t=`mutation`)=>{Oe(e==null?null:{error:e,source:t})},[]),ke=De?.source===`fetch`&&!t?null:De?.error??null,Ae=De?.source===`fetch`&&t?De.error:null,[je,Me]=(0,y.useState)(0),H=(0,y.useCallback)(()=>Me(e=>e+1),[]),Ne=(0,y.useRef)(R);(0,y.useEffect)(()=>{Ne.current=R},[R]);let Pe=(0,y.useRef)(d);(0,y.useEffect)(()=>{Pe.current=d},[d]);let[Fe,Ie]=(0,y.useState)([]),[Le,Re]=(0,y.useState)(()=>new Set),[ze,Be]=(0,y.useState)({}),[Ve,U]=(0,y.useState)([]),[He,Ue]=(0,y.useState)(!1),We=(0,y.useMemo)(()=>({...C,...ae,tags:ae?.tags??C.tags}),[ae]),[Ge,W]=T((0,y.useMemo)(()=>L?{...C,...L,tags:L.tags??C.tags}:void 0,[L]),We,oe),G=i!==void 0,K=(0,y.useMemo)(()=>{let e=[...new Set(G?i??[]:ye)];return r===`single`?e.slice(0,1):e},[ye,G,r,i]),Ke=(0,y.useMemo)(()=>new Set(K),[K]),qe=(0,y.useRef)(new Set),q=(0,y.useRef)(null),Je=(0,y.useRef)(new Map),J=(0,y.useRef)(new Map),[Ye,Xe]=(0,y.useState)(new Map),Y=(0,y.useRef)(K);(0,y.useEffect)(()=>{Y.current=K},[K]);let Ze=(0,y.useRef)(0);(0,y.useEffect)(()=>{if(!t)return;let e=new AbortController;return Ee(!0),V(null),(async()=>t({query:z,type:fe,collection:B===`all`?void 0:B,sort:he,signal:e.signal}))().then(t=>{if(e.signal.aborted)return;let n=N(t);Xe(e=>{let t=new Set(Y.current);return new Map([...e,...n.items.map(e=>[Ne.current.getId(e),e])].filter(([e])=>t.has(e)))}),Se(n.items),we(n.total)}).catch(t=>{e.signal.aborted||(V(t,`fetch`),Pe.current?.(t))}).finally(()=>{e.signal.aborted||Ee(!1)}),()=>e.abort()},[B,t,je,z,V,he,fe]),(0,y.useEffect)(()=>{let e=qe.current;return()=>{q.current?.abort();for(let t of e)M(t);e.clear()}},[]);let Qe=(0,y.useMemo)(()=>t?xe:[...Fe,...e],[Fe,xe,t,e]),X=(0,y.useMemo)(()=>[...new Map(Qe.map(e=>[R.getId(e),e])).values()].filter(e=>!Le.has(R.getId(e))).map(e=>ze[R.getId(e)]?c(e,ze[R.getId(e)]):e),[R,c,ze,Le,Qe]),Z=(0,y.useMemo)(()=>t?X:ne(P(X,R,z,fe,B),R,he),[R,B,t,X,z,he,fe]),Q=(0,y.useMemo)(()=>new Map(X.map(e=>[R.getId(e),e])),[R,X]),$e=K.flatMap(e=>{let t=Q.get(e)??Ye.get(e);return t===void 0?[]:[t]});(0,y.useEffect)(()=>{for(let e of J.current.keys())Ke.has(e)||J.current.delete(e);for(let e of K){let t=Q.get(e);t!==void 0&&J.current.set(e,t)}},[Q,K,Ke]);let $=(0,y.useCallback)(e=>{let t=[...new Set(e)],n=r===`single`?t.slice(0,1):t;Y.current=n,G||be(n);let i=n.flatMap(e=>{let t=Q.get(e)??J.current.get(e);return t===void 0?[]:(J.current.set(e,t),[t])});Xe(new Map(i.map(e=>[R.getId(e),e]))),o?.(n,i)},[R,G,o,Q,r]),et=(0,y.useCallback)(e=>{if(!Q.has(e)&&!J.current.has(e))return;if(r===`single`){$([e]);return}let t=new Set(Y.current);t.has(e)?t.delete(e):t.add(e),$([...t])},[$,Q,r]),tt=(0,y.useCallback)(()=>$([]),[$]),nt=(0,y.useCallback)(()=>$([...Y.current,...Z.map(R.getId)]),[R,$,Z]),rt=(0,y.useCallback)(()=>{let e=new Set(Z.map(R.getId));$(Y.current.filter(t=>!e.has(t)))},[R,$,Z]),it=(0,y.useCallback)(()=>{de(``),pe(`all`),me(`all`)},[me,de,pe]),at=(0,y.useCallback)(e=>{if(q.current)return;let t=e.map(e=>{let t=ee(e);return t&&qe.current.add(t),{id:`staged-${++Ze.current}`,file:e,name:e.name,size:e.size,type:j(e),src:t,progress:0,status:`staged`}});U(e=>[...e,...t])},[]),ot=(0,y.useCallback)(e=>{q.current||U(t=>{let n=t.find(t=>t.id===e);return n?.src&&(M(n.src),qe.current.delete(n.src)),t.filter(t=>t.id!==e)})},[]),st=(0,y.useCallback)(()=>{q.current||U(e=>{for(let t of e)t.src&&(M(t.src),qe.current.delete(t.src));return[]})},[]),ct=(0,y.useCallback)(e=>{W(t=>({...t,...e}))},[W]),lt=(0,y.useCallback)((e,t)=>{U(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),ut=(0,y.useCallback)(async()=>{if(!u||q.current||Ve.length===0)return;let e=new AbortController;q.current=e,V(null),Ue(!0),U(e=>e.map(e=>({...e,status:`uploading`,progress:0,error:void 0})));let n=new Set,i=new Set(Ve.map(e=>e.id)),a=()=>!e.signal.aborted&&q.current===e,o={files:Ve,signal:e.signal,setProgress:(e,t)=>{!a()||!i.has(e)||lt(e,{progress:Number.isFinite(t)?Math.max(0,Math.min(100,t)):0})},setFileStatus:(e,t,r)=>{!a()||!i.has(e)||(t===`error`?n.add(e):n.delete(e),lt(e,{status:t,error:r}))}};try{let a=await u(Ve.map(e=>e.file),Ge,o);if(e.signal.aborted)return;if(a?.length){Ie(e=>[...a,...e]);for(let e of a)J.current.set(R.getId(e),e);let e=a.map(e=>R.getId(e));$(r===`single`?e.slice(0,1):[...new Set([...e,...Y.current])])}for(let e of Ve)!n.has(e.id)&&e.src&&(M(e.src),qe.current.delete(e.src));U(e=>e.filter(e=>!i.has(e.id)||n.has(e.id))),t&&H(),n.size===0&&ce(`library`)}catch(t){if(e.signal.aborted)return;V(t),U(e=>e.map(e=>e.status===`uploading`?{...e,status:`error`}:e)),d?.(t)}finally{q.current===e&&(q.current=null,Ue(!1))}},[R,$,d,u,lt,t,H,r,V,ce,Ve,Ge]),dt=(0,y.useCallback)(()=>{q.current?.abort(),q.current=null,Ue(!1),U(e=>e.map(e=>e.status===`uploading`?{...e,status:`staged`,progress:0,error:void 0}:e))},[]),ft=(0,y.useCallback)(async(e,t)=>{let n=R.getId(e),r=`update:${n}`,i=(Je.current.get(r)??0)+1;Je.current.set(r,i);let a=ze[n];V(null),Be(e=>({...e,[n]:{...e[n],...t}}));try{return await s?.(e,t),!0}catch(e){return Je.current.get(r)===i&&Be(e=>{let t={...e};return a?t[n]=a:delete t[n],t}),V(e),d?.(e),!1}},[R,ze,d,s,V]),pt=(0,y.useCallback)(async e=>{let t=R.getId(e);V(null);try{return await l?.(e),Re(e=>new Set(e).add(t)),Y.current.includes(t)&&$(Y.current.filter(e=>e!==t)),!0}catch(e){return V(e),d?.(e),!1}},[R,$,d,l,V]);return{tab:se,setTab:ce,view:le,setView:ue,query:z,setQuery:de,type:fe,setType:pe,collection:B,setCollection:me,sort:he,setSort:ge,detailId:_e,setDetailId:ve,items:X,visibleItems:Z,selectedIds:K,selectedItems:$e,selectedSet:Ke,toggleSelection:et,clearSelection:tt,selectVisible:nt,deselectVisible:rt,clearFilters:it,loading:!!t&&Te,error:ke,fetchError:Ae,refetch:H,hasFilters:!!z.trim()||fe!==`all`||B!==`all`,totalCount:t?Ce??X.length:X.length,filteredCount:Z.length,stagedFiles:Ve,addFiles:at,removeStagedFile:ot,clearStagedFiles:st,uploadOptions:Ge,updateUploadOptions:ct,uploading:He,startUpload:ut,cancelUpload:dt,updateItem:ft,removeItem:pt,accessors:R}}var F={root:`media-library__root___dutrH`,header:`media-library__header___xOECc`,libraryTabs:`media-library__libraryTabs___7wt0y`,libraryTabList:`media-library__libraryTabList___HmusU`,libraryTabPanel:`media-library__libraryTabPanel___lqGwX`,toolbar:`media-library__toolbar___Mb2jB`,toolbarPrimary:`media-library__toolbarPrimary___FPGqX`,toolbarSecondary:`media-library__toolbarSecondary___hit1H`,toolbarFilters:`media-library__toolbarFilters___UqFM0`,toolbarEnd:`media-library__toolbarEnd___ry6Iy`,toolbarSearch:`media-library__toolbarSearch___Ix2AY`,toolbarTypes:`media-library__toolbarTypes___9MqeZ`,toolbarField:`media-library__toolbarField___Yc_vz`,toolbarQuery:`media-library__toolbarQuery___O6hk3`,queryTerm:`media-library__queryTerm___OkTxe`,toolbarSelect:`media-library__toolbarSelect___XDIbN`,segmented:`media-library__segmented___pI3Qj`,segment:`media-library__segment___5AoL_`,browse:`media-library__browse____WolU`,workspace:`media-library__workspace___GLjun`,results:`media-library__results___eyWqQ`,grid:`media-library__grid___y-NR3`,card:`media-library__card___gzA2e`,cardTile:`media-library__cardTile___p-Cla`,cardTileWrap:`media-library__cardTileWrap___K6k7Y`,cardCheck:`media-library__cardCheck___loI4a`,cardBody:`media-library__cardBody___8ZvX-`,cardDetails:`media-library__cardDetails___LovG7`,preview:`media-library__preview___R2DD5`,previewFallback:`media-library__previewFallback___g5Z4x`,list:`media-library__list___AtAJw`,row:`media-library__row___5WFDh`,rowMain:`media-library__rowMain___zL-1h`,rowPreview:`media-library__rowPreview___RvRLh`,rowBody:`media-library__rowBody___Frydc`,rowSize:`media-library__rowSize___JA1Ym`,detail:`media-library__detail___J6TYy`,detailHeader:`media-library__detailHeader___K9_BE`,detailBody:`media-library__detailBody___cL3bB`,detailPreview:`media-library__detailPreview___JJWXJ`,detailFooter:`media-library__detailFooter___gytZp`,upload:`media-library__upload___u8iZw`,uploadOptions:`media-library__uploadOptions___nVpav`,uploadOptionsGrid:`media-library__uploadOptionsGrid___u8mbM`,stagedList:`media-library__stagedList___OxD6q`,staged:`media-library__staged___6sc52`,stagedIcon:`media-library__stagedIcon___cAXXv`,stagedBody:`media-library__stagedBody___pXiDt`,uploadActions:`media-library__uploadActions___bqPFE`,footer:`media-library__footer___ZxRK1`,footerSummary:`media-library__footerSummary___7w3rC`,footerActions:`media-library__footerActions___SjKR2`,gallery:`media-library__gallery___aq6SA`,galleryActions:`media-library__galleryActions___k9Mbf`,galleryList:`media-library__galleryList___OHYD1`,galleryItem:`media-library__galleryItem___b3Re2`,galleryPreview:`media-library__galleryPreview___ViucO`,galleryBadge:`media-library__galleryBadge___CXJmF`,galleryControls:`media-library__galleryControls___Fslmc`,emptyState:`media-library__emptyState___q8ZsQ`,table:`media-library__table___6E5Zv`,tableName:`media-library__tableName___Zk76p`,selectionBar:`media-library__selectionBar___uoA0t`},ie={image:(0,b.jsx)(v.ImageIcon,{}),video:(0,b.jsx)(v.FilmIcon,{}),file:(0,b.jsx)(v.FileIcon,{})};function I({item:e,accessors:t,className:n}){let r=t.getSrc(e),i=t.getType(e),a=t.getTint(e),[o,s]=(0,y.useState)(!1),[c,l]=_.t(r);return r!==c&&(l(r),s(!1)),r&&i===`image`&&!o?(0,b.jsx)(`img`,{src:r,alt:t.getAlt(e)??``,loading:`lazy`,className:(0,x.clsx)(`media-preview--component`,F.preview,n),onError:()=>s(!0)}):(0,b.jsx)(`span`,{"data-tinted":a?``:void 0,className:(0,x.clsx)(`media-preview--component`,F.preview,F.previewFallback,n),style:a?{"--media-tint":a}:void 0,children:ie[i]})}function L({item:i,collections:o=[],accessors:s,strings:d,onClose:f,onUpdate:h,onRemove:g,renderDetail:_}){let C=l.t(S,d),w=()=>({alt:i?s.getAlt(i)??``:``,collection:i?s.getCollection(i)??``:``,tags:i?s.getTags(i):[],public:i?s.getPublic(i)??!1:!1}),T=i?s.getId(i):null,[E,D]=(0,y.useState)(w),[O,A]=(0,y.useState)(T),[j,ee]=(0,y.useState)(null),[M,N]=(0,y.useState)(null),te=(0,y.useRef)(!0),P=(0,y.useRef)(null),ne=(0,y.useRef)(null);if((0,y.useEffect)(()=>{let e=document.activeElement;return ne.current?.focus({preventScroll:!0}),ne.current?.scrollIntoView?.({block:`start`,behavior:`instant`}),()=>{e instanceof HTMLElement&&e.isConnected&&e.focus()}},[T]),(0,y.useEffect)(()=>(te.current=!0,()=>{te.current=!1,P.current=null}),[T]),T!==O&&(A(T),D(w()),ee(null),N(null)),!i)return null;let re=w(),ie=JSON.stringify(re)!==JSON.stringify(E),L=e=>{D(t=>({...t,...e})),N(null)},ae=async e=>{if(P.current)return;let t=Symbol(e);P.current=t,ee(e),N(null);try{let n=e===`save`?await h({...E,collection:E.collection||void 0}):await g();if(!te.current||P.current!==t)return;n?e===`delete`?f():N(`saved`):N(e===`save`?`saveFailed`:`deleteFailed`)}catch{te.current&&P.current===t&&N(e===`save`?`saveFailed`:`deleteFailed`)}finally{te.current&&P.current===t&&(P.current=null,ee(null))}},oe=s.getName(i);return(0,b.jsx)(`aside`,{ref:ne,tabIndex:-1,onKeyDown:e=>{e.key===`Escape`&&!e.defaultPrevented&&(e.stopPropagation(),f())},"aria-label":oe,"data-slot":`media-library-detail`,className:(0,x.clsx)(`media-library-detail-panel--component`,`media-library-detail--component`,F.detail),children:_?_(i,{accessors:s,update:h,remove:g,close:f}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:F.detailHeader,children:[(0,b.jsx)(e.o,{weight:`semibold`,truncate:!0,title:oe,children:oe}),(0,b.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":C.close,onClick:f,children:(0,b.jsx)(v.XIcon,{})})]}),(0,b.jsxs)(`div`,{className:F.detailBody,children:[(0,b.jsx)(I,{item:i,accessors:s,className:F.detailPreview}),(0,b.jsx)(r.n,{layout:`rows`,columns:1,items:[{id:`type`,label:C.detail.type,value:C.types[s.getType(i)]},{id:`size`,label:C.detail.size,value:s.getSize(i)===void 0?void 0:{value:s.getSize(i),display:(0,b.jsx)(a.S,{value:s.getSize(i),size:`inherit`,type:`inherit`})}},{id:`dimensions`,label:C.detail.dimensions,value:k(i,s)||void 0},{id:`uploaded`,label:C.detail.uploaded,value:s.getUploadedAt(i)===void 0?void 0:{kind:`date`,value:s.getUploadedAt(i)}},{id:`usage`,label:C.table.usage,value:s.getUsageCount(i)}]}),s.getType(i)===`image`&&(0,b.jsx)(c.u,{label:C.detail.altLabel,children:(0,b.jsx)(u.c,{value:E.alt,rows:2,disabled:!!j,placeholder:C.detail.altPlaceholder,onChange:e=>L({alt:e.target.value})})}),o.length>0&&(0,b.jsx)(c.u,{label:C.detail.collectionLabel,children:(0,b.jsx)(p.s,{value:E.collection,disabled:!!j,options:o.map(e=>({value:e.value,label:typeof e.label==`string`?e.label:e.value})),onValueChange:e=>L({collection:e??``})})}),(0,b.jsx)(c.u,{label:C.detail.tagsLabel,children:(0,b.jsx)(m.s,{value:E.tags,disabled:!!j,onValueChange:e=>L({tags:e}),placeholder:C.detail.tagsPlaceholder})}),(0,b.jsx)(p.n,{label:C.detail.publicLabel,description:C.detail.publicDescription,disabled:!!j,value:E.public,onValueChange:e=>L({public:e})}),M===`saveFailed`||M===`deleteFailed`?(0,b.jsx)(t.h,{tone:`destructive`,role:`alert`,children:(0,b.jsx)(t._,{children:C.detail[M]})}):(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,role:`status`,children:j?j===`save`?C.detail.saving:C.detail.deleting:M===`saved`?C.detail.saved:ie?C.detail.unsaved:null})]}),(0,b.jsxs)(`div`,{className:F.detailFooter,children:[(0,b.jsxs)(n.c,{tone:`destructive`,buttonStyle:`ghost`,loading:j===`delete`,disabled:!!j,onClick:()=>void ae(`delete`),children:[(0,b.jsx)(v.Trash2Icon,{}),C.detail.delete]}),ie&&(0,b.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,disabled:!!j,onClick:()=>{D(re),N(null)},children:C.detail.reset}),(0,b.jsx)(n.c,{loading:j===`save`,disabled:!!j,onClick:()=>void ae(`save`),children:C.detail.save})]})]})})}function ae(e,t){return t.types[e]}function oe({label:e,options:t,value:r,onValueChange:i,role:a=`group`,className:o}){return(0,b.jsx)(`div`,{role:a,"aria-label":e,className:(0,x.clsx)(F.segmented,o),children:t.map(e=>{let t=e.value===r;return(0,b.jsxs)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:e.iconOnly,role:a===`tablist`?`tab`:void 0,"aria-selected":a===`tablist`?t:void 0,"aria-pressed":a===`group`?t:void 0,"aria-label":e.iconOnly?String(e.label):void 0,"data-active":t||void 0,className:F.segment,onClick:()=>i(e.value),children:[e.icon,!e.iconOnly&&e.label]},e.value)})})}function R({title:e,description:n,icon:r,action:i,className:a}){return(0,b.jsx)(t.p,{title:e,description:n??!1,media:r??(0,b.jsx)(v.ImageIcon,{}),mediaVariant:`icon-soft`,padding:`md`,border:!0,action:i,className:(0,x.clsx)(`media-library-empty-state--component`,F.emptyState,a)})}function se({query:t,onQueryChange:r,type:i,onTypeChange:a,typeFilters:s,collection:c,onCollectionChange:d,collections:f,sort:m,onSortChange:h,view:g,onViewChange:_,hasFilters:y,onClearFilters:C,strings:w,end:T,className:E}){let D=t.trim(),O=l.t(S,w);return(0,b.jsxs)(`div`,{className:(0,x.clsx)(`media-library-toolbar--component`,F.toolbar,E),children:[(0,b.jsxs)(`div`,{className:F.toolbarPrimary,children:[(0,b.jsxs)(`div`,{className:F.toolbarSearch,children:[(0,b.jsx)(u.l,{value:t,onChange:e=>r(e.target.value),placeholder:w.searchPlaceholder,"aria-label":w.searchPlaceholder,startIcon:v.SearchIcon,clearable:!0,onClear:()=>r(``),strings:{clear:w.clearSearch},"data-active":D?!0:void 0,className:F.toolbarField}),!!D&&(0,b.jsx)(`div`,{className:F.toolbarQuery,children:(0,b.jsxs)(o.t,{tone:`primary`,children:[(0,b.jsx)(v.SearchIcon,{"aria-hidden":!0}),w.activeSearchLabel,(0,b.jsx)(e.o,{size:`inherit`,type:`inherit`,weight:`normal`,className:F.queryTerm,children:D})]})})]}),s.length>1&&(0,b.jsx)(oe,{role:`tablist`,label:w.typeLabel,value:i,onValueChange:e=>a(e),options:s.map(e=>({value:e,label:e===`all`?w.types.all:ae(e,w),icon:e===`all`?void 0:ie[e]})),className:F.toolbarTypes})]}),(0,b.jsxs)(`div`,{className:F.toolbarSecondary,children:[(0,b.jsxs)(`div`,{className:F.toolbarFilters,children:[f.length>0&&(0,b.jsx)(p.s,{"aria-label":w.collectionLabel,value:c,options:[{value:`all`,label:w.collectionAll},...f.map(e=>({value:e.value,label:typeof e.label==`string`?e.label:e.value}))],onValueChange:e=>e&&d(e),className:F.toolbarSelect}),(0,b.jsx)(p.s,{"aria-label":w.sortLabel,value:m,options:[{value:`newest`,label:w.sorts.newest},{value:`name`,label:w.sorts.name},{value:`size`,label:w.sorts.size},{value:`usage`,label:w.sorts.usage}],onValueChange:e=>e&&h(e),className:F.toolbarSelect}),y&&(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:C,children:w.clearFilters})]}),(0,b.jsxs)(`div`,{className:F.toolbarEnd,children:[T,(0,b.jsx)(oe,{label:w.viewLabel,value:g,onValueChange:e=>_(e),options:[{value:`grid`,label:w.views.grid,icon:(0,b.jsx)(v.LayoutGridIcon,{}),iconOnly:!0},{value:`list`,label:O.views.list,icon:(0,b.jsx)(v.ListIcon,{}),iconOnly:!0},{value:`table`,label:w.views.table,icon:(0,b.jsx)(v.Table2Icon,{}),iconOnly:!0}]})]})]})]})}function ce({item:t,selected:r=!1,density:i=`comfortable`,showMeta:a=!0,accessors:o,strings:s,onToggle:c,onDetails:l,className:u}){let d=o.getName(t),f=o.getSize(t),p=k(t,o);return(0,b.jsxs)(`div`,{"data-selected":r||void 0,"data-media-density":i,className:(0,x.clsx)(`media-library-card--component`,F.card,u),children:[(0,b.jsxs)(`span`,{className:F.cardTileWrap,children:[(0,b.jsx)(`button`,{type:`button`,className:F.cardTile,"aria-pressed":r,"aria-label":(s.assetAction??S.assetAction)(r?s.deselect:s.select,d),onClick:c,children:(0,b.jsx)(I,{item:t,accessors:o})}),(0,b.jsx)(`span`,{"aria-hidden":!0,"data-selected":r||void 0,className:F.cardCheck,children:r&&(0,b.jsx)(v.CheckIcon,{})})]}),(0,b.jsxs)(`div`,{className:F.cardBody,children:[(0,b.jsx)(e.o,{tag:`span`,weight:`medium`,truncate:!0,title:d,children:d}),a&&(0,b.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,truncate:!0,children:[p,f===void 0?``:O(f)].filter(Boolean).join(` · `)})]}),!!l&&(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:e=>{e.currentTarget.focus(),l()},"aria-label":(s.assetAction??S.assetAction)(s.details,d),className:F.cardDetails,children:(0,b.jsx)(v.MoreHorizontalIcon,{})})]})}function le({items:t,selectedSet:r,accessors:i,strings:o,onToggle:s,onDetails:c}){return(0,b.jsx)(`ul`,{className:(0,x.clsx)(`media-library-list--component`,F.list),children:t.map(t=>{let l=i.getId(t),u=i.getName(t),d=r.has(l);return(0,b.jsx)(`li`,{children:(0,b.jsxs)(`div`,{"data-selected":d||void 0,className:F.row,children:[(0,b.jsx)(p.x,{checked:d,"aria-label":(o.assetAction??S.assetAction)(d?o.deselect:o.select,u),onChange:()=>s(l)}),(0,b.jsxs)(`button`,{type:`button`,className:F.rowMain,"aria-label":(o.assetAction??S.assetAction)(o.details,u),onClick:e=>{e.currentTarget.focus(),c(l)},children:[(0,b.jsx)(I,{item:t,accessors:i,className:F.rowPreview}),(0,b.jsxs)(`span`,{className:F.rowBody,children:[(0,b.jsx)(e.o,{tag:`span`,weight:`medium`,truncate:!0,children:u}),(0,b.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:[ae(i.getType(t),o),k(t,i),i.getCollection(t)].filter(Boolean).join(` · `)})]})]}),(0,b.jsx)(`span`,{className:F.rowSize,children:(0,b.jsx)(a.S,{value:i.getSize(t),size:`xs`,type:`secondary`})}),(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:e=>{e.currentTarget.focus(),c(l)},children:o.details})]})},l)})})}function ue({stagedFiles:r,uploading:o,uploadOptions:l,collections:u=[],strings:d,onAddFiles:f,onRemoveFile:h,onClear:g,onOptionsChange:_,onStart:y,onCancel:S,empty:C,showActions:w=!0}){return(0,b.jsxs)(`div`,{className:(0,x.clsx)(`media-library-upload--component`,F.upload),children:[(0,b.jsx)(s.l,{multiple:!0,disabled:o,onDrop:f,strings:{instructionMultiple:d.upload.dropTitle,helper:d.upload.dropDescription}}),(0,b.jsxs)(`section`,{className:F.uploadOptions,children:[(0,b.jsx)(e.i,{children:d.upload.optionsTitle}),(0,b.jsxs)(`div`,{className:F.uploadOptionsGrid,children:[u.length>0&&(0,b.jsx)(c.u,{label:d.detail.collectionLabel,children:(0,b.jsx)(p.s,{disabled:o,value:l.collection??``,options:u.map(e=>({value:e.value,label:typeof e.label==`string`?e.label:e.value})),onValueChange:e=>_({collection:e||void 0})})}),(0,b.jsx)(c.u,{label:d.detail.tagsLabel,children:(0,b.jsx)(m.s,{disabled:o,value:l.tags,onValueChange:e=>_({tags:e}),placeholder:d.detail.tagsPlaceholder})}),(0,b.jsx)(p.n,{disabled:o,label:d.detail.publicLabel,description:d.detail.publicDescription,value:l.public,onValueChange:e=>_({public:e})})]})]}),r.length===0?C??(0,b.jsx)(t.p,{title:d.upload.emptyTitle,description:d.upload.emptyDescription,padding:`md`}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`ul`,{className:F.stagedList,children:r.map(r=>(0,b.jsxs)(`li`,{className:F.staged,children:[(0,b.jsx)(`span`,{className:F.stagedIcon,children:ie[r.type]}),(0,b.jsxs)(`span`,{className:F.stagedBody,children:[(0,b.jsx)(e.o,{tag:`span`,weight:`medium`,truncate:!0,children:r.name}),r.status===`error`?(0,b.jsx)(e.o,{tag:`span`,size:`xs`,type:`error`,children:r.error??d.upload.failed}):r.status===`uploading`?(0,b.jsx)(t.s,{value:r.progress,"aria-label":r.name}):(0,b.jsx)(a.S,{value:r.size,size:`xs`,type:`secondary`})]}),(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":`${d.upload.remove}: ${r.name}`,disabled:o,onClick:()=>h(r.id),children:(0,b.jsx)(v.XIcon,{})})]},r.id))}),w&&(0,b.jsxs)(`div`,{className:F.uploadActions,children:[(0,b.jsx)(e.o,{type:`secondary`,children:d.upload.staged(r.length)}),(0,b.jsxs)(i.o,{direction:`horizontal`,gap:`md`,children:[o?(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:S,children:d.upload.cancel}):(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:g,children:d.upload.clear}),(0,b.jsx)(n.c,{type:`button`,loading:o,onClick:y,children:o?d.upload.uploading:d.upload.start})]})]})]})]})}function z({tab:t,selectedIds:r,selectionMode:i,stagedFiles:a,strings:o,visibleCount:s,totalCount:c,onClearSelection:l,className:u}){let d=t===`upload`?(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,children:a.length===0?o.footer.noFiles:o.footer.stagedSummary(a.length,O(a.reduce((e,t)=>e+t.size,0)))}):r.length>0?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(e.o,{children:o.selectedCount(r.length)}),!!l&&(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:l,children:o.clearSelection})]}):s!==void 0&&c!==void 0&&s!==c?(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,children:o.showingCount(s,c)}):(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,children:i===`single`?o.footer.pickOne:o.footer.pickMany});return(0,b.jsx)(`div`,{"aria-live":`polite`,className:(0,x.clsx)(`media-library-footer-summary--component`,F.footerSummary,u),children:d})}function de({tab:e,selectedIds:t,selectedItems:r,stagedFiles:i,uploading:a=!1,strings:o,confirmLabel:s,cancelLabel:c,onCancel:l,onConfirm:u,onUpload:d,onCancelUpload:f,className:p}){let m=(0,x.clsx)(`media-library-footer-actions--component`,F.footerActions,p);return e===`upload`?(0,b.jsxs)(`div`,{className:m,children:[(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:f,children:a?o.upload.cancel:c??o.cancel}),(0,b.jsx)(n.c,{type:`button`,disabled:i.length===0||a,loading:a,onClick:d,children:o.footer.uploadStaged(i.length)})]}):(0,b.jsxs)(`div`,{className:m,children:[(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:l,children:a?o.upload.cancel:c??o.cancel}),(0,b.jsx)(n.c,{type:`button`,disabled:t.length===0||r.length!==t.length,onClick:u,children:s??o.confirm})]})}function fe({tab:e,selectedItems:t,selectedIds:n,selectionMode:r,stagedFiles:i,uploading:a,strings:o,visibleCount:s,totalCount:c,confirmLabel:l,cancelLabel:u,onCancel:d,onConfirm:f,onClearSelection:p,onUpload:m,onCancelUpload:h,chrome:g=`section`,className:_}){return(0,b.jsxs)(`footer`,{"data-chrome":g,className:(0,x.clsx)(`media-library-footer--component`,F.footer,_),children:[(0,b.jsx)(z,{tab:e,selectedIds:n,selectionMode:r,stagedFiles:i,strings:o,visibleCount:s,totalCount:c,onClearSelection:p}),(0,b.jsx)(de,{tab:e,selectedItems:t,selectedIds:n,stagedFiles:i,uploading:a,strings:o,confirmLabel:l,cancelLabel:u,onCancel:d,onConfirm:f,onUpload:m,onCancelUpload:h})]})}function pe({items:t,selectedSet:r,accessors:i,strings:o,onToggle:s,onDetails:c,className:u,collections:f=[]}){let m=l.t(S,o);return(0,b.jsxs)(d.t,{"aria-label":m.title,containerClassName:(0,x.clsx)(`media-library-table--component`,F.table,u),children:[(0,b.jsx)(d.c,{children:(0,b.jsxs)(d.l,{children:[(0,b.jsx)(d.s,{children:(0,b.jsx)(e.o,{tag:`span`,className:`sr-only`,children:m.select})}),(0,b.jsx)(d.s,{children:m.table.name}),(0,b.jsx)(d.s,{children:m.detail.type}),(0,b.jsx)(d.s,{children:m.table.collection}),(0,b.jsx)(d.s,{align:`end`,children:m.table.size}),(0,b.jsx)(d.s,{children:m.table.uploaded}),(0,b.jsx)(d.s,{align:`end`,children:m.table.usage}),(0,b.jsx)(d.s,{children:(0,b.jsx)(e.o,{tag:`span`,className:`sr-only`,children:m.table.actions})})]})}),(0,b.jsx)(d.n,{children:t.map(t=>{let o=i.getId(t),l=i.getName(t),u=r.has(o);return(0,b.jsxs)(d.l,{"data-state":u?`selected`:void 0,"data-selected":u||void 0,children:[(0,b.jsx)(d.i,{children:(0,b.jsx)(p.x,{checked:u,"aria-label":m.assetAction(u?m.deselect:m.select,l),onChange:()=>s(o)})}),(0,b.jsx)(d.i,{children:(0,b.jsxs)(n.c,{tone:`neutral`,buttonStyle:`ghost`,onClick:e=>{e.currentTarget.focus(),c(o)},className:F.tableName,children:[(0,b.jsx)(I,{item:t,accessors:i,className:F.rowPreview}),(0,b.jsx)(e.o,{tag:`span`,truncate:!0,title:l,children:l})]})}),(0,b.jsx)(d.i,{children:(0,b.jsx)(e.o,{type:`secondary`,children:m.types[i.getType(t)]})}),(0,b.jsx)(d.i,{children:(0,b.jsx)(e.o,{children:f.find(e=>e.value===i.getCollection(t))?.label??(i.getCollection(t)||(0,b.jsx)(a.z,{}))})}),(0,b.jsx)(d.i,{align:`end`,children:(0,b.jsx)(a.S,{value:i.getSize(t)})}),(0,b.jsx)(d.i,{children:(0,b.jsx)(a.f,{value:i.getUploadedAt(t)})}),(0,b.jsx)(d.i,{align:`end`,children:(0,b.jsx)(a.w,{value:i.getUsageCount(t)})}),(0,b.jsx)(d.i,{children:(0,b.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,"aria-label":m.assetAction(m.details,l),onClick:e=>{e.currentTarget.focus(),c(o)},children:m.details})})]},o)})})]})}function B({items:e,selectedSet:t,accessors:n,strings:r,onToggle:i,onDetails:a,density:o=`comfortable`,selectionMode:s=`multiple`,showMeta:c=!0,renderItem:l,className:u}){return(0,b.jsx)(`div`,{"data-media-density":o,className:(0,x.clsx)(`media-library-grid--component`,F.grid,u),children:e.map(e=>{let u=n.getId(e),d=t.has(u),f=()=>i(u),p=()=>a(u);return l?(0,b.jsx)(`div`,{children:l(e,{id:u,selected:d,accessors:n,selectionMode:s,toggle:f,openDetails:p})},u):(0,b.jsx)(ce,{item:e,selected:d,density:o,selectionMode:s,showMeta:c,accessors:n,strings:r,onToggle:f,onDetails:p},u)})})}function me({visibleCount:t,totalCount:n,selectedVisibleCount:r,onSelectVisible:i,onDeselectVisible:a,status:o,disabled:s,strings:c,className:u}){let d=l.t(S,c),f=t>0&&r===t;return(0,b.jsxs)(`div`,{className:(0,x.clsx)(`media-library-selection-bar--component`,F.selectionBar,u),children:[(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:o??d.showingCount(t,n)}),i&&a&&(0,b.jsx)(p.x,{checked:f,indeterminate:!f&&r>0,disabled:s||t===0,label:f?d.deselectVisible:d.selectVisible,onChange:()=>f?a():i()})]})}var he=[`all`,`image`,`video`,`file`];function ge({title:e,description:i,confirmLabel:a,cancelLabel:o,density:s=`comfortable`,showMeta:c=!0,allowUpload:u=!0,typeFilters:d=he,confirmOnSelect:p=!1,onConfirm:m,onCancel:g,onClose:_,bulkActions:v,strings:C,slots:w,className:T,collections:E=[],selectionMode:D=`multiple`,...O}){let k=(0,y.useMemo)(()=>l.t(S,C),[C]),{items:A,fetcher:j,accessors:ee,value:M,defaultValue:N,onValueChange:te,onItemUpdate:P,applyItemPatch:ne,onItemDelete:ie,onUpload:I,onError:ae,tab:oe,defaultTab:ce,onTabChange:z,view:de,defaultView:ge,onViewChange:_e,query:ve,defaultQuery:ye,onQueryChange:be,type:xe,defaultType:Se,onTypeChange:Ce,collection:we,defaultCollection:Te,onCollectionChange:Ee,sort:De,defaultSort:Oe,onSortChange:V,uploadOptions:ke,defaultUploadOptions:Ae,onUploadOptionsChange:je,...Me}=O,H=re({items:A,fetcher:j,accessors:ee,value:M,defaultValue:N,onValueChange:te,onItemUpdate:P,applyItemPatch:ne,onItemDelete:ie,onUpload:I,onError:ae,tab:oe,defaultTab:ce,onTabChange:z,view:de,defaultView:ge,onViewChange:_e,query:ve,defaultQuery:ye,onQueryChange:be,type:xe,defaultType:Se,onTypeChange:Ce,collection:we,defaultCollection:Te,onCollectionChange:Ee,sort:De,defaultSort:Oe,onSortChange:V,uploadOptions:ke,defaultUploadOptions:Ae,onUploadOptionsChange:je,collections:E,selectionMode:D}),{tab:Ne,setTab:Pe,view:Fe,setView:Ie,query:Le,setQuery:Re,type:ze,setType:Be,collection:Ve,setCollection:U,sort:He,setSort:Ue,detailId:We,setDetailId:Ge,visibleItems:W,selectedIds:G,selectedItems:K,selectedSet:Ke,toggleSelection:qe,clearSelection:q,clearFilters:Je,loading:J,hasFilters:Ye,totalCount:Xe,filteredCount:Y,accessors:Ze,fetchError:Qe,refetch:X}=H,Z=(0,y.useMemo)(()=>H.items.find(e=>Ze.getId(e)===We)??null,[Ze,We,H.items]),Q=!p&&!!m,$e=e=>{if(qe(e),!p)return;let t=H.items.find(t=>Ze.getId(t)===e);t&&m?.([t],[e]),_?.()},$=J&&W.length===0?w?.loading??(0,b.jsx)(t.n,{label:k.loading,"aria-hidden":`true`,"aria-live":`off`,className:F.emptyState}):Qe&&W.length===0?w?.error??(0,b.jsx)(t.t,{title:k.error,description:!1,className:F.emptyState,onRetry:Qe?X:void 0,strings:{retry:k.retry}}):W.length===0?w?.empty??(0,b.jsx)(R,{title:Ye?k.emptyFilteredTitle:k.emptyTitle,description:Ye?k.emptyFilteredDescription:k.emptyDescription,action:Ye?(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:Je,children:k.clearFilters}):void 0}):Fe===`table`||Fe===`list`?(0,b.jsx)(Fe===`table`?pe:le,{collections:E,items:W,selectedSet:Ke,selectionMode:D,accessors:Ze,strings:k,onToggle:$e,onDetails:Ge}):(0,b.jsx)(B,{items:W,selectedSet:Ke,selectionMode:D,accessors:Ze,strings:k,onToggle:$e,onDetails:Ge,density:s,showMeta:c,renderItem:w?.renderItem}),et=(0,b.jsxs)(`div`,{className:F.browse,children:[(0,b.jsx)(se,{query:Le,onQueryChange:Re,type:ze,onTypeChange:Be,typeFilters:d,collection:Ve,onCollectionChange:U,collections:E,sort:He,onSortChange:Ue,view:Fe,onViewChange:Ie,hasFilters:Ye,onClearFilters:Je,strings:k,end:w?.toolbarEnd}),(0,b.jsx)(me,{visibleCount:Y,totalCount:Xe,selectedVisibleCount:W.filter(e=>Ke.has(Ze.getId(e))).length,onSelectVisible:D===`multiple`?H.selectVisible:void 0,onDeselectVisible:D===`multiple`?H.deselectVisible:void 0,disabled:J,status:J?k.loading:void 0,strings:k}),Qe&&W.length>0?(0,b.jsxs)(t.h,{tone:`warning`,role:`alert`,children:[(0,b.jsx)(t._,{children:k.refreshError}),(0,b.jsx)(t.g,{children:(0,b.jsx)(n.c,{tone:`neutral`,buttonStyle:`outline`,onClick:X,children:k.retry})})]}):null,(0,b.jsxs)(`div`,{className:F.workspace,"data-detail":Z?``:void 0,children:[(0,b.jsx)(`div`,{className:(0,x.clsx)(`media-library--results`,F.results),"aria-busy":J,children:$}),!!Z&&(0,b.jsx)(L,{item:Z,collections:E,accessors:Ze,strings:k,onClose:()=>Ge(null),onUpdate:e=>H.updateItem(Z,e),onRemove:()=>H.removeItem(Z),renderDetail:w?.renderDetail},We)]})]});return(0,b.jsxs)(`section`,{...Me,"data-slot":`media-library`,className:(0,x.clsx)(`media-library--component`,F.root,T),children:[!!(e||i||w?.headerStart||w?.headerEnd)&&(0,b.jsxs)(`header`,{className:F.header,children:[w?.headerStart,!!(e||i||w?.headerEnd)&&(0,b.jsx)(r.l,{surface:`plain`,title:e||void 0,description:i||void 0,headerEnd:w?.headerEnd})]}),u&&I?(0,b.jsxs)(f.p,{value:Ne,onValueChange:e=>Pe(e),className:F.libraryTabs,children:[(0,b.jsxs)(f.d,{className:F.libraryTabList,children:[(0,b.jsx)(f.u,{value:`library`,children:k.tabs.library}),(0,b.jsx)(f.u,{value:`upload`,children:k.tabs.upload})]}),(0,b.jsx)(f.f,{value:`library`,className:F.libraryTabPanel,children:et}),(0,b.jsx)(f.f,{value:`upload`,className:F.libraryTabPanel,children:(0,b.jsx)(ue,{stagedFiles:H.stagedFiles,uploading:H.uploading,uploadOptions:H.uploadOptions,collections:E,strings:k,onAddFiles:H.addFiles,onRemoveFile:H.removeStagedFile,onClear:H.clearStagedFiles,onOptionsChange:H.updateUploadOptions,onStart:()=>void H.startUpload(),onCancel:H.cancelUpload,empty:w?.uploadEmpty,showActions:!Q})})]}):et,w?.footer,!!v&&!Q&&(0,b.jsx)(h.t,{selectedCount:G.length,totalCount:Xe,onClear:q,strings:{summary:e=>k.selectedCount(e),clear:k.clearSelection},children:v({selectedItems:K,selectedIds:G,selectedCount:G.length,visibleCount:Y,totalCount:Xe,clearSelection:q})}),Q&&(0,b.jsx)(fe,{tab:Ne,selectedItems:K,selectedIds:G,selectionMode:D,stagedFiles:H.stagedFiles,uploading:H.uploading,strings:k,visibleCount:Y,totalCount:Xe,confirmLabel:a,cancelLabel:o,onClearSelection:G.length>0?q:void 0,onCancel:()=>{g?.(),_?.()},onConfirm:()=>{m(K,G),_?.()},onUpload:()=>void H.startUpload(),onCancelUpload:()=>{H.uploading?H.cancelUpload():(g?.(),_?.())}})]})}function _e({open:e,onOpenChange:t,trigger:n,dialogTitle:r,dialogDescription:i,dialogClassName:a,contentClassName:o,closeOnEscape:s,closeOnBackdropClick:c,onClose:u,strings:d,...f}){let p=l.t(S,d);return(0,b.jsx)(g.r,{open:e,onOpenChange:t,trigger:n,title:r??p.title,description:i??p.description,width:`xl`,closeOnEscape:s,closeOnBackdropClick:c,showCancel:!1,showConfirm:!1,className:(0,x.clsx)(`media-library-dialog--component`,a),contentClassName:o,children:(0,b.jsx)(ge,{...f,strings:d,onClose:()=>{u?.(),t?.(!1)}})})}function ve({items:i,accessors:a,title:s,description:c,primaryId:u,onPrimaryChange:d,onRemove:f,onReorder:p,onAdd:m,maxItems:h,layout:g=`grid`,density:_=`comfortable`,readOnly:y=!1,empty:C,action:w,renderItem:T,strings:E,className:O,...k}){let A=l.t(S,E),j=D(a),ee=h!==void 0&&i.length>=h,M=!y&&!!m&&!ee,N=(e,t)=>{if(t<0||t>=i.length)return;let n=[...i],[r]=n.splice(e,1);r&&(n.splice(t,0,r),p?.(n.map(e=>j.getId(e)),n))};return(0,b.jsxs)(`section`,{"data-slot":`media-resource-gallery`,className:(0,x.clsx)(`media-resource-gallery--component`,F.gallery,O),...k,children:[!!(s||c||w||M)&&(0,b.jsx)(r.l,{title:s||void 0,description:c||void 0,headerEnd:(0,b.jsxs)(`div`,{className:F.galleryActions,children:[w,M&&(0,b.jsxs)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:m,children:[(0,b.jsx)(v.PlusIcon,{}),A.gallery.add]}),ee&&h!==void 0&&(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,children:A.gallery.limitReached(h)})]})}),i.length===0?C??(0,b.jsx)(t.p,{title:A.gallery.emptyTitle,description:A.gallery.emptyDescription,padding:`md`,border:!0,action:M?(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:m,children:A.gallery.add}):void 0}):(0,b.jsx)(`ul`,{"data-layout":g,"data-media-density":_,className:F.galleryList,children:i.map((e,t)=>{let r=j.getId(e),a=r===u,s={id:r,index:t,total:i.length,primary:a,accessors:j,canMovePrevious:t>0,canMoveNext:t<i.length-1,setPrimary:()=>d?.(r,e),remove:()=>f?.(r,e),movePrevious:()=>N(t,t-1),moveNext:()=>N(t,t+1)};return T?(0,b.jsx)(`li`,{children:T(e,s)},r):(0,b.jsxs)(`li`,{"data-primary":a||void 0,className:F.galleryItem,children:[(0,b.jsx)(I,{item:e,accessors:j,className:F.galleryPreview}),a&&(0,b.jsx)(o.t,{tone:`primary`,className:F.galleryBadge,children:A.gallery.primary}),!y&&(0,b.jsxs)(`div`,{className:F.galleryControls,children:[!!p&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":A.gallery.moveEarlier,disabled:!s.canMovePrevious,onClick:s.movePrevious,children:(0,b.jsx)(v.ChevronLeftIcon,{})}),(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":A.gallery.moveLater,disabled:!s.canMoveNext,onClick:s.moveNext,children:(0,b.jsx)(v.ChevronRightIcon,{})})]}),!!d&&!a&&(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":A.gallery.makePrimary,onClick:s.setPrimary,children:(0,b.jsx)(v.StarIcon,{})}),!!f&&(0,b.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":`${A.gallery.remove}: ${j.getName(e)}`,onClick:s.remove,children:(0,b.jsx)(v.XIcon,{})})]})]},r)})})]})}exports.MediaLibrary=ge,exports.MediaLibraryCard=ce,exports.MediaLibraryDetailPanel=L,exports.MediaLibraryDialog=_e,exports.MediaLibraryEmptyState=R,exports.MediaLibraryFooter=fe,exports.MediaLibraryFooterActions=de,exports.MediaLibraryFooterSummary=z,exports.MediaLibraryGrid=B,exports.MediaLibraryList=le,exports.MediaLibrarySelectionBar=me,exports.MediaLibraryTable=pe,exports.MediaLibraryToolbar=se,exports.MediaLibraryUploadPanel=ue,exports.MediaPreview=I,exports.MediaResourceGallery=ve,exports.defaultMediaLibraryStrings=S,exports.formatMediaLibrarySize=O,exports.getMediaLibraryDimensions=k,exports.resolveMediaLibraryAccessors=D,exports.useMediaLibrary=re;