admin-ui-starter-kit 0.4.3 → 0.4.4

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

@@ -1,2 +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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/overlays-DWFEaAog.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/alert-CuIIKJC-.cjs"),s=require("../../../_shared/input-COMcb1WY.cjs"),c=require("../../../_shared/forms-BweX9Lm8.cjs"),l=require("../../../_shared/form-field-rMGPvHFK.cjs"),u=require("../../../_shared/switch-zFZhhOEP.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:n,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)(r.n,{tag:`div`,weight:`semibold`,children:n}),!!i&&(0,f.jsx)(r.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:r,typeFilters:i,collection:a,sort:o,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=>(i??[`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)(s.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 i=e.icon,a=r===e.value;return(0,f.jsxs)(n.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:[i&&(0,f.jsx)(i,{className:`size-3.5`}),e.label]},e.value)})}),(0,f.jsx)(`div`,{className:`min-w-40`,children:(0,f.jsx)(c.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)(c.H,{value:o,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)(n.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)(n.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)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:y,children:d.clearFilters}),b]})}function I({item:e,selected:i=!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":i||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`,i&&`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`,i&&`bg-primary text-primary-foreground opacity-100`),"aria-hidden":`true`,children:(0,f.jsx)(p.Check,{className:`size-3`})}),!!d&&(0,f.jsx)(n.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)(a.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)(a.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)(r.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)(r.n,{size:`xxs`,type:`secondary`,className:`truncate`,children:x(b)||l.unknownSize}),!!S&&(0,f.jsxs)(r.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:i,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)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.name}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.type}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.size}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.collection}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.used}),(0,f.jsx)(`span`,{})]}),e.map(e=>{let u=o.getId(e),d=i.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)(r.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)(a.t,{variant:`secondary`,children:A(m,s)}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,children:x(o.getSize(e))||s.unknownSize}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:o.getCollection(e)||`-`}),(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,children:o.getUsageCount(e)?o.getUsageCount(e):`-`}),(0,f.jsx)(n.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:i,strings:o,onClose:d,onUpdate:m,onRemove:h,renderDetail:g}){if(!e)return null;let _=i.getName(e),v=i.getType(e),y=i.getSrc(e),b=i.getCollection(e)??t[0]?.value??``,C=i.getTags(e),w=i.getPublic(e)??!0,T=g?.(e,{accessors:i,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)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":o.detail.close,onClick:d,children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(r.n,{weight:`semibold`,children:o.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:i.getTint(e),className:`aspect-[4/3] rounded-lg border border-border`,children:[(0,f.jsx)(N,{src:y,alt:i.getAlt(e)||_,type:v,className:`size-full object-cover`}),v===`video`&&!!i.getDuration(e)&&(0,f.jsxs)(a.t,{className:`absolute bottom-2 right-2 bg-foreground text-background`,children:[(0,f.jsx)(p.Play,{className:`size-3 fill-current`}),i.getDuration(e)]})]}),(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,className:`break-words`,children:_}),(0,f.jsx)(`dl`,{className:`media-library-detail-panel--facts grid gap-2`,children:[[o.detail.type,A(v,o)],[o.detail.size,x(i.getSize(e))||o.unknownSize],[o.detail.dimensions,S(e,i)||`-`],[o.detail.uploaded,String(i.getUploadedAt(e)??`-`)],[o.detail.usedIn,j(i.getUsageCount(e),o)]].map(([e,t])=>(0,f.jsxs)(`div`,{className:`flex justify-between gap-4`,children:[(0,f.jsx)(`dt`,{children:(0,f.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,children:e})}),(0,f.jsx)(`dd`,{className:`m-0 text-right`,children:(0,f.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,children:t})})]},e))}),(0,f.jsx)(l.n,{label:o.detail.altText,children:(0,f.jsx)(s.t,{value:i.getAlt(e)??``,placeholder:o.detail.altPlaceholder,onChange:e=>m({alt:e.target.value})})}),(0,f.jsx)(l.n,{label:o.detail.collection,children:(0,f.jsx)(c.H,{value:b,options:t.map(e=>({value:e.value,label:String(e.label)})),"aria-label":o.detail.collection,onChange:e=>m({collection:e})})}),(0,f.jsx)(l.n,{label:o.detail.tags,children:(0,f.jsx)(s.t,{value:C.join(`, `),placeholder:o.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)(r.n,{weight:`semibold`,size:`xs`,children:o.detail.public}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,children:w?o.detail.publicHint:o.detail.privateHint})]}),(0,f.jsx)(u.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)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,children:[(0,f.jsx)(p.UploadCloud,{className:`size-3.5`}),o.detail.replace]}),(0,f.jsxs)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,onClick:h,children:[(0,f.jsx)(p.Trash2,{className:`size-3.5`}),o.detail.delete]})]})]})]})}function ie({stagedFiles:e,uploadOptions:t,collections:i=[],uploading:o=!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)(c.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)(r.n,{weight:`semibold`,size:`xs`,className:`truncate`,children:e.name}),(0,f.jsx)(r.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)(r.n,{size:`xxs`,type:`error`,children:e.error})]}),e.status===`done`?(0,f.jsx)(a.t,{variant:`success`,children:d.upload.done}):e.status===`uploading`?(0,f.jsxs)(r.n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]}):(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:o,"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)(l.n,{label:d.upload.collection,children:(0,f.jsx)(c.H,{value:t.collection??i[0]?.value,options:i.map(e=>({value:e.value,label:String(e.label)})),"aria-label":d.upload.collection,onChange:e=>_({collection:e})})}),(0,f.jsx)(l.n,{label:d.upload.tags,children:(0,f.jsx)(s.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)(r.n,{weight:`semibold`,size:`xs`,children:d.upload.public}),(0,f.jsx)(r.n,{size:`xxs`,type:`secondary`,children:d.upload.publicHint})]}),(0,f.jsx)(u.n,{checked:t.public,onCheckedChange:e=>_({public:e})})]})]})]})}function ae({tab:e,selectedIds:i,selectionMode:a,stagedFiles:o,strings:s,onClearSelection:c,className:l}){let u=i.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)(r.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)(r.n,{weight:`semibold`,size:`xs`,className:`whitespace-nowrap`,children:g(s.footer.selectedCount,{count:u})}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:c,children:s.footer.clear})]}):(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:a===`single`?s.footer.pickOne:s.footer.pickMany})})}function R({tab:e,selectedItems:r,selectedIds:i,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:d,onUpload:p,onCancelUpload:m,className:h}){let _=i.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)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,disabled:o,onClick:m,children:l??s.footer.cancel}),(0,f.jsx)(n.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)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:u,children:l??s.footer.cancel}),(0,f.jsx)(n.t,{type:`button`,disabled:_===0,onClick:d,children:c??(_===0?s.footer.confirmEmpty:r.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:i,description:a,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=!!(i||a||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,(i||a)&&(0,f.jsxs)(`div`,{className:`min-w-0`,children:[!!i&&(0,f.jsx)(r.n,{tag:`div`,weight:`semibold`,children:i}),!!a&&(0,f.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:a})]})]}),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)(n.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)(n.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)(r.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)(r.n,{type:`secondary`,children:B.loading})}):V.error?T?.error??(0,f.jsxs)(o.t,{variant:`destructive`,children:[(0,f.jsx)(o.i,{children:B.errorTitle}),(0,f.jsx)(o.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)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:V.clearFilters,children:B.clearFilters}):v?(0,f.jsxs)(n.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:a,dialogTitle:o,dialogDescription:s,onClose:c,className:l,dialogClassName:u,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),c?.()};return(0,f.jsx)(se.Provider,{value:{element:x},children:(0,f.jsx)(i.r,{open:w,onOpenChange:T,onClose:c,trigger:a,title:o??v.title,description:s??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))]`,u),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`,l),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:i,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=i.length,A=l??(k>0?O.getId(i[0]):void 0),j=!C&&!!_&&(v===void 0||k<v),M=j&&(y===`field`||k>0)?(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,icon:p.Plus,onClick:_,children:D.gallery.add}):v!==void 0&&k>=v?(0,f.jsx)(a.t,{variant:`secondary`,children:D.gallery.maxReached}):null,N=(e,t)=>{if(t<0||t>=k||e===t)return;let n=de(i,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)(n.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)(r.n,{tag:`div`,weight:`semibold`,children:s}),!!c&&(0,f.jsx)(r.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)(n.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:[i.map((e,i)=>{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=i>0,S=i<k-1,w=E?.(e,{id:o,index:i,total:k,primary:h,accessors:O,canMovePrevious:b,canMoveNext:S,setPrimary:()=>u?.(o,e),remove:()=>d?.(o,e),movePrevious:()=>N(i,i-1),moveNext:()=>N(i,i+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)(a.t,{variant:`secondary`,className:`absolute left-2 top-2 bg-background/90 shadow-xs`,children:D.gallery.cover}),c===`video`&&!!v&&(0,f.jsxs)(a.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)(n.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)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),h&&(0,f.jsx)(a.t,{variant:`info`,children:D.gallery.primary})]}),(0,f.jsxs)(r.n,{size:`xxs`,type:`secondary`,children:[g(D.gallery.itemPosition,{index:i+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)(n.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)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!b,"aria-label":D.gallery.movePrevious,onClick:()=>N(i,i-1),children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>N(i,i+1),children:(0,f.jsx)(p.ArrowRight,{className:`size-3.5`})}),(0,f.jsx)(n.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)(a.t,{variant:`info`,children:D.gallery.primary}),(0,f.jsx)(a.t,{variant:`secondary`,children:g(D.gallery.itemPosition,{index:i+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)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),(0,f.jsx)(r.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)(n.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)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!b,"aria-label":D.gallery.movePrevious,onClick:()=>N(i,i-1),children:(0,f.jsx)(p.ArrowLeft,{className:`size-3.5`})}),(0,f.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>N(i,i+1),children:(0,f.jsx)(p.ArrowRight,{className:`size-3.5`})}),(0,f.jsx)(n.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