@murumets-ee/media 0.4.4 → 0.4.5

package/dist/picker.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{Check as e,File as t,FileText as n,Film as r,Music as i,Search as a,Upload as o,X as s}from"lucide-react";import{clsx as c}from"clsx";import{twMerge as l}from"tailwind-merge";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"@radix-ui/react-dialog";import*as m from"@radix-ui/react-visually-hidden";import{createContext as h,useCallback as g,useContext as _,useEffect as v,useMemo as y,useRef as b,useState as x}from"react";function S(e=`/api/admin`){let t=`${e}/media`;return{fetchMedia:async e=>{let n=new URLSearchParams;e.search&&n.set(`search`,e.search),e.mediaType&&n.set(`mediaType`,e.mediaType),n.set(`limit`,String(e.limit)),n.set(`offset`,String(e.offset));let r=`${t}?${n.toString()}`,i=await fetch(r);if(!i.ok)throw Error(`Failed to fetch media: ${i.status}`);return i.json()},uploadMedia:async e=>{let n=new FormData;n.append(`file`,e);let r=await fetch(t,{method:`POST`,body:n});if(!r.ok)throw Error(`Upload failed: ${r.status}`);return r.json()},getMediaUrl:async e=>{try{let n=await fetch(`${t}/${e}`);return n.ok?(await n.json()).url??null:null}catch{return null}}}}function C(...e){return l(c(e))}const w={video:r,audio:i,document:n,other:t};function T({item:n,isSelected:r,onToggle:i,classNames:a}){let o=n.mediaType===`image`,s=o?null:w[n.mediaType]??t;return f(`button`,{type:`button`,onClick:i,className:C(`group relative aspect-square overflow-hidden rounded-lg border-2 transition-all`,`focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-zinc-950`,r?`border-blue-500 ring-2 ring-blue-500/20`:`border-zinc-200 hover:border-zinc-300 dark:border-zinc-800 dark:hover:border-zinc-700`,a?.card,r&&a?.cardSelected),children:[o?d(`img`,{src:n.url,alt:n.alt??n.filename,className:C(`h-full w-full object-cover`,a?.cardImage),loading:`lazy`}):d(`div`,{className:`flex h-full w-full items-center justify-center bg-zinc-100 dark:bg-zinc-800`,children:s&&d(s,{className:`h-8 w-8 text-zinc-400 dark:text-zinc-500`})}),r&&d(`div`,{className:`absolute right-1.5 top-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-blue-500 text-white`,children:d(e,{className:`h-3 w-3`})}),d(`div`,{className:C(`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/60 to-transparent px-2 py-1.5`,`opacity-0 transition-opacity group-hover:opacity-100`,a?.cardLabel),children:d(`p`,{className:`truncate text-xs text-white`,children:n.title??n.filename})})]})}function E({items:e,selected:t,onToggle:n,isLoading:r,total:i,offset:a,limit:o,onPageChange:s,classNames:c}){if(r)return d(`div`,{className:C(`grid grid-cols-4 gap-3 sm:grid-cols-6`,c?.grid),children:Array.from({length:12}).map((e,t)=>d(`div`,{className:C(`aspect-square animate-pulse rounded-lg bg-zinc-100 dark:bg-zinc-800`,c?.loading)},`skeleton-${t.toString()}`))});if(e.length===0)return d(`div`,{className:C(`py-12 text-center text-sm text-zinc-500 dark:text-zinc-400`,c?.empty),children:`No media found. Upload a file to get started.`});let l=Math.ceil(i/o),p=Math.floor(a/o)+1;return f(u,{children:[d(`div`,{className:C(`grid grid-cols-4 gap-3 sm:grid-cols-6`,c?.grid),children:e.map(e=>d(T,{item:e,isSelected:t.has(e.id),onToggle:()=>n(e),classNames:c},e.id))}),l>1&&f(`div`,{className:`mt-4 flex items-center justify-center gap-2`,children:[d(`button`,{type:`button`,disabled:p<=1,onClick:()=>s(a-o),className:`rounded-md border border-zinc-300 px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-700`,children:`Prev`}),f(`span`,{className:`text-sm text-zinc-500 dark:text-zinc-400`,children:[p,` / `,l]}),d(`button`,{type:`button`,disabled:p>=l,onClick:()=>s(a+o),className:`rounded-md border border-zinc-300 px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-700`,children:`Next`})]})]})}const D=h(null);function O({children:e,fetchMedia:t,uploadMedia:n}){return d(D,{value:y(()=>({fetchMedia:t,uploadMedia:n}),[t,n]),children:e})}function k(){let e=_(D);if(!e)throw Error(`useMediaPicker must be used within <MediaPickerProvider>. Wrap your admin layout with <MediaPickerProvider fetchMedia={...} uploadMedia={...}>.`);return e}const A=[{value:void 0,label:`All`},{value:`image`,label:`Images`},{value:`video`,label:`Videos`},{value:`audio`,label:`Audio`},{value:`document`,label:`Docs`}];function j({value:e,onChange:t,mediaType:n,onMediaTypeChange:r,locked:i,classNames:o}){let s=!i;return f(`div`,{className:`flex items-center gap-3`,children:[f(`div`,{className:`relative flex-1`,children:[d(a,{className:`absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-zinc-400`}),d(`input`,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:`Search media...`,className:C(`w-full rounded-md border border-zinc-300 bg-transparent py-2 pl-10 pr-3 text-sm`,`placeholder:text-zinc-400 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500`,`dark:border-zinc-700 dark:placeholder:text-zinc-500`,o?.searchInput)})]}),s&&d(`div`,{className:C(`flex gap-1`,o?.filterTabs),children:A.map(e=>d(`button`,{type:`button`,onClick:()=>r(e.value),className:C(`rounded-md px-3 py-1.5 text-xs font-medium transition-colors`,n===e.value?`bg-zinc-900 text-white dark:bg-zinc-100 dark:text-zinc-900`:`text-zinc-600 hover:bg-zinc-100 dark:text-zinc-400 dark:hover:bg-zinc-800`),children:e.label},e.label))})]})}function M({onUpload:e,isUploading:t,accept:n,classNames:r}){let i=b(null),[a,s]=x(!1),c=g(async t=>{t.preventDefault(),s(!1);let n=t.dataTransfer.files[0];n&&await e(n)},[e]),l=g(async t=>{let n=t.target.files?.[0];n&&(await e(n),t.target.value=``)},[e]);return f(`button`,{type:`button`,onDragOver:e=>{e.preventDefault(),s(!0)},onDragLeave:()=>s(!1),onDrop:c,onClick:()=>i.current?.click(),className:C(`mb-4 flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed px-6 py-6 transition-colors`,a?`border-blue-500 bg-blue-50 dark:bg-blue-950/20`:`border-zinc-300 hover:border-zinc-400 dark:border-zinc-700 dark:hover:border-zinc-600`,r?.uploadZone,a&&r?.uploadZoneActive),children:[d(o,{className:`mb-2 h-6 w-6 text-zinc-400 dark:text-zinc-500`}),d(`p`,{className:`text-sm text-zinc-600 dark:text-zinc-400`,children:t?`Uploading...`:`Drop a file here or click to upload`}),d(`input`,{ref:i,type:`file`,accept:n?.join(`,`),onChange:l,className:`hidden`})]})}function N({open:e,onOpenChange:t,onSelect:n,mode:r=`single`,accept:i,mediaType:a,maxSelect:o,selectedIds:c=[],title:l=`Select Media`,description:u,classNames:h,className:_,children:y}){let{fetchMedia:S,uploadMedia:w}=k(),[T,D]=x([]),[O,A]=x(0),[N,P]=x(()=>new Set(c)),[F,I]=x(``),[L,R]=x(a),[z,B]=x(!1),[V,H]=x(!1),[U,W]=x(0),G=g(async()=>{B(!0);try{let e=await S({search:F||void 0,mediaType:L,limit:24,offset:U});D(e.items),A(e.total)}catch{}finally{B(!1)}},[S,F,L,U]);v(()=>{e&&G()},[e,G]);let K=b(e),q=b(c);q.current=c,v(()=>{K.current&&!e&&(I(``),W(0),P(new Set(q.current))),K.current=e},[e]);let J=g(e=>{if(r===`single`){n([e]),t(!1);return}P(t=>{let n=new Set(t);if(n.has(e.id))n.delete(e.id);else{if(o&&n.size>=o)return t;n.add(e.id)}return n})},[r,o,n,t]),Y=g(()=>{n(T.filter(e=>N.has(e.id))),t(!1)},[T,N,n,t]),X=g(async e=>{H(!0);try{let i=await w(e);if(r===`single`){n([i]),t(!1);return}D(e=>[i,...e]),A(e=>e+1),P(e=>new Set([...e,i.id]))}finally{H(!1)}},[w,r,n,t]);return d(p.Root,{open:e,onOpenChange:t,children:f(p.Portal,{children:[d(p.Overlay,{className:C(`fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,h?.overlay)}),f(p.Content,{...!u&&{"aria-describedby":void 0},className:C(`fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2`,`flex max-h-[85vh] w-[90vw] max-w-4xl flex-col`,`rounded-xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-950`,h?.content,_),children:[f(`div`,{className:C(`flex items-center justify-between border-b border-zinc-200 px-6 py-4 dark:border-zinc-800`,h?.header),children:[d(p.Title,{className:C(`text-lg font-semibold text-zinc-900 dark:text-zinc-50`,h?.title),children:l}),u&&d(m.Root,{asChild:!0,children:d(p.Description,{children:u})}),f(p.Close,{className:`rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-400 dark:focus:ring-zinc-600`,children:[d(s,{className:`h-4 w-4`}),d(m.Root,{children:`Close`})]})]}),d(`div`,{className:C(`border-b border-zinc-200 px-6 py-3 dark:border-zinc-800`,h?.toolbar),children:d(j,{value:F,onChange:I,mediaType:L,onMediaTypeChange:R,locked:!!a,classNames:h})}),f(`div`,{className:`flex-1 overflow-y-auto px-6 py-4`,children:[d(M,{onUpload:X,isUploading:V,accept:i,classNames:h}),d(E,{items:T,selected:N,onToggle:J,isLoading:z,total:O,offset:U,limit:24,onPageChange:W,classNames:h})]}),f(`div`,{className:C(`flex items-center justify-between border-t border-zinc-200 px-6 py-4 dark:border-zinc-800`,h?.footer),children:[d(`span`,{className:`text-sm text-zinc-500 dark:text-zinc-400`,children:r===`single`?`${O.toString()} item${O===1?``:`s`} — click to select`:N.size>0?`${N.size.toString()} selected`:`${O.toString()} item${O===1?``:`s`}`}),f(`div`,{className:`flex gap-2`,children:[y,d(p.Close,{asChild:!0,children:d(`button`,{type:`button`,className:C(`rounded-md border border-zinc-300 px-4 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50`,`dark:border-zinc-700 dark:text-zinc-300 dark:hover:bg-zinc-900`,h?.cancelButton),children:`Cancel`})}),r!==`single`&&d(`button`,{type:`button`,onClick:Y,disabled:N.size===0,className:C(`rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-500`,`disabled:cursor-not-allowed disabled:opacity-50`,h?.confirmButton),children:`Select (${N.size.toString()})`})]})]})]})]})})}export{T as MediaCard,E as MediaGrid,N as MediaPicker,O as MediaPickerProvider,j as SearchBar,M as UploadZone,S as createAdminMediaCallbacks,k as useMediaPicker};
+import{Check as e,File as t,FileText as n,Film as r,Music as i,Search as a,Upload as o,X as s}from"lucide-react";import{clsx as c}from"clsx";import{twMerge as l}from"tailwind-merge";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"@radix-ui/react-dialog";import*as m from"@radix-ui/react-visually-hidden";import{createContext as h,useCallback as g,useContext as _,useEffect as v,useMemo as y,useRef as b,useState as x}from"react";function S(e=`/api/admin`){let t=`${e}/media`,n=async e=>{try{let t=await e.clone().json();if(typeof t.error==`string`&&t.error.length>0)return t.error}catch{}try{let t=await e.text();if(t)return t}catch{}return`HTTP ${String(e.status)}`};return{fetchMedia:async e=>{let r=new URLSearchParams;e.search&&r.set(`search`,e.search),e.mediaType&&r.set(`mediaType`,e.mediaType),r.set(`limit`,String(e.limit)),r.set(`offset`,String(e.offset));let i=`${t}?${r.toString()}`,a=await fetch(i);if(!a.ok)throw Error(await n(a));return a.json()},uploadMedia:async e=>{let r=new FormData;r.append(`file`,e);let i=await fetch(t,{method:`POST`,body:r});if(!i.ok)throw Error(await n(i));return i.json()},getMediaUrl:async e=>{try{let n=await fetch(`${t}/${e}`);return n.ok?(await n.json()).url??null:null}catch{return null}}}}function C(...e){return l(c(e))}const w={video:r,audio:i,document:n,other:t};function T({item:n,isSelected:r,onToggle:i,classNames:a}){let o=n.mediaType===`image`,s=o?null:w[n.mediaType]??t;return f(`button`,{type:`button`,onClick:i,className:C(`group relative aspect-square overflow-hidden rounded-lg border-2 transition-all`,`focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-zinc-950`,r?`border-blue-500 ring-2 ring-blue-500/20`:`border-zinc-200 hover:border-zinc-300 dark:border-zinc-800 dark:hover:border-zinc-700`,a?.card,r&&a?.cardSelected),children:[o?d(`img`,{src:n.url,alt:n.alt??n.filename,className:C(`h-full w-full object-cover`,a?.cardImage),loading:`lazy`}):d(`div`,{className:`flex h-full w-full items-center justify-center bg-zinc-100 dark:bg-zinc-800`,children:s&&d(s,{className:`h-8 w-8 text-zinc-400 dark:text-zinc-500`})}),r&&d(`div`,{className:`absolute right-1.5 top-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-blue-500 text-white`,children:d(e,{className:`h-3 w-3`})}),d(`div`,{className:C(`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/60 to-transparent px-2 py-1.5`,`opacity-0 transition-opacity group-hover:opacity-100`,a?.cardLabel),children:d(`p`,{className:`truncate text-xs text-white`,children:n.title??n.filename})})]})}function E({items:e,selected:t,onToggle:n,isLoading:r,total:i,offset:a,limit:o,onPageChange:s,classNames:c}){if(r)return d(`div`,{className:C(`grid grid-cols-4 gap-3 sm:grid-cols-6`,c?.grid),children:Array.from({length:12}).map((e,t)=>d(`div`,{className:C(`aspect-square animate-pulse rounded-lg bg-zinc-100 dark:bg-zinc-800`,c?.loading)},`skeleton-${t.toString()}`))});if(e.length===0)return d(`div`,{className:C(`py-12 text-center text-sm text-zinc-500 dark:text-zinc-400`,c?.empty),children:`No media found. Upload a file to get started.`});let l=Math.ceil(i/o),p=Math.floor(a/o)+1;return f(u,{children:[d(`div`,{className:C(`grid grid-cols-4 gap-3 sm:grid-cols-6`,c?.grid),children:e.map(e=>d(T,{item:e,isSelected:t.has(e.id),onToggle:()=>n(e),classNames:c},e.id))}),l>1&&f(`div`,{className:`mt-4 flex items-center justify-center gap-2`,children:[d(`button`,{type:`button`,disabled:p<=1,onClick:()=>s(a-o),className:`rounded-md border border-zinc-300 px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-700`,children:`Prev`}),f(`span`,{className:`text-sm text-zinc-500 dark:text-zinc-400`,children:[p,` / `,l]}),d(`button`,{type:`button`,disabled:p>=l,onClick:()=>s(a+o),className:`rounded-md border border-zinc-300 px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-700`,children:`Next`})]})]})}const D=h(null);function O({children:e,fetchMedia:t,uploadMedia:n}){return d(D,{value:y(()=>({fetchMedia:t,uploadMedia:n}),[t,n]),children:e})}function k(){let e=_(D);if(!e)throw Error(`useMediaPicker must be used within <MediaPickerProvider>. Wrap your admin layout with <MediaPickerProvider fetchMedia={...} uploadMedia={...}>.`);return e}const A=[{value:void 0,label:`All`},{value:`image`,label:`Images`},{value:`video`,label:`Videos`},{value:`audio`,label:`Audio`},{value:`document`,label:`Docs`}];function j({value:e,onChange:t,mediaType:n,onMediaTypeChange:r,locked:i,classNames:o}){let s=!i;return f(`div`,{className:`flex items-center gap-3`,children:[f(`div`,{className:`relative flex-1`,children:[d(a,{className:`absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-zinc-400`}),d(`input`,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:`Search media...`,className:C(`w-full rounded-md border border-zinc-300 bg-transparent py-2 pl-10 pr-3 text-sm`,`placeholder:text-zinc-400 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500`,`dark:border-zinc-700 dark:placeholder:text-zinc-500`,o?.searchInput)})]}),s&&d(`div`,{className:C(`flex gap-1`,o?.filterTabs),children:A.map(e=>d(`button`,{type:`button`,onClick:()=>r(e.value),className:C(`rounded-md px-3 py-1.5 text-xs font-medium transition-colors`,n===e.value?`bg-zinc-900 text-white dark:bg-zinc-100 dark:text-zinc-900`:`text-zinc-600 hover:bg-zinc-100 dark:text-zinc-400 dark:hover:bg-zinc-800`),children:e.label},e.label))})]})}function M({onUpload:e,isUploading:t,accept:n,classNames:r}){let i=b(null),[a,s]=x(!1),c=g(async t=>{t.preventDefault(),s(!1);let n=t.dataTransfer.files[0];n&&await e(n)},[e]),l=g(async t=>{let n=t.target.files?.[0];n&&(await e(n),t.target.value=``)},[e]);return f(`button`,{type:`button`,onDragOver:e=>{e.preventDefault(),s(!0)},onDragLeave:()=>s(!1),onDrop:c,onClick:()=>i.current?.click(),className:C(`mb-4 flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed px-6 py-6 transition-colors`,a?`border-blue-500 bg-blue-50 dark:bg-blue-950/20`:`border-zinc-300 hover:border-zinc-400 dark:border-zinc-700 dark:hover:border-zinc-600`,r?.uploadZone,a&&r?.uploadZoneActive),children:[d(o,{className:`mb-2 h-6 w-6 text-zinc-400 dark:text-zinc-500`}),d(`p`,{className:`text-sm text-zinc-600 dark:text-zinc-400`,children:t?`Uploading...`:`Drop a file here or click to upload`}),d(`input`,{ref:i,type:`file`,accept:n?.join(`,`),onChange:l,className:`hidden`})]})}function N({open:e,onOpenChange:t,onSelect:n,mode:r=`single`,accept:i,mediaType:a,maxSelect:o,selectedIds:c=[],title:l=`Select Media`,description:u,classNames:h,className:_,children:y}){let{fetchMedia:S,uploadMedia:w}=k(),[T,D]=x([]),[O,A]=x(0),[N,P]=x(()=>new Set(c)),[F,I]=x(``),[L,R]=x(a),[z,B]=x(!1),[V,H]=x(!1),[U,W]=x(0),[G,K]=x(null),q=g(async()=>{B(!0),K(null);try{let e=await S({search:F||void 0,mediaType:L,limit:24,offset:U});D(e.items),A(e.total)}catch(e){K(e instanceof Error&&e.message?`Failed to load media: ${e.message}`:`Failed to load media.`)}finally{B(!1)}},[S,F,L,U]);v(()=>{e&&q()},[e,q]);let J=b(e),Y=b(c);Y.current=c,v(()=>{J.current&&!e&&(I(``),W(0),P(new Set(Y.current))),J.current=e},[e]);let X=g(e=>{if(r===`single`){n([e]),t(!1);return}P(t=>{let n=new Set(t);if(n.has(e.id))n.delete(e.id);else{if(o&&n.size>=o)return t;n.add(e.id)}return n})},[r,o,n,t]),Z=g(()=>{n(T.filter(e=>N.has(e.id))),t(!1)},[T,N,n,t]),Q=g(async e=>{H(!0),K(null);try{let i=await w(e);if(r===`single`){n([i]),t(!1);return}D(e=>[i,...e]),A(e=>e+1),P(e=>new Set([...e,i.id]))}catch(e){K(e instanceof Error&&e.message?`Upload failed: ${e.message}`:`Upload failed. Please try again.`)}finally{H(!1)}},[w,r,n,t]);return d(p.Root,{open:e,onOpenChange:t,children:f(p.Portal,{children:[d(p.Overlay,{className:C(`fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,h?.overlay)}),f(p.Content,{...!u&&{"aria-describedby":void 0},className:C(`fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2`,`flex max-h-[85vh] w-[90vw] max-w-4xl flex-col`,`rounded-xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-950`,h?.content,_),children:[f(`div`,{className:C(`flex items-center justify-between border-b border-zinc-200 px-6 py-4 dark:border-zinc-800`,h?.header),children:[d(p.Title,{className:C(`text-lg font-semibold text-zinc-900 dark:text-zinc-50`,h?.title),children:l}),u&&d(m.Root,{asChild:!0,children:d(p.Description,{children:u})}),f(p.Close,{className:`rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-400 dark:focus:ring-zinc-600`,children:[d(s,{className:`h-4 w-4`}),d(m.Root,{children:`Close`})]})]}),d(`div`,{className:C(`border-b border-zinc-200 px-6 py-3 dark:border-zinc-800`,h?.toolbar),children:d(j,{value:F,onChange:I,mediaType:L,onMediaTypeChange:R,locked:!!a,classNames:h})}),f(`div`,{className:`flex-1 overflow-y-auto px-6 py-4`,children:[G&&d(`div`,{role:`alert`,className:`mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400`,children:G}),d(M,{onUpload:Q,isUploading:V,accept:i,classNames:h}),d(E,{items:T,selected:N,onToggle:X,isLoading:z,total:O,offset:U,limit:24,onPageChange:W,classNames:h})]}),f(`div`,{className:C(`flex items-center justify-between border-t border-zinc-200 px-6 py-4 dark:border-zinc-800`,h?.footer),children:[d(`span`,{className:`text-sm text-zinc-500 dark:text-zinc-400`,children:r===`single`?`${O.toString()} item${O===1?``:`s`} — click to select`:N.size>0?`${N.size.toString()} selected`:`${O.toString()} item${O===1?``:`s`}`}),f(`div`,{className:`flex gap-2`,children:[y,d(p.Close,{asChild:!0,children:d(`button`,{type:`button`,className:C(`rounded-md border border-zinc-300 px-4 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50`,`dark:border-zinc-700 dark:text-zinc-300 dark:hover:bg-zinc-900`,h?.cancelButton),children:`Cancel`})}),r!==`single`&&d(`button`,{type:`button`,onClick:Z,disabled:N.size===0,className:C(`rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-500`,`disabled:cursor-not-allowed disabled:opacity-50`,h?.confirmButton),children:`Select (${N.size.toString()})`})]})]})]})]})})}export{T as MediaCard,E as MediaGrid,N as MediaPicker,O as MediaPickerProvider,j as SearchBar,M as UploadZone,S as createAdminMediaCallbacks,k as useMediaPicker};
 //# sourceMappingURL=picker.mjs.map

package/dist/picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"picker.mjs","names":[],"sources":["../src/picker/admin-callbacks.ts","../src/lib/cn.ts","../src/picker/media-card.tsx","../src/picker/media-grid.tsx","../src/picker/provider.tsx","../src/picker/search-bar.tsx","../src/picker/upload-zone.tsx","../src/picker/media-picker.tsx"],"sourcesContent":["/**\n * Pre-built media callbacks that talk to the admin API.\n *\n * Eliminates boilerplate in every project — just call:\n *   const media = createAdminMediaCallbacks('/api/admin')\n *\n * Returns callbacks compatible with both MediaPickerProvider and\n * BlockEditor's `media` prop (with getMediaUrl for thumbnail previews).\n */\n\nimport type { MediaPickerCallbacks, MediaPickerItem, MediaPickerListResult } from './types'\n\n/** Extended callbacks with getMediaUrl (for editor thumbnail previews) */\nexport type AdminMediaCallbacks = MediaPickerCallbacks & {\n  getMediaUrl: (id: string) => Promise<string | null>\n}\n\n/**\n * Create media callbacks that talk to the admin API.\n *\n * @param apiBasePath - Base path for admin API (default: '/api/admin')\n * @returns Callbacks for MediaPickerProvider + BlockEditor media prop\n *\n * @example\n * ```tsx\n * import { createAdminMediaCallbacks } from '@murumets-ee/media/picker'\n *\n * const media = createAdminMediaCallbacks()\n * // Use with BlockEditor:\n * <BlockEditor media={media} ... />\n * // Use with MediaPickerProvider:\n * <MediaPickerProvider fetchMedia={media.fetchMedia} uploadMedia={media.uploadMedia}>\n * ```\n */\nexport function createAdminMediaCallbacks(apiBasePath = '/api/admin'): AdminMediaCallbacks {\n  const baseUrl = `${apiBasePath}/media`\n\n  return {\n    fetchMedia: async (options: {\n      search?: string\n      mediaType?: string\n      limit: number\n      offset: number\n    }): Promise<MediaPickerListResult> => {\n      const params = new URLSearchParams()\n      if (options.search) params.set('search', options.search)\n      if (options.mediaType) params.set('mediaType', options.mediaType)\n      params.set('limit', String(options.limit))\n      params.set('offset', String(options.offset))\n\n      const url = `${baseUrl}?${params.toString()}`\n      const res = await fetch(url)\n      if (!res.ok) throw new Error(`Failed to fetch media: ${res.status}`)\n      return res.json() as Promise<MediaPickerListResult>\n    },\n\n    uploadMedia: async (file: File): Promise<MediaPickerItem> => {\n      const formData = new FormData()\n      formData.append('file', file)\n\n      const res = await fetch(baseUrl, { method: 'POST', body: formData })\n      if (!res.ok) throw new Error(`Upload failed: ${res.status}`)\n      return res.json() as Promise<MediaPickerItem>\n    },\n\n    getMediaUrl: async (id: string): Promise<string | null> => {\n      try {\n        const res = await fetch(`${baseUrl}/${id}`)\n        if (!res.ok) return null\n        const item = (await res.json()) as MediaPickerItem\n        return item.url ?? null\n      } catch {\n        return null\n      }\n    },\n  }\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { Check, File, FileText, Film, Music } from 'lucide-react'\nimport { cn } from '../lib/cn'\nimport type { MediaPickerClassNames, MediaPickerItem } from './types'\n\ninterface MediaCardProps {\n  item: MediaPickerItem\n  isSelected: boolean\n  onToggle: () => void\n  classNames?: MediaPickerClassNames\n}\n\nconst typeIcons = {\n  video: Film,\n  audio: Music,\n  document: FileText,\n  other: File,\n} as const\n\nexport function MediaCard({ item, isSelected, onToggle, classNames }: MediaCardProps) {\n  const isImage = item.mediaType === 'image'\n  const Icon = !isImage ? (typeIcons[item.mediaType as keyof typeof typeIcons] ?? File) : null\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      className={cn(\n        'group relative aspect-square overflow-hidden rounded-lg border-2 transition-all',\n        'focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-zinc-950',\n        isSelected\n          ? 'border-blue-500 ring-2 ring-blue-500/20'\n          : 'border-zinc-200 hover:border-zinc-300 dark:border-zinc-800 dark:hover:border-zinc-700',\n        classNames?.card,\n        isSelected && classNames?.cardSelected,\n      )}\n    >\n      {/* Thumbnail */}\n      {isImage ? (\n        <img\n          src={item.url}\n          alt={item.alt ?? item.filename}\n          className={cn('h-full w-full object-cover', classNames?.cardImage)}\n          loading=\"lazy\"\n        />\n      ) : (\n        <div className=\"flex h-full w-full items-center justify-center bg-zinc-100 dark:bg-zinc-800\">\n          {Icon && <Icon className=\"h-8 w-8 text-zinc-400 dark:text-zinc-500\" />}\n        </div>\n      )}\n\n      {/* Selection checkmark */}\n      {isSelected && (\n        <div className=\"absolute right-1.5 top-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-blue-500 text-white\">\n          <Check className=\"h-3 w-3\" />\n        </div>\n      )}\n\n      {/* Filename on hover */}\n      <div\n        className={cn(\n          'absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/60 to-transparent px-2 py-1.5',\n          'opacity-0 transition-opacity group-hover:opacity-100',\n          classNames?.cardLabel,\n        )}\n      >\n        <p className=\"truncate text-xs text-white\">{item.title ?? item.filename}</p>\n      </div>\n    </button>\n  )\n}\n","import { cn } from '../lib/cn'\nimport { MediaCard } from './media-card'\nimport type { MediaPickerClassNames, MediaPickerItem } from './types'\n\ninterface MediaGridProps {\n  items: MediaPickerItem[]\n  selected: Set<string>\n  onToggle: (item: MediaPickerItem) => void\n  isLoading: boolean\n  total: number\n  offset: number\n  limit: number\n  onPageChange: (offset: number) => void\n  classNames?: MediaPickerClassNames\n}\n\nexport function MediaGrid({\n  items,\n  selected,\n  onToggle,\n  isLoading,\n  total,\n  offset,\n  limit,\n  onPageChange,\n  classNames,\n}: MediaGridProps) {\n  if (isLoading) {\n    return (\n      <div className={cn('grid grid-cols-4 gap-3 sm:grid-cols-6', classNames?.grid)}>\n        {Array.from({ length: 12 }).map((_, i) => (\n          <div\n            key={`skeleton-${i.toString()}`}\n            className={cn(\n              'aspect-square animate-pulse rounded-lg bg-zinc-100 dark:bg-zinc-800',\n              classNames?.loading,\n            )}\n          />\n        ))}\n      </div>\n    )\n  }\n\n  if (items.length === 0) {\n    return (\n      <div\n        className={cn(\n          'py-12 text-center text-sm text-zinc-500 dark:text-zinc-400',\n          classNames?.empty,\n        )}\n      >\n        No media found. Upload a file to get started.\n      </div>\n    )\n  }\n\n  const totalPages = Math.ceil(total / limit)\n  const currentPage = Math.floor(offset / limit) + 1\n\n  return (\n    <>\n      <div className={cn('grid grid-cols-4 gap-3 sm:grid-cols-6', classNames?.grid)}>\n        {items.map((item) => (\n          <MediaCard\n            key={item.id}\n            item={item}\n            isSelected={selected.has(item.id)}\n            onToggle={() => onToggle(item)}\n            classNames={classNames}\n          />\n        ))}\n      </div>\n      {totalPages > 1 && (\n        <div className=\"mt-4 flex items-center justify-center gap-2\">\n          <button\n            type=\"button\"\n            disabled={currentPage <= 1}\n            onClick={() => onPageChange(offset - limit)}\n            className=\"rounded-md border border-zinc-300 px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-700\"\n          >\n            Prev\n          </button>\n          <span className=\"text-sm text-zinc-500 dark:text-zinc-400\">\n            {currentPage} / {totalPages}\n          </span>\n          <button\n            type=\"button\"\n            disabled={currentPage >= totalPages}\n            onClick={() => onPageChange(offset + limit)}\n            className=\"rounded-md border border-zinc-300 px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-700\"\n          >\n            Next\n          </button>\n        </div>\n      )}\n    </>\n  )\n}\n","import { createContext, type ReactNode, useContext, useMemo } from 'react'\nimport type { MediaPickerCallbacks } from './types'\n\nconst MediaPickerContext = createContext<MediaPickerCallbacks | null>(null)\n\nexport interface MediaPickerProviderProps extends MediaPickerCallbacks {\n  children: ReactNode\n}\n\n/**\n * Provides media picker callbacks to all picker instances below.\n * Wrap your admin layout with this provider.\n *\n * @example\n * ```tsx\n * <MediaPickerProvider\n *   fetchMedia={fetchMediaAction}\n *   uploadMedia={uploadMediaAction}\n * >\n *   <AdminShell>...</AdminShell>\n * </MediaPickerProvider>\n * ```\n */\nexport function MediaPickerProvider({\n  children,\n  fetchMedia,\n  uploadMedia,\n}: MediaPickerProviderProps) {\n  const value = useMemo<MediaPickerCallbacks>(\n    () => ({ fetchMedia, uploadMedia }),\n    [fetchMedia, uploadMedia],\n  )\n\n  return <MediaPickerContext value={value}>{children}</MediaPickerContext>\n}\n\nexport function useMediaPicker(): MediaPickerCallbacks {\n  const ctx = useContext(MediaPickerContext)\n  if (!ctx) {\n    throw new Error(\n      'useMediaPicker must be used within <MediaPickerProvider>. ' +\n        'Wrap your admin layout with <MediaPickerProvider fetchMedia={...} uploadMedia={...}>.',\n    )\n  }\n  return ctx\n}\n","import { Search } from 'lucide-react'\nimport { cn } from '../lib/cn'\nimport type { MediaPickerClassNames } from './types'\n\ninterface SearchBarProps {\n  value: string\n  onChange: (value: string) => void\n  mediaType: string | undefined\n  onMediaTypeChange: (type: string | undefined) => void\n  /** When true, the media type filter is locked (no tabs shown) */\n  locked?: boolean\n  classNames?: MediaPickerClassNames\n}\n\nconst FILTER_OPTIONS = [\n  { value: undefined, label: 'All' },\n  { value: 'image', label: 'Images' },\n  { value: 'video', label: 'Videos' },\n  { value: 'audio', label: 'Audio' },\n  { value: 'document', label: 'Docs' },\n] as const\n\nexport function SearchBar({\n  value,\n  onChange,\n  mediaType,\n  onMediaTypeChange,\n  locked,\n  classNames,\n}: SearchBarProps) {\n  // If locked (caller pre-set the mediaType), hide filter tabs\n  const showFilters = !locked\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"relative flex-1\">\n        <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-zinc-400\" />\n        <input\n          type=\"text\"\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder=\"Search media...\"\n          className={cn(\n            'w-full rounded-md border border-zinc-300 bg-transparent py-2 pl-10 pr-3 text-sm',\n            'placeholder:text-zinc-400 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500',\n            'dark:border-zinc-700 dark:placeholder:text-zinc-500',\n            classNames?.searchInput,\n          )}\n        />\n      </div>\n      {showFilters && (\n        <div className={cn('flex gap-1', classNames?.filterTabs)}>\n          {FILTER_OPTIONS.map((opt) => (\n            <button\n              key={opt.label}\n              type=\"button\"\n              onClick={() => onMediaTypeChange(opt.value)}\n              className={cn(\n                'rounded-md px-3 py-1.5 text-xs font-medium transition-colors',\n                mediaType === opt.value\n                  ? 'bg-zinc-900 text-white dark:bg-zinc-100 dark:text-zinc-900'\n                  : 'text-zinc-600 hover:bg-zinc-100 dark:text-zinc-400 dark:hover:bg-zinc-800',\n              )}\n            >\n              {opt.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n","import { Upload } from 'lucide-react'\nimport { type DragEvent, useCallback, useRef, useState } from 'react'\nimport { cn } from '../lib/cn'\nimport type { MediaPickerClassNames } from './types'\n\ninterface UploadZoneProps {\n  onUpload: (file: File) => Promise<void>\n  isUploading: boolean\n  accept?: string[]\n  classNames?: MediaPickerClassNames\n}\n\nexport function UploadZone({ onUpload, isUploading, accept, classNames }: UploadZoneProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isDragging, setIsDragging] = useState(false)\n\n  const handleDrop = useCallback(\n    async (e: DragEvent) => {\n      e.preventDefault()\n      setIsDragging(false)\n      const file = e.dataTransfer.files[0]\n      if (file) {\n        await onUpload(file)\n      }\n    },\n    [onUpload],\n  )\n\n  const handleFileSelect = useCallback(\n    async (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0]\n      if (file) {\n        await onUpload(file)\n        e.target.value = ''\n      }\n    },\n    [onUpload],\n  )\n\n  return (\n    <button\n      type=\"button\"\n      onDragOver={(e) => {\n        e.preventDefault()\n        setIsDragging(true)\n      }}\n      onDragLeave={() => setIsDragging(false)}\n      onDrop={handleDrop}\n      onClick={() => inputRef.current?.click()}\n      className={cn(\n        'mb-4 flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed px-6 py-6 transition-colors',\n        isDragging\n          ? 'border-blue-500 bg-blue-50 dark:bg-blue-950/20'\n          : 'border-zinc-300 hover:border-zinc-400 dark:border-zinc-700 dark:hover:border-zinc-600',\n        classNames?.uploadZone,\n        isDragging && classNames?.uploadZoneActive,\n      )}\n    >\n      <Upload className=\"mb-2 h-6 w-6 text-zinc-400 dark:text-zinc-500\" />\n      <p className=\"text-sm text-zinc-600 dark:text-zinc-400\">\n        {isUploading ? 'Uploading...' : 'Drop a file here or click to upload'}\n      </p>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept?.join(',')}\n        onChange={handleFileSelect}\n        className=\"hidden\"\n      />\n    </button>\n  )\n}\n","import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport { X } from 'lucide-react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { cn } from '../lib/cn'\nimport { MediaGrid } from './media-grid'\nimport { useMediaPicker } from './provider'\nimport { SearchBar } from './search-bar'\nimport type { MediaPickerItem, MediaPickerProps } from './types'\nimport { UploadZone } from './upload-zone'\n\nconst ITEMS_PER_PAGE = 24\n\nexport function MediaPicker({\n  open,\n  onOpenChange,\n  onSelect,\n  mode = 'single',\n  accept,\n  mediaType,\n  maxSelect,\n  selectedIds = [],\n  title = 'Select Media',\n  description,\n  classNames,\n  className,\n  children,\n}: MediaPickerProps) {\n  const { fetchMedia, uploadMedia } = useMediaPicker()\n\n  // State\n  const [items, setItems] = useState<MediaPickerItem[]>([])\n  const [total, setTotal] = useState(0)\n  const [selected, setSelected] = useState<Set<string>>(() => new Set(selectedIds))\n  const [search, setSearch] = useState('')\n  const [mediaTypeFilter, setMediaTypeFilter] = useState<string | undefined>(mediaType)\n  const [isLoading, setIsLoading] = useState(false)\n  const [isUploading, setIsUploading] = useState(false)\n  const [offset, setOffset] = useState(0)\n\n  // Fetch media on open / filter change\n  const loadMedia = useCallback(async () => {\n    setIsLoading(true)\n    try {\n      const result = await fetchMedia({\n        search: search || undefined,\n        mediaType: mediaTypeFilter,\n        limit: ITEMS_PER_PAGE,\n        offset,\n      })\n      setItems(result.items)\n      setTotal(result.total)\n    } catch {\n      // silently fail — UI shows empty state\n    } finally {\n      setIsLoading(false)\n    }\n  }, [fetchMedia, search, mediaTypeFilter, offset])\n\n  useEffect(() => {\n    if (open) {\n      loadMedia()\n    }\n  }, [open, loadMedia])\n\n  // Reset state when dialog closes (open transitions true → false)\n  const prevOpen = useRef(open)\n  const selectedIdsRef = useRef(selectedIds)\n  selectedIdsRef.current = selectedIds\n  useEffect(() => {\n    if (prevOpen.current && !open) {\n      setSearch('')\n      setOffset(0)\n      setSelected(new Set(selectedIdsRef.current))\n    }\n    prevOpen.current = open\n  }, [open])\n\n  // Selection\n  const handleToggle = useCallback(\n    (item: MediaPickerItem) => {\n      // Single mode: auto-confirm on click — no separate \"Select\" step needed\n      if (mode === 'single') {\n        onSelect([item])\n        onOpenChange(false)\n        return\n      }\n\n      // Multi mode: toggle selection in the set\n      setSelected((prev) => {\n        const next = new Set(prev)\n        if (next.has(item.id)) {\n          next.delete(item.id)\n        } else {\n          if (maxSelect && next.size >= maxSelect) return prev\n          next.add(item.id)\n        }\n        return next\n      })\n    },\n    [mode, maxSelect, onSelect, onOpenChange],\n  )\n\n  const handleConfirm = useCallback(() => {\n    const selectedItems = items.filter((item) => selected.has(item.id))\n    onSelect(selectedItems)\n    onOpenChange(false)\n  }, [items, selected, onSelect, onOpenChange])\n\n  // Upload\n  const handleUpload = useCallback(\n    async (file: File) => {\n      setIsUploading(true)\n      try {\n        const uploaded = await uploadMedia(file)\n\n        // Single mode: auto-confirm the just-uploaded file\n        if (mode === 'single') {\n          onSelect([uploaded])\n          onOpenChange(false)\n          return\n        }\n\n        // Multi mode: add to grid and select\n        setItems((prev) => [uploaded, ...prev])\n        setTotal((prev) => prev + 1)\n        setSelected((prev) => new Set([...prev, uploaded.id]))\n      } finally {\n        setIsUploading(false)\n      }\n    },\n    [uploadMedia, mode, onSelect, onOpenChange],\n  )\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          className={cn(\n            'fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n            classNames?.overlay,\n          )}\n        />\n        <DialogPrimitive.Content\n          {...(!description && { 'aria-describedby': undefined })}\n          className={cn(\n            'fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n            'flex max-h-[85vh] w-[90vw] max-w-4xl flex-col',\n            'rounded-xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-950',\n            classNames?.content,\n            className,\n          )}\n        >\n          {/* Header */}\n          <div\n            className={cn(\n              'flex items-center justify-between border-b border-zinc-200 px-6 py-4 dark:border-zinc-800',\n              classNames?.header,\n            )}\n          >\n            <DialogPrimitive.Title\n              className={cn(\n                'text-lg font-semibold text-zinc-900 dark:text-zinc-50',\n                classNames?.title,\n              )}\n            >\n              {title}\n            </DialogPrimitive.Title>\n            {description && (\n              <VisuallyHidden.Root asChild>\n                <DialogPrimitive.Description>{description}</DialogPrimitive.Description>\n              </VisuallyHidden.Root>\n            )}\n            <DialogPrimitive.Close className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-400 dark:focus:ring-zinc-600\">\n              <X className=\"h-4 w-4\" />\n              <VisuallyHidden.Root>Close</VisuallyHidden.Root>\n            </DialogPrimitive.Close>\n          </div>\n\n          {/* Toolbar */}\n          <div\n            className={cn(\n              'border-b border-zinc-200 px-6 py-3 dark:border-zinc-800',\n              classNames?.toolbar,\n            )}\n          >\n            <SearchBar\n              value={search}\n              onChange={setSearch}\n              mediaType={mediaTypeFilter}\n              onMediaTypeChange={setMediaTypeFilter}\n              locked={!!mediaType}\n              classNames={classNames}\n            />\n          </div>\n\n          {/* Content */}\n          <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n            <UploadZone\n              onUpload={handleUpload}\n              isUploading={isUploading}\n              accept={accept}\n              classNames={classNames}\n            />\n            <MediaGrid\n              items={items}\n              selected={selected}\n              onToggle={handleToggle}\n              isLoading={isLoading}\n              total={total}\n              offset={offset}\n              limit={ITEMS_PER_PAGE}\n              onPageChange={setOffset}\n              classNames={classNames}\n            />\n          </div>\n\n          {/* Footer — multi mode shows confirm/cancel, single mode shows item count only */}\n          <div\n            className={cn(\n              'flex items-center justify-between border-t border-zinc-200 px-6 py-4 dark:border-zinc-800',\n              classNames?.footer,\n            )}\n          >\n            <span className=\"text-sm text-zinc-500 dark:text-zinc-400\">\n              {mode === 'single'\n                ? `${total.toString()} item${total !== 1 ? 's' : ''} — click to select`\n                : selected.size > 0\n                  ? `${selected.size.toString()} selected`\n                  : `${total.toString()} item${total !== 1 ? 's' : ''}`}\n            </span>\n            <div className=\"flex gap-2\">\n              {children}\n              <DialogPrimitive.Close asChild>\n                <button\n                  type=\"button\"\n                  className={cn(\n                    'rounded-md border border-zinc-300 px-4 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50',\n                    'dark:border-zinc-700 dark:text-zinc-300 dark:hover:bg-zinc-900',\n                    classNames?.cancelButton,\n                  )}\n                >\n                  Cancel\n                </button>\n              </DialogPrimitive.Close>\n              {mode !== 'single' && (\n                <button\n                  type=\"button\"\n                  onClick={handleConfirm}\n                  disabled={selected.size === 0}\n                  className={cn(\n                    'rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-500',\n                    'disabled:cursor-not-allowed disabled:opacity-50',\n                    classNames?.confirmButton,\n                  )}\n                >\n                  {`Select (${selected.size.toString()})`}\n                </button>\n              )}\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"picker.mjs","names":[],"sources":["../src/picker/admin-callbacks.ts","../src/lib/cn.ts","../src/picker/media-card.tsx","../src/picker/media-grid.tsx","../src/picker/provider.tsx","../src/picker/search-bar.tsx","../src/picker/upload-zone.tsx","../src/picker/media-picker.tsx"],"sourcesContent":["/**\n * Pre-built media callbacks that talk to the admin API.\n *\n * Eliminates boilerplate in every project — just call:\n *   const media = createAdminMediaCallbacks('/api/admin')\n *\n * Returns callbacks compatible with both MediaPickerProvider and\n * BlockEditor's `media` prop (with getMediaUrl for thumbnail previews).\n */\n\nimport type { MediaPickerCallbacks, MediaPickerItem, MediaPickerListResult } from './types'\n\n/** Extended callbacks with getMediaUrl (for editor thumbnail previews) */\nexport type AdminMediaCallbacks = MediaPickerCallbacks & {\n  getMediaUrl: (id: string) => Promise<string | null>\n}\n\n/**\n * Create media callbacks that talk to the admin API.\n *\n * @param apiBasePath - Base path for admin API (default: '/api/admin')\n * @returns Callbacks for MediaPickerProvider + BlockEditor media prop\n *\n * @example\n * ```tsx\n * import { createAdminMediaCallbacks } from '@murumets-ee/media/picker'\n *\n * const media = createAdminMediaCallbacks()\n * // Use with BlockEditor:\n * <BlockEditor media={media} ... />\n * // Use with MediaPickerProvider:\n * <MediaPickerProvider fetchMedia={media.fetchMedia} uploadMedia={media.uploadMedia}>\n * ```\n */\nexport function createAdminMediaCallbacks(apiBasePath = '/api/admin'): AdminMediaCallbacks {\n  const baseUrl = `${apiBasePath}/media`\n\n  // Admin API error responses are `{ error: string }`. Parse the body so\n  // the real cause (e.g. \"Missing required environment variable:\n  // STORAGE_ENDPOINT\") reaches the UI instead of just the status code.\n  const readErrorMessage = async (res: Response): Promise<string> => {\n    try {\n      const body = (await res.clone().json()) as { error?: unknown }\n      if (typeof body.error === 'string' && body.error.length > 0) return body.error\n    } catch {\n      // fall through — response wasn't JSON\n    }\n    try {\n      const text = await res.text()\n      if (text) return text\n    } catch {\n      // ignore\n    }\n    return `HTTP ${String(res.status)}`\n  }\n\n  return {\n    fetchMedia: async (options: {\n      search?: string\n      mediaType?: string\n      limit: number\n      offset: number\n    }): Promise<MediaPickerListResult> => {\n      const params = new URLSearchParams()\n      if (options.search) params.set('search', options.search)\n      if (options.mediaType) params.set('mediaType', options.mediaType)\n      params.set('limit', String(options.limit))\n      params.set('offset', String(options.offset))\n\n      const url = `${baseUrl}?${params.toString()}`\n      const res = await fetch(url)\n      if (!res.ok) throw new Error(await readErrorMessage(res))\n      return res.json() as Promise<MediaPickerListResult>\n    },\n\n    uploadMedia: async (file: File): Promise<MediaPickerItem> => {\n      const formData = new FormData()\n      formData.append('file', file)\n\n      const res = await fetch(baseUrl, { method: 'POST', body: formData })\n      if (!res.ok) throw new Error(await readErrorMessage(res))\n      return res.json() as Promise<MediaPickerItem>\n    },\n\n    getMediaUrl: async (id: string): Promise<string | null> => {\n      try {\n        const res = await fetch(`${baseUrl}/${id}`)\n        if (!res.ok) return null\n        const item = (await res.json()) as MediaPickerItem\n        return item.url ?? null\n      } catch {\n        return null\n      }\n    },\n  }\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { Check, File, FileText, Film, Music } from 'lucide-react'\nimport { cn } from '../lib/cn'\nimport type { MediaPickerClassNames, MediaPickerItem } from './types'\n\ninterface MediaCardProps {\n  item: MediaPickerItem\n  isSelected: boolean\n  onToggle: () => void\n  classNames?: MediaPickerClassNames\n}\n\nconst typeIcons = {\n  video: Film,\n  audio: Music,\n  document: FileText,\n  other: File,\n} as const\n\nexport function MediaCard({ item, isSelected, onToggle, classNames }: MediaCardProps) {\n  const isImage = item.mediaType === 'image'\n  const Icon = !isImage ? (typeIcons[item.mediaType as keyof typeof typeIcons] ?? File) : null\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      className={cn(\n        'group relative aspect-square overflow-hidden rounded-lg border-2 transition-all',\n        'focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-zinc-950',\n        isSelected\n          ? 'border-blue-500 ring-2 ring-blue-500/20'\n          : 'border-zinc-200 hover:border-zinc-300 dark:border-zinc-800 dark:hover:border-zinc-700',\n        classNames?.card,\n        isSelected && classNames?.cardSelected,\n      )}\n    >\n      {/* Thumbnail */}\n      {isImage ? (\n        <img\n          src={item.url}\n          alt={item.alt ?? item.filename}\n          className={cn('h-full w-full object-cover', classNames?.cardImage)}\n          loading=\"lazy\"\n        />\n      ) : (\n        <div className=\"flex h-full w-full items-center justify-center bg-zinc-100 dark:bg-zinc-800\">\n          {Icon && <Icon className=\"h-8 w-8 text-zinc-400 dark:text-zinc-500\" />}\n        </div>\n      )}\n\n      {/* Selection checkmark */}\n      {isSelected && (\n        <div className=\"absolute right-1.5 top-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-blue-500 text-white\">\n          <Check className=\"h-3 w-3\" />\n        </div>\n      )}\n\n      {/* Filename on hover */}\n      <div\n        className={cn(\n          'absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/60 to-transparent px-2 py-1.5',\n          'opacity-0 transition-opacity group-hover:opacity-100',\n          classNames?.cardLabel,\n        )}\n      >\n        <p className=\"truncate text-xs text-white\">{item.title ?? item.filename}</p>\n      </div>\n    </button>\n  )\n}\n","import { cn } from '../lib/cn'\nimport { MediaCard } from './media-card'\nimport type { MediaPickerClassNames, MediaPickerItem } from './types'\n\ninterface MediaGridProps {\n  items: MediaPickerItem[]\n  selected: Set<string>\n  onToggle: (item: MediaPickerItem) => void\n  isLoading: boolean\n  total: number\n  offset: number\n  limit: number\n  onPageChange: (offset: number) => void\n  classNames?: MediaPickerClassNames\n}\n\nexport function MediaGrid({\n  items,\n  selected,\n  onToggle,\n  isLoading,\n  total,\n  offset,\n  limit,\n  onPageChange,\n  classNames,\n}: MediaGridProps) {\n  if (isLoading) {\n    return (\n      <div className={cn('grid grid-cols-4 gap-3 sm:grid-cols-6', classNames?.grid)}>\n        {Array.from({ length: 12 }).map((_, i) => (\n          <div\n            key={`skeleton-${i.toString()}`}\n            className={cn(\n              'aspect-square animate-pulse rounded-lg bg-zinc-100 dark:bg-zinc-800',\n              classNames?.loading,\n            )}\n          />\n        ))}\n      </div>\n    )\n  }\n\n  if (items.length === 0) {\n    return (\n      <div\n        className={cn(\n          'py-12 text-center text-sm text-zinc-500 dark:text-zinc-400',\n          classNames?.empty,\n        )}\n      >\n        No media found. Upload a file to get started.\n      </div>\n    )\n  }\n\n  const totalPages = Math.ceil(total / limit)\n  const currentPage = Math.floor(offset / limit) + 1\n\n  return (\n    <>\n      <div className={cn('grid grid-cols-4 gap-3 sm:grid-cols-6', classNames?.grid)}>\n        {items.map((item) => (\n          <MediaCard\n            key={item.id}\n            item={item}\n            isSelected={selected.has(item.id)}\n            onToggle={() => onToggle(item)}\n            classNames={classNames}\n          />\n        ))}\n      </div>\n      {totalPages > 1 && (\n        <div className=\"mt-4 flex items-center justify-center gap-2\">\n          <button\n            type=\"button\"\n            disabled={currentPage <= 1}\n            onClick={() => onPageChange(offset - limit)}\n            className=\"rounded-md border border-zinc-300 px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-700\"\n          >\n            Prev\n          </button>\n          <span className=\"text-sm text-zinc-500 dark:text-zinc-400\">\n            {currentPage} / {totalPages}\n          </span>\n          <button\n            type=\"button\"\n            disabled={currentPage >= totalPages}\n            onClick={() => onPageChange(offset + limit)}\n            className=\"rounded-md border border-zinc-300 px-3 py-1 text-sm disabled:opacity-50 dark:border-zinc-700\"\n          >\n            Next\n          </button>\n        </div>\n      )}\n    </>\n  )\n}\n","import { createContext, type ReactNode, useContext, useMemo } from 'react'\nimport type { MediaPickerCallbacks } from './types'\n\nconst MediaPickerContext = createContext<MediaPickerCallbacks | null>(null)\n\nexport interface MediaPickerProviderProps extends MediaPickerCallbacks {\n  children: ReactNode\n}\n\n/**\n * Provides media picker callbacks to all picker instances below.\n * Wrap your admin layout with this provider.\n *\n * @example\n * ```tsx\n * <MediaPickerProvider\n *   fetchMedia={fetchMediaAction}\n *   uploadMedia={uploadMediaAction}\n * >\n *   <AdminShell>...</AdminShell>\n * </MediaPickerProvider>\n * ```\n */\nexport function MediaPickerProvider({\n  children,\n  fetchMedia,\n  uploadMedia,\n}: MediaPickerProviderProps) {\n  const value = useMemo<MediaPickerCallbacks>(\n    () => ({ fetchMedia, uploadMedia }),\n    [fetchMedia, uploadMedia],\n  )\n\n  return <MediaPickerContext value={value}>{children}</MediaPickerContext>\n}\n\nexport function useMediaPicker(): MediaPickerCallbacks {\n  const ctx = useContext(MediaPickerContext)\n  if (!ctx) {\n    throw new Error(\n      'useMediaPicker must be used within <MediaPickerProvider>. ' +\n        'Wrap your admin layout with <MediaPickerProvider fetchMedia={...} uploadMedia={...}>.',\n    )\n  }\n  return ctx\n}\n","import { Search } from 'lucide-react'\nimport { cn } from '../lib/cn'\nimport type { MediaPickerClassNames } from './types'\n\ninterface SearchBarProps {\n  value: string\n  onChange: (value: string) => void\n  mediaType: string | undefined\n  onMediaTypeChange: (type: string | undefined) => void\n  /** When true, the media type filter is locked (no tabs shown) */\n  locked?: boolean\n  classNames?: MediaPickerClassNames\n}\n\nconst FILTER_OPTIONS = [\n  { value: undefined, label: 'All' },\n  { value: 'image', label: 'Images' },\n  { value: 'video', label: 'Videos' },\n  { value: 'audio', label: 'Audio' },\n  { value: 'document', label: 'Docs' },\n] as const\n\nexport function SearchBar({\n  value,\n  onChange,\n  mediaType,\n  onMediaTypeChange,\n  locked,\n  classNames,\n}: SearchBarProps) {\n  // If locked (caller pre-set the mediaType), hide filter tabs\n  const showFilters = !locked\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"relative flex-1\">\n        <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-zinc-400\" />\n        <input\n          type=\"text\"\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder=\"Search media...\"\n          className={cn(\n            'w-full rounded-md border border-zinc-300 bg-transparent py-2 pl-10 pr-3 text-sm',\n            'placeholder:text-zinc-400 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500',\n            'dark:border-zinc-700 dark:placeholder:text-zinc-500',\n            classNames?.searchInput,\n          )}\n        />\n      </div>\n      {showFilters && (\n        <div className={cn('flex gap-1', classNames?.filterTabs)}>\n          {FILTER_OPTIONS.map((opt) => (\n            <button\n              key={opt.label}\n              type=\"button\"\n              onClick={() => onMediaTypeChange(opt.value)}\n              className={cn(\n                'rounded-md px-3 py-1.5 text-xs font-medium transition-colors',\n                mediaType === opt.value\n                  ? 'bg-zinc-900 text-white dark:bg-zinc-100 dark:text-zinc-900'\n                  : 'text-zinc-600 hover:bg-zinc-100 dark:text-zinc-400 dark:hover:bg-zinc-800',\n              )}\n            >\n              {opt.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n","import { Upload } from 'lucide-react'\nimport { type DragEvent, useCallback, useRef, useState } from 'react'\nimport { cn } from '../lib/cn'\nimport type { MediaPickerClassNames } from './types'\n\ninterface UploadZoneProps {\n  onUpload: (file: File) => Promise<void>\n  isUploading: boolean\n  accept?: string[]\n  classNames?: MediaPickerClassNames\n}\n\nexport function UploadZone({ onUpload, isUploading, accept, classNames }: UploadZoneProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isDragging, setIsDragging] = useState(false)\n\n  const handleDrop = useCallback(\n    async (e: DragEvent) => {\n      e.preventDefault()\n      setIsDragging(false)\n      const file = e.dataTransfer.files[0]\n      if (file) {\n        await onUpload(file)\n      }\n    },\n    [onUpload],\n  )\n\n  const handleFileSelect = useCallback(\n    async (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0]\n      if (file) {\n        await onUpload(file)\n        e.target.value = ''\n      }\n    },\n    [onUpload],\n  )\n\n  return (\n    <button\n      type=\"button\"\n      onDragOver={(e) => {\n        e.preventDefault()\n        setIsDragging(true)\n      }}\n      onDragLeave={() => setIsDragging(false)}\n      onDrop={handleDrop}\n      onClick={() => inputRef.current?.click()}\n      className={cn(\n        'mb-4 flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed px-6 py-6 transition-colors',\n        isDragging\n          ? 'border-blue-500 bg-blue-50 dark:bg-blue-950/20'\n          : 'border-zinc-300 hover:border-zinc-400 dark:border-zinc-700 dark:hover:border-zinc-600',\n        classNames?.uploadZone,\n        isDragging && classNames?.uploadZoneActive,\n      )}\n    >\n      <Upload className=\"mb-2 h-6 w-6 text-zinc-400 dark:text-zinc-500\" />\n      <p className=\"text-sm text-zinc-600 dark:text-zinc-400\">\n        {isUploading ? 'Uploading...' : 'Drop a file here or click to upload'}\n      </p>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept?.join(',')}\n        onChange={handleFileSelect}\n        className=\"hidden\"\n      />\n    </button>\n  )\n}\n","import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport { X } from 'lucide-react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { cn } from '../lib/cn'\nimport { MediaGrid } from './media-grid'\nimport { useMediaPicker } from './provider'\nimport { SearchBar } from './search-bar'\nimport type { MediaPickerItem, MediaPickerProps } from './types'\nimport { UploadZone } from './upload-zone'\n\nconst ITEMS_PER_PAGE = 24\n\nexport function MediaPicker({\n  open,\n  onOpenChange,\n  onSelect,\n  mode = 'single',\n  accept,\n  mediaType,\n  maxSelect,\n  selectedIds = [],\n  title = 'Select Media',\n  description,\n  classNames,\n  className,\n  children,\n}: MediaPickerProps) {\n  const { fetchMedia, uploadMedia } = useMediaPicker()\n\n  // State\n  const [items, setItems] = useState<MediaPickerItem[]>([])\n  const [total, setTotal] = useState(0)\n  const [selected, setSelected] = useState<Set<string>>(() => new Set(selectedIds))\n  const [search, setSearch] = useState('')\n  const [mediaTypeFilter, setMediaTypeFilter] = useState<string | undefined>(mediaType)\n  const [isLoading, setIsLoading] = useState(false)\n  const [isUploading, setIsUploading] = useState(false)\n  const [offset, setOffset] = useState(0)\n  const [error, setError] = useState<string | null>(null)\n\n  // Fetch media on open / filter change\n  const loadMedia = useCallback(async () => {\n    setIsLoading(true)\n    setError(null)\n    try {\n      const result = await fetchMedia({\n        search: search || undefined,\n        mediaType: mediaTypeFilter,\n        limit: ITEMS_PER_PAGE,\n        offset,\n      })\n      setItems(result.items)\n      setTotal(result.total)\n    } catch (err) {\n      setError(\n        err instanceof Error && err.message\n          ? `Failed to load media: ${err.message}`\n          : 'Failed to load media.',\n      )\n    } finally {\n      setIsLoading(false)\n    }\n  }, [fetchMedia, search, mediaTypeFilter, offset])\n\n  useEffect(() => {\n    if (open) {\n      loadMedia()\n    }\n  }, [open, loadMedia])\n\n  // Reset state when dialog closes (open transitions true → false)\n  const prevOpen = useRef(open)\n  const selectedIdsRef = useRef(selectedIds)\n  selectedIdsRef.current = selectedIds\n  useEffect(() => {\n    if (prevOpen.current && !open) {\n      setSearch('')\n      setOffset(0)\n      setSelected(new Set(selectedIdsRef.current))\n    }\n    prevOpen.current = open\n  }, [open])\n\n  // Selection\n  const handleToggle = useCallback(\n    (item: MediaPickerItem) => {\n      // Single mode: auto-confirm on click — no separate \"Select\" step needed\n      if (mode === 'single') {\n        onSelect([item])\n        onOpenChange(false)\n        return\n      }\n\n      // Multi mode: toggle selection in the set\n      setSelected((prev) => {\n        const next = new Set(prev)\n        if (next.has(item.id)) {\n          next.delete(item.id)\n        } else {\n          if (maxSelect && next.size >= maxSelect) return prev\n          next.add(item.id)\n        }\n        return next\n      })\n    },\n    [mode, maxSelect, onSelect, onOpenChange],\n  )\n\n  const handleConfirm = useCallback(() => {\n    const selectedItems = items.filter((item) => selected.has(item.id))\n    onSelect(selectedItems)\n    onOpenChange(false)\n  }, [items, selected, onSelect, onOpenChange])\n\n  // Upload\n  const handleUpload = useCallback(\n    async (file: File) => {\n      setIsUploading(true)\n      setError(null)\n      try {\n        const uploaded = await uploadMedia(file)\n\n        // Single mode: auto-confirm the just-uploaded file\n        if (mode === 'single') {\n          onSelect([uploaded])\n          onOpenChange(false)\n          return\n        }\n\n        // Multi mode: add to grid and select\n        setItems((prev) => [uploaded, ...prev])\n        setTotal((prev) => prev + 1)\n        setSelected((prev) => new Set([...prev, uploaded.id]))\n      } catch (err) {\n        setError(\n          err instanceof Error && err.message\n            ? `Upload failed: ${err.message}`\n            : 'Upload failed. Please try again.',\n        )\n      } finally {\n        setIsUploading(false)\n      }\n    },\n    [uploadMedia, mode, onSelect, onOpenChange],\n  )\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          className={cn(\n            'fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n            classNames?.overlay,\n          )}\n        />\n        <DialogPrimitive.Content\n          {...(!description && { 'aria-describedby': undefined })}\n          className={cn(\n            'fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n            'flex max-h-[85vh] w-[90vw] max-w-4xl flex-col',\n            'rounded-xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-950',\n            classNames?.content,\n            className,\n          )}\n        >\n          {/* Header */}\n          <div\n            className={cn(\n              'flex items-center justify-between border-b border-zinc-200 px-6 py-4 dark:border-zinc-800',\n              classNames?.header,\n            )}\n          >\n            <DialogPrimitive.Title\n              className={cn(\n                'text-lg font-semibold text-zinc-900 dark:text-zinc-50',\n                classNames?.title,\n              )}\n            >\n              {title}\n            </DialogPrimitive.Title>\n            {description && (\n              <VisuallyHidden.Root asChild>\n                <DialogPrimitive.Description>{description}</DialogPrimitive.Description>\n              </VisuallyHidden.Root>\n            )}\n            <DialogPrimitive.Close className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-400 dark:focus:ring-zinc-600\">\n              <X className=\"h-4 w-4\" />\n              <VisuallyHidden.Root>Close</VisuallyHidden.Root>\n            </DialogPrimitive.Close>\n          </div>\n\n          {/* Toolbar */}\n          <div\n            className={cn(\n              'border-b border-zinc-200 px-6 py-3 dark:border-zinc-800',\n              classNames?.toolbar,\n            )}\n          >\n            <SearchBar\n              value={search}\n              onChange={setSearch}\n              mediaType={mediaTypeFilter}\n              onMediaTypeChange={setMediaTypeFilter}\n              locked={!!mediaType}\n              classNames={classNames}\n            />\n          </div>\n\n          {/* Content */}\n          <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n            {error && (\n              <div\n                role=\"alert\"\n                className=\"mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400\"\n              >\n                {error}\n              </div>\n            )}\n            <UploadZone\n              onUpload={handleUpload}\n              isUploading={isUploading}\n              accept={accept}\n              classNames={classNames}\n            />\n            <MediaGrid\n              items={items}\n              selected={selected}\n              onToggle={handleToggle}\n              isLoading={isLoading}\n              total={total}\n              offset={offset}\n              limit={ITEMS_PER_PAGE}\n              onPageChange={setOffset}\n              classNames={classNames}\n            />\n          </div>\n\n          {/* Footer — multi mode shows confirm/cancel, single mode shows item count only */}\n          <div\n            className={cn(\n              'flex items-center justify-between border-t border-zinc-200 px-6 py-4 dark:border-zinc-800',\n              classNames?.footer,\n            )}\n          >\n            <span className=\"text-sm text-zinc-500 dark:text-zinc-400\">\n              {mode === 'single'\n                ? `${total.toString()} item${total !== 1 ? 's' : ''} — click to select`\n                : selected.size > 0\n                  ? `${selected.size.toString()} selected`\n                  : `${total.toString()} item${total !== 1 ? 's' : ''}`}\n            </span>\n            <div className=\"flex gap-2\">\n              {children}\n              <DialogPrimitive.Close asChild>\n                <button\n                  type=\"button\"\n                  className={cn(\n                    'rounded-md border border-zinc-300 px-4 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50',\n                    'dark:border-zinc-700 dark:text-zinc-300 dark:hover:bg-zinc-900',\n                    classNames?.cancelButton,\n                  )}\n                >\n                  Cancel\n                </button>\n              </DialogPrimitive.Close>\n              {mode !== 'single' && (\n                <button\n                  type=\"button\"\n                  onClick={handleConfirm}\n                  disabled={selected.size === 0}\n                  className={cn(\n                    'rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-500',\n                    'disabled:cursor-not-allowed disabled:opacity-50',\n                    classNames?.confirmButton,\n                  )}\n                >\n                  {`Select (${selected.size.toString()})`}\n                </button>\n              )}\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@murumets-ee/media",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "license": "Elastic-2.0",
   "type": "module",
   "exports": {
@@ -56,18 +56,18 @@
     "server-only": "^0.0.1",
     "sharp": "^0.34.5",
     "tailwind-merge": "^2.6.0",
-    "@murumets-ee/core": "0.4.0",
-    "@murumets-ee/settings": "0.4.0",
-    "@murumets-ee/db": "0.4.0",
-    "@murumets-ee/logging": "0.4.0",
-    "@murumets-ee/entity": "0.4.0",
-    "@murumets-ee/storage": "0.4.0"
+    "@murumets-ee/core": "0.4.5",
+    "@murumets-ee/entity": "0.4.5",
+    "@murumets-ee/storage": "0.4.5",
+    "@murumets-ee/db": "0.4.5",
+    "@murumets-ee/settings": "0.4.5",
+    "@murumets-ee/logging": "0.4.5"
   },
   "peerDependencies": {
     "lucide-react": ">=0.400.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "@murumets-ee/ui": "0.4.0"
+    "@murumets-ee/ui": "0.4.5"
   },
   "peerDependenciesMeta": {
     "@murumets-ee/ui": {