admin-ui-starter-kit 0.4.4 → 0.5.0

package/dist/components/features/global-search/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../lib/strings.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-BI347RlM.cjs"),i=require("../../../_shared/heading-0DYCOrgC.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/input-COMcb1WY.cjs"),s=require("../../../_shared/avatar-0spfQEHG.cjs");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("lucide-react"),d=require("class-variance-authority"),f=require("@base-ui/react/tabs");var p={placeholder:`Search…`,clear:`Clear search`,loading:`Searching…`,emptyTitle:`No results for "{{query}}"`,emptyHint:`Try a shorter keyword or check the spelling.`,idleRecent:`Recent`,idleSuggestions:`Suggestions`,tabAll:`All`,footerNavigate:`navigate`,footerOpen:`open`,footerClose:`close`,resultsCount:`{{count}} results`,seeAll:`See all`};function m(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function h({results:e,query:t,onResultSelect:n,onClose:r}){let[i,a]=(0,c.useState)(`all`),[o,s]=(0,c.useState)(0);(0,c.useEffect)(()=>{a(`all`),s(0)},[t]);let l=(0,c.useMemo)(()=>{let t={};for(let n of e)(t[n.group]??=[]).push(n);return t},[e]),u=(0,c.useMemo)(()=>{let t={all:e.length};for(let[e,n]of Object.entries(l))t[e]=n.length;return t},[e.length,l]),d=(0,c.useMemo)(()=>{if(i===`all`)return l;let e=l[i];return e?{[i]:e}:{}},[l,i]),f=(0,c.useMemo)(()=>i===`all`?e.slice():l[i]??[],[i,l,e]),p=(0,c.useRef)(o);p.current=o;let m=(0,c.useRef)(f);return m.current=f,{grouped:l,tabCounts:u,activeTab:i,setActiveTab:e=>{a(e),s(0)},visibleGrouped:d,flat:f,activeIdx:o,setActiveIdx:s,setActiveById:e=>{let t=m.current.findIndex(t=>t.id===e);t>=0&&s(t)},onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),s(e=>Math.min(e+1,m.current.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),s(e=>Math.max(e-1,0));else if(e.key===`Enter`){let t=m.current[p.current];t&&(e.preventDefault(),n?.(t))}else e.key===`Escape`&&r?.()},selectActive:()=>{let e=m.current[p.current];e&&n?.(e)}}}function g({title:e,hint:t}){return(0,l.jsxs)(`div`,{className:`px-6 py-12 text-center`,children:[(0,l.jsx)(`div`,{className:`mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60`,children:(0,l.jsx)(u.Search,{className:`size-4 text-muted-foreground`,"aria-hidden":`true`})}),(0,l.jsx)(i.n,{weight:`medium`,children:e}),(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})}var _=`rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground`;function v({navigateLabel:e,openLabel:t,closeLabel:r,trailing:a,className:o}){return(0,l.jsxs)(`div`,{className:n.cn(`flex items-center justify-between border-t border-border/60 px-4 py-2`,o),children:[(0,l.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`kbd`,{className:_,children:`↑↓`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:e}),(0,l.jsx)(`kbd`,{className:_,children:`↵`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:t}),(0,l.jsx)(`kbd`,{className:_,children:`esc`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:r})]}),a]})}function y({sections:e,fallbackIcons:t}){return(0,l.jsx)(`div`,{className:`space-y-4 px-2 py-3`,children:e.map((e,a)=>(0,l.jsxs)(`div`,{children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 px-3 pb-1.5`,children:[(0,l.jsx)(e.icon??(a===0?t?.recent??u.Clock:t?.suggestions??u.Sparkles),{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(i.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label})]}),(0,l.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:e.items.map(e=>{let t=e.icon??u.Search;return(0,l.jsx)(`li`,{children:(0,l.jsxs)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:e.onSelect,className:n.cn(`h-auto w-full justify-start gap-3 rounded-md px-3 py-1.5 text-left transition-colors`,`hover:bg-muted/50 focus-visible:bg-muted/50`),children:[(0,l.jsx)(t,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(i.n,{className:`flex-1 truncate`,children:e.label})]})},e.id)})})]},e.id))})}var b=c.forwardRef(function({value:e,onChange:t,onKeyDown:n,placeholder:i,clearLabel:a=`Clear search`,loading:s=!1,autoFocus:d=!1},f){let p=c.useRef(null);return c.useImperativeHandle(f,()=>p.current),c.useEffect(()=>{d&&p.current?.focus()},[d]),(0,l.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4 py-3`,children:[(0,l.jsx)(u.Search,{className:`size-4 shrink-0 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,l.jsx)(o.t,{ref:p,type:`text`,value:e,onChange:e=>t(e.target.value),onKeyDown:n,placeholder:i,"aria-label":i,autoComplete:`off`,spellCheck:!1,size:`sm`,className:`h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0`})}),s&&(0,l.jsx)(u.Loader2,{className:`size-4 shrink-0 animate-spin text-muted-foreground`,"aria-hidden":`true`}),!s&&!!e&&(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>t(``),"aria-label":a,className:`size-6 rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,l.jsx)(u.X,{className:`size-3.5`})})]})}),x={primary:`bg-primary/5 text-primary`,success:`bg-success/10 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/10 text-info`,destructive:`bg-destructive/10 text-destructive`,default:`bg-muted text-muted-foreground`},S={primary:`bg-primary/10 text-primary`,success:`bg-success/10 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/10 text-info`,destructive:`bg-destructive/10 text-destructive`,default:`bg-muted text-muted-foreground`};function C(e,t){let n=(t??``).trim();if(!n)return e;let r=e.toLowerCase(),i=n.toLowerCase(),a=r.indexOf(i);return a<0?e:(0,l.jsxs)(l.Fragment,{children:[e.slice(0,a),(0,l.jsx)(`mark`,{className:`rounded-sm bg-warning/40 px-0.5 text-foreground`,children:e.slice(a,a+n.length)}),e.slice(a+n.length)]})}function w({result:e,isActive:t=!1,query:o=``,onSelect:c,onMouseEnter:d,toneBg:f,toneAvatar:p,className:m}){let h=e.thumbnail?.icon,g={...x,...f},_={...S,...p};return(0,l.jsxs)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onMouseEnter:d,onClick:c,className:n.cn(`group/row relative h-auto w-full justify-start gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors`,t?`bg-muted/60`:`hover:bg-muted/40`,m),children:[(0,l.jsx)(`div`,{className:`flex shrink-0 items-center`,children:e.avatar?(0,l.jsxs)(s.t,{className:n.cn(`size-8`,_[e.avatar.tone??`default`]),children:[e.avatar.src&&(0,l.jsx)(s.o,{src:e.avatar.src,alt:e.title}),(0,l.jsx)(s.r,{className:n.cn(`text-xs font-semibold`,_[e.avatar.tone??`default`]),children:e.avatar.initials})]}):h?(0,l.jsx)(`span`,{className:n.cn(`inline-flex size-8 items-center justify-center rounded-md`,g[e.thumbnail?.tone??`default`]),children:(0,l.jsx)(h,{className:`size-4`,"aria-hidden":`true`})}):null}),(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 leading-tight`,children:[(0,l.jsx)(i.n,{tag:`span`,weight:`semibold`,className:`truncate`,children:C(e.title,o)}),!!e.badge&&(0,l.jsx)(a.t,{variant:e.badge.tone===`destructive`?`error`:e.badge.tone,children:e.badge.label})]}),(()=>{let t=[];return e.subtitle&&t.push({key:`subtitle`,node:(0,l.jsx)(`span`,{children:C(e.subtitle,o)})}),e.meta?.forEach((e,r)=>{let i=e.icon;t.push({key:`m-${r}`,node:(0,l.jsxs)(`span`,{className:n.cn(`inline-flex items-center gap-1`,e.mono&&`font-mono tabular-nums`),children:[!!i&&(0,l.jsx)(i,{className:`size-3 shrink-0`,"aria-hidden":`true`}),e.label]})})}),e.timestamp&&t.push({key:`ts`,node:(0,l.jsx)(`span`,{className:`tabular-nums`,children:e.timestamp})}),e.tags?.forEach(e=>t.push({key:`t-${e}`,node:(0,l.jsx)(`span`,{children:e})})),e.rightValue&&t.push({key:`rv`,node:(0,l.jsxs)(`span`,{className:`font-medium tabular-nums text-foreground`,children:[e.rightValue,!!e.rightLabel&&(0,l.jsx)(`span`,{className:`ml-1 font-normal text-muted-foreground`,children:e.rightLabel.toLowerCase()})]})}),t.length===0?null:(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.map((e,t)=>(0,l.jsxs)(`span`,{children:[t>0&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:`mx-1.5 text-muted-foreground/60`,children:`·`}),e.node]},e.key))})})()]}),!!(e.rightValue||e.rightLabel)&&(0,l.jsx)(`div`,{className:`hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex`,children:(0,l.jsxs)(`div`,{className:`flex flex-col items-end gap-0 text-right leading-tight`,children:[!!e.rightValue&&(0,l.jsx)(i.n,{tag:`span`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,l.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-all`,t?`bg-foreground text-background opacity-100`:`text-muted-foreground opacity-0 group-hover/row:opacity-100`),children:(0,l.jsx)(u.ArrowRight,{className:`size-3.5`})})]})}function T({className:e,orientation:t=`horizontal`,...r}){return(0,l.jsx)(f.Tabs.Root,{"data-slot":`tabs`,"data-orientation":t,className:n.cn(`gap-2 group/tabs flex data-[orientation=horizontal]:flex-col`,e),...r})}var E=(0,d.cva)(`rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function D({className:e,variant:t=`default`,...r}){return(0,l.jsx)(f.Tabs.List,{"data-slot":`tabs-list`,"data-variant":t,className:n.cn(E({variant:t}),e),...r})}function O({className:e,...t}){return(0,l.jsx)(f.Tabs.Tab,{"data-slot":`tabs-trigger`,className:n.cn(`gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent`,`data-active:bg-background data-active:text-foreground`,`after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100`,e),...t})}function k({value:e,onValueChange:t,tabs:r,counts:a}){return(0,l.jsx)(`div`,{className:`global-search-tabs--component border-b border-border/60 px-3 py-2`,children:(0,l.jsx)(`div`,{className:`global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:(0,l.jsx)(T,{value:e,onValueChange:e=>t(e),className:`min-w-max`,children:(0,l.jsx)(D,{className:`global-search-tabs--list h-8 w-max min-w-max`,children:r.map(t=>{let r=e===t.value,o=a[t.value]??0;return(0,l.jsxs)(O,{value:t.value,className:`global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs`,children:[(0,l.jsx)(`span`,{children:t.label}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,weight:`medium`,className:n.cn(`global-search-tabs--count rounded px-1 py-0 tabular-nums`,r?`bg-muted text-muted-foreground`:`bg-transparent text-muted-foreground/70`),children:o})]},t.value)})})})})})}function A({results:e=[],query:a,onQueryChange:o,onResultSelect:s,onClose:u,loading:d=!1,idleSections:f,groupLabels:_,autoFocus:x=!1,strings:S,slots:C,tabs:T,className:E}){let D=t.useStrings(p,S),O=h({results:e,query:a,onResultSelect:s,onClose:u}),A=!d&&a.trim().length>1&&e.length===0,j=!d&&a.trim().length<=1,M=c.useMemo(()=>{if(T)return T;let e=Object.keys(O.grouped);return[{value:`all`,label:D.tabAll},...e.map(e=>({value:e,label:_?.[e]??e}))]},[T,O.grouped,D.tabAll,_]);return(0,l.jsxs)(`div`,{className:n.cn(`global-search--component`,`overflow-hidden rounded-xl border border-border bg-card shadow-2xl`,E),children:[C?.input??(0,l.jsx)(b,{value:a,onChange:o,onKeyDown:O.onKeyDown,placeholder:D.placeholder,clearLabel:D.clear,loading:d,autoFocus:x}),!d&&e.length>0&&(C?.tabs??(0,l.jsx)(k,{value:O.activeTab,onValueChange:O.setActiveTab,tabs:M,counts:O.tabCounts})),(0,l.jsxs)(`div`,{className:`max-h-[520px] overflow-y-auto`,children:[!!j&&(C?.idle??(f&&f.length>0?(0,l.jsx)(y,{sections:f}):null)),!!d&&(C?.loading??(0,l.jsx)(`div`,{className:`flex items-center justify-center px-6 py-12`,children:(0,l.jsx)(i.n,{type:`secondary`,children:D.loading})})),!!A&&(C?.empty??(0,l.jsx)(g,{title:m(D.emptyTitle,{query:a}),hint:D.emptyHint})),!d&&e.length>0&&(0,l.jsx)(`div`,{className:`px-2 py-2`,children:Object.entries(O.visibleGrouped).map(([e,t],o)=>(0,l.jsxs)(`div`,{className:n.cn(`pb-2 last:pb-0`,o>0&&`mt-3 pt-2`),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-3 pb-1`,children:[(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,weight:`medium`,children:_?.[e]??e}),O.activeTab===`all`&&t.length>0&&(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>O.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`text-primary`,children:D.seeAll})})]}),(0,l.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:t.map(e=>{let t=O.flat[O.activeIdx]?.id===e.id,n={isActive:t,query:a,onSelect:()=>s?.(e)};return(0,l.jsx)(`li`,{children:C?.renderResult?C.renderResult(e,n):(0,l.jsx)(w,{result:e,isActive:t,query:a,onSelect:n.onSelect,onMouseEnter:()=>O.setActiveById(e.id),toneBg:C?.toneBg,toneAvatar:C?.toneAvatar})},e.id)})})]},e))})]}),C?.footer??(0,l.jsx)(v,{navigateLabel:D.footerNavigate,openLabel:D.footerOpen,closeLabel:D.footerClose,trailing:!j&&!A&&e.length>0?(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:m(D.resultsCount,{count:e.length})}):void 0})]})}exports.DEFAULT_TONE_AVATAR=S,exports.DEFAULT_TONE_BG=x,exports.GlobalSearch=A,exports.GlobalSearchEmptyState=g,exports.GlobalSearchFooter=v,exports.GlobalSearchIdleState=y,exports.GlobalSearchInput=b,exports.GlobalSearchResultRow=w,exports.GlobalSearchTabs=k,exports.defaultGlobalSearchStrings=p,exports.interpolateString=m,exports.useGlobalSearch=h;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../lib/strings.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-BI347RlM.cjs"),i=require("../../../_shared/heading-0DYCOrgC.cjs"),a=require("../../../_shared/badge-D7A2LnSf.cjs"),o=require("../../../_shared/input-COMcb1WY.cjs"),s=require("../../../_shared/avatar-0spfQEHG.cjs");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("lucide-react"),d=require("class-variance-authority"),f=require("@base-ui/react/tabs");var p={placeholder:`Search…`,clear:`Clear search`,loading:`Searching…`,emptyTitle:`No results for "{{query}}"`,emptyHint:`Try a shorter keyword or check the spelling.`,idleRecent:`Recent`,idleSuggestions:`Suggestions`,tabAll:`All`,footerNavigate:`navigate`,footerOpen:`open`,footerClose:`close`,resultsCount:`{{count}} results`,seeAll:`See all`};function m(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function h({results:e,query:t,onResultSelect:n,onClose:r}){let[i,a]=(0,c.useState)(`all`),[o,s]=(0,c.useState)(0);(0,c.useEffect)(()=>{a(`all`),s(0)},[t]);let l=(0,c.useMemo)(()=>{let t={};for(let n of e)(t[n.group]??=[]).push(n);return t},[e]),u=(0,c.useMemo)(()=>{let t={all:e.length};for(let[e,n]of Object.entries(l))t[e]=n.length;return t},[e.length,l]),d=(0,c.useMemo)(()=>{if(i===`all`)return l;let e=l[i];return e?{[i]:e}:{}},[l,i]),f=(0,c.useMemo)(()=>i===`all`?e.slice():l[i]??[],[i,l,e]),p=(0,c.useRef)(o);p.current=o;let m=(0,c.useRef)(f);return m.current=f,{grouped:l,tabCounts:u,activeTab:i,setActiveTab:e=>{a(e),s(0)},visibleGrouped:d,flat:f,activeIdx:o,setActiveIdx:s,setActiveById:e=>{let t=m.current.findIndex(t=>t.id===e);t>=0&&s(t)},onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),s(e=>Math.min(e+1,m.current.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),s(e=>Math.max(e-1,0));else if(e.key===`Enter`){let t=m.current[p.current];t&&(e.preventDefault(),n?.(t))}else e.key===`Escape`&&r?.()},selectActive:()=>{let e=m.current[p.current];e&&n?.(e)}}}function g({title:e,hint:t}){return(0,l.jsxs)(`div`,{className:`px-6 py-12 text-center`,children:[(0,l.jsx)(`div`,{className:`mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60`,children:(0,l.jsx)(u.Search,{className:`size-4 text-muted-foreground`,"aria-hidden":`true`})}),(0,l.jsx)(i.n,{weight:`medium`,children:e}),(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})}var _=`rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground`;function v({navigateLabel:e,openLabel:t,closeLabel:r,trailing:a,className:o}){return(0,l.jsxs)(`div`,{className:n.cn(`flex items-center justify-between border-t border-border/60 px-4 py-2`,o),children:[(0,l.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`kbd`,{className:_,children:`↑↓`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:e}),(0,l.jsx)(`kbd`,{className:_,children:`↵`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:t}),(0,l.jsx)(`kbd`,{className:_,children:`esc`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:r})]}),a]})}function y({sections:e,fallbackIcons:t}){return(0,l.jsx)(`div`,{className:`space-y-4 px-2 py-3`,children:e.map((e,a)=>(0,l.jsxs)(`div`,{children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 px-3 pb-1.5`,children:[(0,l.jsx)(e.icon??(a===0?t?.recent??u.Clock:t?.suggestions??u.Sparkles),{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(i.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label})]}),(0,l.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:e.items.map(e=>{let t=e.icon??u.Search;return(0,l.jsx)(`li`,{children:(0,l.jsxs)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:e.onSelect,className:n.cn(`h-auto w-full justify-start gap-3 rounded-md px-3 py-1.5 text-left transition-colors`,`hover:bg-muted/50 focus-visible:bg-muted/50`),children:[(0,l.jsx)(t,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(i.n,{className:`flex-1 truncate`,children:e.label})]})},e.id)})})]},e.id))})}var b=c.forwardRef(function({value:e,onChange:t,onKeyDown:n,placeholder:i,clearLabel:a=`Clear search`,loading:s=!1,autoFocus:d=!1},f){let p=c.useRef(null);return c.useImperativeHandle(f,()=>p.current),c.useEffect(()=>{d&&p.current?.focus()},[d]),(0,l.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4 py-3`,children:[(0,l.jsx)(u.Search,{className:`size-4 shrink-0 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,l.jsx)(o.t,{ref:p,type:`text`,value:e,onChange:e=>t(e.target.value),onKeyDown:n,placeholder:i,"aria-label":i,autoComplete:`off`,spellCheck:!1,size:`sm`,className:`h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0`})}),s&&(0,l.jsx)(u.Loader2,{className:`size-4 shrink-0 animate-spin text-muted-foreground`,"aria-hidden":`true`}),!s&&!!e&&(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>t(``),"aria-label":a,className:`size-6 rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,l.jsx)(u.X,{className:`size-3.5`})})]})}),x={primary:`bg-primary/5 text-primary`,success:`bg-success/10 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/10 text-info`,destructive:`bg-destructive/10 text-destructive`,default:`bg-muted text-muted-foreground`},S={primary:`bg-primary/10 text-primary`,success:`bg-success/10 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/10 text-info`,destructive:`bg-destructive/10 text-destructive`,default:`bg-muted text-muted-foreground`};function C(e,t){let n=(t??``).trim();if(!n)return e;let r=e.toLowerCase(),i=n.toLowerCase(),a=r.indexOf(i);return a<0?e:(0,l.jsxs)(l.Fragment,{children:[e.slice(0,a),(0,l.jsx)(`mark`,{className:`rounded-sm bg-warning/40 px-0.5 text-foreground`,children:e.slice(a,a+n.length)}),e.slice(a+n.length)]})}function w({result:e,isActive:t=!1,query:o=``,onSelect:c,onMouseEnter:d,toneBg:f,toneAvatar:p,className:m}){let h=e.thumbnail?.icon,g={...x,...f},_={...S,...p};return(0,l.jsxs)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onMouseEnter:d,onClick:c,className:n.cn(`group/row relative h-auto w-full justify-start gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors`,t?`bg-muted/60`:`hover:bg-muted/40`,m),children:[(0,l.jsx)(`div`,{className:`flex shrink-0 items-center`,children:e.avatar?(0,l.jsxs)(s.t,{className:n.cn(`size-8`,_[e.avatar.tone??`default`]),children:[e.avatar.src&&(0,l.jsx)(s.o,{src:e.avatar.src,alt:e.title}),(0,l.jsx)(s.r,{className:n.cn(`text-xs font-semibold`,_[e.avatar.tone??`default`]),children:e.avatar.initials})]}):h?(0,l.jsx)(`span`,{className:n.cn(`inline-flex size-8 items-center justify-center rounded-md`,g[e.thumbnail?.tone??`default`]),children:(0,l.jsx)(h,{className:`size-4`,"aria-hidden":`true`})}):null}),(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 leading-tight`,children:[(0,l.jsx)(i.n,{tag:`span`,weight:`semibold`,className:`truncate`,children:C(e.title,o)}),!!e.badge&&(0,l.jsx)(a.t,{variant:e.badge.tone===`destructive`?`error`:e.badge.tone,children:e.badge.label})]}),(()=>{let t=[];return e.subtitle&&t.push({key:`subtitle`,node:(0,l.jsx)(`span`,{children:C(e.subtitle,o)})}),e.meta?.forEach((e,r)=>{let i=e.icon;t.push({key:`m-${r}`,node:(0,l.jsxs)(`span`,{className:n.cn(`inline-flex items-center gap-1`,e.mono&&`font-mono tabular-nums`),children:[!!i&&(0,l.jsx)(i,{className:`size-3 shrink-0`,"aria-hidden":`true`}),e.label]})})}),e.timestamp&&t.push({key:`ts`,node:(0,l.jsx)(`span`,{className:`tabular-nums`,children:e.timestamp})}),e.tags?.forEach(e=>t.push({key:`t-${e}`,node:(0,l.jsx)(`span`,{children:e})})),e.rightValue&&t.push({key:`rv`,node:(0,l.jsxs)(`span`,{className:`font-medium tabular-nums text-foreground`,children:[e.rightValue,!!e.rightLabel&&(0,l.jsx)(`span`,{className:`ml-1 font-normal text-muted-foreground`,children:e.rightLabel.toLowerCase()})]})}),t.length===0?null:(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.map((e,t)=>(0,l.jsxs)(`span`,{children:[t>0&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:`mx-1.5 text-muted-foreground/60`,children:`·`}),e.node]},e.key))})})()]}),!!(e.rightValue||e.rightLabel)&&(0,l.jsx)(`div`,{className:`hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex`,children:(0,l.jsxs)(`div`,{className:`flex flex-col items-end gap-0 text-right leading-tight`,children:[!!e.rightValue&&(0,l.jsx)(i.n,{tag:`span`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,l.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-all`,t?`bg-foreground text-background opacity-100`:`text-muted-foreground opacity-0 group-hover/row:opacity-100`),children:(0,l.jsx)(u.ArrowRight,{className:`size-3.5`})})]})}function T({className:e,orientation:t=`horizontal`,...r}){return(0,l.jsx)(f.Tabs.Root,{"data-slot":`tabs`,"data-orientation":t,className:n.cn(`gap-2 group/tabs flex data-[orientation=horizontal]:flex-col`,e),...r})}var E=(0,d.cva)(`rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function D({className:e,variant:t=`default`,...r}){return(0,l.jsx)(f.Tabs.List,{"data-slot":`tabs-list`,"data-variant":t,className:n.cn(E({variant:t}),e),...r})}function O({className:e,...t}){return(0,l.jsx)(f.Tabs.Tab,{"data-slot":`tabs-trigger`,className:n.cn(`gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent`,`data-active:bg-background data-active:text-foreground`,`after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100`,e),...t})}function k({value:e,onValueChange:t,tabs:r,counts:a}){return(0,l.jsx)(`div`,{className:`global-search-tabs--component border-b border-border/60 px-3 py-2`,children:(0,l.jsx)(`div`,{className:`global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:(0,l.jsx)(T,{value:e,onValueChange:e=>t(e),className:`min-w-max`,children:(0,l.jsx)(D,{className:`global-search-tabs--list h-8 w-max min-w-max`,children:r.map(t=>{let r=e===t.value,o=a[t.value]??0;return(0,l.jsxs)(O,{value:t.value,className:`global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs`,children:[(0,l.jsx)(`span`,{children:t.label}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,weight:`medium`,className:n.cn(`global-search-tabs--count rounded px-1 py-0 tabular-nums`,r?`bg-muted text-muted-foreground`:`bg-transparent text-muted-foreground/70`),children:o})]},t.value)})})})})})}function A({results:e=[],query:a,onQueryChange:o,onResultSelect:s,onClose:u,loading:d=!1,idleSections:f,groupLabels:_,autoFocus:x=!1,strings:S,slots:C,tabs:T,className:E}){let D=t.useStrings(p,S),O=h({results:e,query:a,onResultSelect:s,onClose:u}),A=!d&&a.trim().length>1&&e.length===0,j=!d&&a.trim().length<=1,M=c.useMemo(()=>{if(T)return T;let e=Object.keys(O.grouped);return[{value:`all`,label:D.tabAll},...e.map(e=>({value:e,label:_?.[e]??e}))]},[T,O.grouped,D.tabAll,_]);return(0,l.jsxs)(`div`,{className:n.cn(`global-search--component`,`overflow-hidden rounded-xl border border-border bg-card shadow-2xl`,E),children:[C?.input??(0,l.jsx)(b,{value:a,onChange:o,onKeyDown:O.onKeyDown,placeholder:D.placeholder,clearLabel:D.clear,loading:d,autoFocus:x}),!d&&e.length>0&&(C?.tabs??(0,l.jsx)(k,{value:O.activeTab,onValueChange:O.setActiveTab,tabs:M,counts:O.tabCounts})),(0,l.jsxs)(`div`,{className:`max-h-[520px] overflow-y-auto`,children:[!!j&&(C?.idle??(f&&f.length>0?(0,l.jsx)(y,{sections:f}):null)),!!d&&(C?.loading??(0,l.jsx)(`div`,{className:`flex items-center justify-center px-6 py-12`,children:(0,l.jsx)(i.n,{type:`secondary`,children:D.loading})})),!!A&&(C?.empty??(0,l.jsx)(g,{title:m(D.emptyTitle,{query:a}),hint:D.emptyHint})),!d&&e.length>0&&(0,l.jsx)(`div`,{className:`px-2 py-2`,children:Object.entries(O.visibleGrouped).map(([e,t],o)=>(0,l.jsxs)(`div`,{className:n.cn(`pb-2 last:pb-0`,o>0&&`mt-3 pt-2`),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-3 pb-1`,children:[(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,weight:`medium`,children:_?.[e]??e}),O.activeTab===`all`&&t.length>0&&(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>O.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`text-primary`,children:D.seeAll})})]}),(0,l.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:t.map(e=>{let t=O.flat[O.activeIdx]?.id===e.id,n={isActive:t,query:a,onSelect:()=>s?.(e)};return(0,l.jsx)(`li`,{children:C?.renderResult?C.renderResult(e,n):(0,l.jsx)(w,{result:e,isActive:t,query:a,onSelect:n.onSelect,onMouseEnter:()=>O.setActiveById(e.id),toneBg:C?.toneBg,toneAvatar:C?.toneAvatar})},e.id)})})]},e))})]}),C?.footer??(0,l.jsx)(v,{navigateLabel:D.footerNavigate,openLabel:D.footerOpen,closeLabel:D.footerClose,trailing:!j&&!A&&e.length>0?(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:m(D.resultsCount,{count:e.length})}):void 0})]})}exports.DEFAULT_TONE_AVATAR=S,exports.DEFAULT_TONE_BG=x,exports.GlobalSearch=A,exports.GlobalSearchEmptyState=g,exports.GlobalSearchFooter=v,exports.GlobalSearchIdleState=y,exports.GlobalSearchInput=b,exports.GlobalSearchResultRow=w,exports.GlobalSearchTabs=k,exports.defaultGlobalSearchStrings=p,exports.interpolateString=m,exports.useGlobalSearch=h;
 //# sourceMappingURL=index.cjs.map

package/dist/components/features/global-search/index.js

@@ -2,7 +2,7 @@ import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../_shared/button-BGKY8UY0.js";
 import { n as r } from "../../../_shared/heading-HeP06nXG.js";
-import { t as i } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as i } from "../../../_shared/badge-A8wQRShC.js";
 import { t as a } from "../../../_shared/input-C7t-RHYq.js";
 import { o, r as s, t as c } from "../../../_shared/avatar-CBi4LGxy.js";
 import * as l from "react";

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/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;
+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-D7A2LnSf.cjs"),o=require("../../../_shared/alert-CuIIKJC-.cjs"),s=require("../../../_shared/input-COMcb1WY.cjs"),c=require("../../../_shared/forms-Bi5rUH3t.cjs"),l=require("../../../_shared/display-AtPyyUZc.cjs");let u=require("react"),d=require("react/jsx-runtime"),f=require("lucide-react"),p=require("react-dom");var m={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 h(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 g={collection:void 0,tags:[],public:!0},_=[],v={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 y(e){return{...v,...e??{}}}function b(e){return!e||e<=0?``:e>=1048576?`${(e/1048576).toFixed(1)} MB`:`${Math.max(1,Math.round(e/1024))} KB`}function x(e,t){let n=t.getWidth(e),r=t.getHeight(e);return!n||!r?``:`${n} x ${r}`}function S(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 C(e){return e.type.startsWith(`image/`)?`image`:e.type.startsWith(`video/`)?`video`:`file`}function w(e){if(e.type.startsWith(`image/`)&&!(typeof URL>`u`||typeof URL.createObjectURL!=`function`))return URL.createObjectURL(e)}function T(e){!e||typeof URL>`u`||typeof URL.revokeObjectURL!=`function`||URL.revokeObjectURL(e)}function E(e){return Array.isArray(e)?{items:e,total:e.length}:e}function ee(e,t){return t&&typeof e==`object`&&e?{...e,...t}:e}function te(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 ne(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)=>S(n,t)-S(e,t)),r}function D({items:e=_,fetcher:t,accessors:n,selectionMode:r=`multiple`,value:i,defaultValue:a=[],onValueChange:o,onItemUpdate:s,onItemDelete:c,onUpload:l,onError:d,initialTab:f=`library`,defaultView:p=`grid`,defaultQuery:m=``,defaultType:h=`all`,defaultCollection:v=`all`,defaultSort:b=`newest`,defaultUploadOptions:x}={}){let S=(0,u.useMemo)(()=>y(n),[n]),[D,O]=(0,u.useState)(f),[k,A]=(0,u.useState)(p),[j,M]=(0,u.useState)(m),[N,P]=(0,u.useState)(h),[F,I]=(0,u.useState)(v),[L,re]=(0,u.useState)(b),[ie,ae]=(0,u.useState)(null),[R,oe]=(0,u.useState)(()=>[...a]),[se,ce]=(0,u.useState)([]),[le,ue]=(0,u.useState)(),[de,fe]=(0,u.useState)(!1),[pe,z]=(0,u.useState)(null),[me,he]=(0,u.useState)([]),[ge,_e]=(0,u.useState)(()=>new Set),[ve,B]=(0,u.useState)({}),[V,H]=(0,u.useState)([]),[U,W]=(0,u.useState)(!1),[G,ye]=(0,u.useState)({...g,...x,tags:x?.tags??g.tags}),K=i!==void 0,q=(0,u.useMemo)(()=>K?[...i??[]]:R,[R,K,i]),J=(0,u.useMemo)(()=>new Set(q),[q]),Y=(0,u.useRef)(new Set);(0,u.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=E(t);ce(n.items),ue(n.total)}).catch(t=>{e.signal.aborted||(z(t),d?.(t))}).finally(()=>{e.signal.aborted||fe(!1)}),()=>e.abort()},[F,t,d,j,L,N]),(0,u.useEffect)(()=>{let e=Y.current;return()=>{for(let t of e)T(t);e.clear()}},[]);let X=(0,u.useMemo)(()=>t?se:[...me,...e],[me,se,t,e]),Z=(0,u.useMemo)(()=>X.filter(e=>!ge.has(S.getId(e))).map(e=>ee(e,ve[S.getId(e)])),[S,ve,ge,X]),Q=(0,u.useMemo)(()=>{let e=t?Z:te(Z,S,j,N,F);return t?e:ne(e,S,L)},[S,F,t,Z,j,L,N]),be=le??Z.length,xe=Q.length,Se=(0,u.useMemo)(()=>Z.filter(e=>J.has(S.getId(e))),[S,Z,J]),Ce=!!j.trim()||N!==`all`||F!==`all`,$=(0,u.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,u.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,u.useCallback)(()=>$([]),[$]),Ee=(0,u.useCallback)(()=>{M(``),P(`all`),I(`all`)},[]),De=(0,u.useCallback)(e=>{H(t=>[...t,...e.map((e,t)=>{let n=w(e);return n&&Y.current.add(n),{id:`staged-${Date.now()}-${t}`,file:e,name:e.name,size:e.size,type:C(e),src:n,progress:0,status:`staged`}})])},[]),Oe=(0,u.useCallback)(e=>{H(t=>{let n=t.find(t=>t.id===e);return n?.src&&(T(n.src),Y.current.delete(n.src)),t.filter(t=>t.id!==e)})},[]),ke=(0,u.useCallback)(()=>{H(e=>{for(let t of e)t.src&&(T(t.src),Y.current.delete(t.src));return[]})},[]),Ae=(0,u.useCallback)(e=>{ye(t=>({...t,...e}))},[]),je=(0,u.useCallback)((e,t)=>{H(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]);return{tab:D,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,u.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)),d?.(e)}finally{W(!1)}},[S,$,ke,d,l,q,r,je,V,G,U]),updateItem:(0,u.useCallback)((e,t)=>{let n=S.getId(e);B(e=>({...e,[n]:{...e[n],...t}})),s?.(e,t)},[S,s]),removeItem:(0,u.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 O(e,t){return e===`image`?(0,d.jsx)(f.ImageIcon,{className:t??`size-4`}):e===`video`?(0,d.jsx)(f.Video,{className:t??`size-4`}):(0,d.jsx)(f.File,{className:t??`size-4`})}function k(e,t){return e===`image`?t.typeImage:e===`video`?t.typeVideo:t.typeFile}function A(e,t){return e?h(t.usedIn,{count:e}):t.notUsed}function j({children:e,tint:n,className:r}){return(0,d.jsx)(`div`,{className:t.cn(`media-library-preview relative overflow-hidden bg-muted`,r),style:n?{background:n}:void 0,children:e})}function M({src:e,alt:t,type:n,className:r,loading:i=`lazy`}){let[a,o]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{o(!1)},[e]),!e||a?(0,d.jsx)(`div`,{className:`media-library-preview--fallback flex size-full items-center justify-center text-muted-foreground`,children:O(n,`size-6`)}):(0,d.jsx)(`img`,{src:e,alt:t,loading:i,className:r,onError:()=>o(!0)})}function N({icon:e,title:n,description:i,action:a,className:o}){return(0,d.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,d.jsx)(`div`,{className:`mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:e??(0,d.jsx)(f.ImageIcon,{className:`size-5`})}),(0,d.jsx)(r.n,{tag:`div`,weight:`semibold`,children:n}),!!i&&(0,d.jsx)(r.n,{type:`secondary`,size:`xs`,className:`mt-1 max-w-sm`,children:i}),!!a&&(0,d.jsx)(`div`,{className:`mt-4`,children:a})]})}function P({query:e,type:r,typeFilters:i,collection:a,sort:o,view:l,collections:u=[],strings:p,onQueryChange:m,onTypeChange:h,onCollectionChange:g,onSortChange:_,onViewChange:v,onClearFilters:y,toolbarEnd:b}){let x=[{value:`all`,label:p.allTypes,icon:null},{value:`image`,label:p.images,icon:f.ImageIcon},{value:`video`,label:p.videos,icon:f.Video},{value:`file`,label:p.files,icon:f.File}].filter(e=>(i??[`all`,`image`,`video`]).includes(e.value)),S=[{value:`all`,label:p.allCollections},...u.map(e=>({value:e.value,label:String(e.label)}))],C=[{value:`newest`,label:p.sortNewest},{value:`name`,label:p.sortName},{value:`size`,label:p.sortSize},{value:`usage`,label:p.sortUsage}];return(0,d.jsxs)(`div`,{className:`media-library-toolbar--component flex flex-wrap items-center gap-2`,children:[(0,d.jsx)(`div`,{className:`min-w-52 flex-1`,children:(0,d.jsx)(s.t,{value:e,onChange:e=>m(e.target.value),placeholder:p.searchPlaceholder,startIcon:f.Search,clearable:!0,onClear:()=>m(``),strings:{clear:p.clearSearch},className:`rounded-full bg-muted/20`})}),(0,d.jsx)(`div`,{className:`media-library-toolbar--type-toggle flex h-9 items-center rounded-md bg-muted p-0.5`,role:`tablist`,"aria-label":p.typeFilterLabel,children:x.map(e=>{let i=e.icon,a=r===e.value;return(0,d.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,d.jsx)(i,{className:`size-3.5`}),e.label]},e.value)})}),(0,d.jsx)(`div`,{className:`min-w-40`,children:(0,d.jsx)(c.Y,{value:a,options:S,onChange:e=>g(e??`all`),placeholder:p.collectionFilterLabel,"aria-label":p.collectionFilterLabel,className:`bg-background`})}),(0,d.jsx)(`div`,{className:`min-w-32`,children:(0,d.jsx)(c.Y,{value:o,options:C,onChange:e=>_(e??`newest`),placeholder:p.sortLabel,"aria-label":p.sortLabel,className:`bg-background`})}),(0,d.jsxs)(`div`,{className:`media-library-toolbar--view-toggle ml-auto flex h-9 items-center rounded-md bg-muted p-0.5`,children:[(0,d.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":p.gridView,onClick:()=>v(`grid`),children:(0,d.jsx)(f.Grid2X2,{className:`size-3.5`})}),(0,d.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":p.tableView,onClick:()=>v(`table`),children:(0,d.jsx)(f.LayoutList,{className:`size-3.5`})})]}),!!e&&(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:y,children:p.clearFilters}),b]})}function F({item:e,selected:i=!1,density:o=`comfortable`,showMeta:s=!0,accessors:c,strings:l,onToggle:u,onDetails:p,className:m}){let g=c.getType(e),_=c.getName(e),v=c.getSrc(e),y=c.getAlt(e)||_,x=c.getSize(e),S=c.getUsageCount(e),C=c.getPublic(e)===!1,w=c.getDuration(e);return(0,d.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,d.jsxs)(j,{tint:c.getTint(e),className:t.cn(o===`compact`?`aspect-square`:`aspect-[4/3]`),children:[(0,d.jsx)(M,{src:v,alt:y,type:g,className:`size-full object-cover`}),(0,d.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,d.jsx)(f.Check,{className:`size-3`})}),!!p&&(0,d.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":h(l.cardDetails,{name:_}),onClick:e=>{e.stopPropagation(),p()},children:(0,d.jsx)(f.Info,{className:`size-3.5`})}),g===`video`&&!!w&&(0,d.jsxs)(a.t,{variant:`secondary`,className:`media-library-card--duration absolute bottom-2 left-2 bg-foreground text-background`,children:[(0,d.jsx)(f.Play,{className:`size-3 fill-current`}),w]}),C&&(0,d.jsx)(a.t,{variant:`secondary`,className:`media-library-card--private absolute bottom-2 right-2 bg-background/90`,children:(0,d.jsx)(f.Lock,{className:`size-3`})})]}),(0,d.jsxs)(`div`,{className:`media-library-card--body grid gap-1 px-3 py-2.5`,children:[(0,d.jsx)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:_}),s&&(0,d.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,className:`truncate`,children:b(x)||l.unknownSize}),!!S&&(0,d.jsxs)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`ml-auto inline-flex items-center gap-1`,children:[(0,d.jsx)(f.Layers3,{className:`size-3`}),S]})]})]})]})}function I({items:e,selectedSet:i,accessors:o,strings:s,onToggle:c,onDetails:l}){return(0,d.jsxs)(`div`,{className:`media-library-table--component min-w-[720px]`,children:[(0,d.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,d.jsx)(`span`,{}),(0,d.jsx)(`span`,{}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.name}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.type}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.size}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.collection}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`semibold`,children:s.table.used}),(0,d.jsx)(`span`,{})]}),e.map(e=>{let u=o.getId(e),p=i.has(u),m=o.getType(e),g=o.getName(e),_=o.getSrc(e),v=o.getPublic(e)===!1;return(0,d.jsxs)(`div`,{"data-selected":p||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`,p&&`bg-primary/10`),onClick:()=>c(u),children:[(0,d.jsx)(`span`,{className:t.cn(`inline-flex size-5 items-center justify-center rounded-md border border-border text-transparent`,p&&`border-primary bg-primary text-primary-foreground`),"aria-hidden":`true`,children:(0,d.jsx)(f.Check,{className:`size-3`})}),(0,d.jsx)(j,{tint:o.getTint(e),className:`size-9 rounded-md`,children:_?(0,d.jsx)(`img`,{src:_,alt:``,loading:`lazy`,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:O(m,`size-4`)})}),(0,d.jsxs)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`flex min-w-0 items-center gap-1 truncate`,children:[(0,d.jsx)(`span`,{className:`truncate`,children:g}),v&&(0,d.jsx)(f.Lock,{className:`size-3 shrink-0 text-muted-foreground`})]}),(0,d.jsx)(a.t,{variant:`secondary`,children:k(m,s)}),(0,d.jsx)(r.n,{size:`xs`,type:`secondary`,children:b(o.getSize(e))||s.unknownSize}),(0,d.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:o.getCollection(e)||`-`}),(0,d.jsx)(r.n,{size:`xs`,type:`secondary`,children:o.getUsageCount(e)?o.getUsageCount(e):`-`}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":h(s.cardDetails,{name:g}),onClick:e=>{e.stopPropagation(),l(u)},children:(0,d.jsx)(f.Info,{className:`size-3.5`})})]},u)})]})}function L({item:e,collections:t=[],accessors:i,strings:o,onClose:u,onUpdate:p,onRemove:m,renderDetail:h}){if(!e)return null;let g=i.getName(e),_=i.getType(e),v=i.getSrc(e),y=i.getCollection(e)??t[0]?.value??``,S=i.getTags(e),C=i.getPublic(e)??!0,w=h?.(e,{accessors:i,update:p,remove:m,close:u});return w?(0,d.jsx)(d.Fragment,{children:w}):(0,d.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,d.jsxs)(`div`,{className:`media-library-detail-panel--header flex items-center gap-2 border-b border-border px-3 py-2.5`,children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":o.detail.close,onClick:u,children:(0,d.jsx)(f.ArrowLeft,{className:`size-3.5`})}),(0,d.jsx)(r.n,{weight:`semibold`,children:o.detail.title})]}),(0,d.jsxs)(`div`,{className:`media-library-detail-panel--body grid min-h-0 gap-4 overflow-y-auto p-4`,children:[(0,d.jsxs)(j,{tint:i.getTint(e),className:`aspect-[4/3] rounded-lg border border-border`,children:[(0,d.jsx)(M,{src:v,alt:i.getAlt(e)||g,type:_,className:`size-full object-cover`}),_===`video`&&!!i.getDuration(e)&&(0,d.jsxs)(a.t,{className:`absolute bottom-2 right-2 bg-foreground text-background`,children:[(0,d.jsx)(f.Play,{className:`size-3 fill-current`}),i.getDuration(e)]})]}),(0,d.jsx)(r.n,{tag:`div`,weight:`semibold`,className:`break-words`,children:g}),(0,d.jsx)(`dl`,{className:`media-library-detail-panel--facts grid gap-2`,children:[[o.detail.type,k(_,o)],[o.detail.size,b(i.getSize(e))||o.unknownSize],[o.detail.dimensions,x(e,i)||`-`],[o.detail.uploaded,String(i.getUploadedAt(e)??`-`)],[o.detail.usedIn,A(i.getUsageCount(e),o)]].map(([e,t])=>(0,d.jsxs)(`div`,{className:`flex justify-between gap-4`,children:[(0,d.jsx)(`dt`,{children:(0,d.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,children:e})}),(0,d.jsx)(`dd`,{className:`m-0 text-right`,children:(0,d.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,children:t})})]},e))}),(0,d.jsx)(l.F,{label:o.detail.altText,children:(0,d.jsx)(s.t,{value:i.getAlt(e)??``,placeholder:o.detail.altPlaceholder,onChange:e=>p({alt:e.target.value})})}),(0,d.jsx)(l.F,{label:o.detail.collection,children:(0,d.jsx)(c.Y,{value:y,options:t.map(e=>({value:e.value,label:String(e.label)})),"aria-label":o.detail.collection,onChange:e=>p({collection:e})})}),(0,d.jsx)(l.F,{label:o.detail.tags,children:(0,d.jsx)(s.t,{value:S.join(`, `),placeholder:o.detail.tagsPlaceholder,onChange:e=>p({tags:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})}),(0,d.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,d.jsxs)(`div`,{children:[(0,d.jsx)(r.n,{weight:`semibold`,size:`xs`,children:o.detail.public}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,children:C?o.detail.publicHint:o.detail.privateHint})]}),(0,d.jsx)(c.J,{checked:C,onCheckedChange:e=>p({public:e})})]}),(0,d.jsxs)(`div`,{className:`media-library-detail-panel--actions flex flex-wrap gap-2`,children:[(0,d.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,children:[(0,d.jsx)(f.UploadCloud,{className:`size-3.5`}),o.detail.replace]}),(0,d.jsxs)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,onClick:m,children:[(0,d.jsx)(f.Trash2,{className:`size-3.5`}),o.detail.delete]})]})]})]})}function re({stagedFiles:e,uploadOptions:t,collections:i=[],uploading:o=!1,strings:u,onFiles:p,onRemoveFile:m,onOptionsChange:g,empty:_}){return(0,d.jsxs)(`div`,{className:`media-library-upload-panel--component grid gap-4 p-4`,children:[(0,d.jsx)(c.T,{onDrop:p,accept:`image/*,video/*`,multiple:!0,size:`base`,strings:{instruction:u.upload.dropTitle,helper:u.upload.dropHint,dragOver:u.upload.dragOver}}),e.length>0?(0,d.jsx)(`div`,{className:`media-library-upload-panel--staged grid gap-2`,children:e.map(e=>(0,d.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,d.jsx)(j,{className:`size-10 rounded-md`,children:e.src?(0,d.jsx)(`img`,{src:e.src,alt:e.name,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:O(e.type,`size-4`)})}),(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[(0,d.jsx)(r.n,{weight:`semibold`,size:`xs`,className:`truncate`,children:e.name}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,className:`ml-auto shrink-0`,children:b(e.size)})]}),(e.status===`uploading`||e.status===`done`)&&(0,d.jsx)(`div`,{className:`mt-2 h-1 overflow-hidden rounded-full bg-muted`,children:(0,d.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width]`,style:{width:`${e.progress}%`}})}),e.status===`error`&&(0,d.jsx)(r.n,{size:`xxs`,type:`error`,children:e.error})]}),e.status===`done`?(0,d.jsx)(a.t,{variant:`success`,children:u.upload.done}):e.status===`uploading`?(0,d.jsxs)(r.n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]}):(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:o,"aria-label":h(u.upload.removeFile,{name:e.name}),onClick:()=>m(e.id),children:(0,d.jsx)(f.X,{className:`size-3.5`})})]},e.id))}):_,(0,d.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,d.jsx)(l.F,{label:u.upload.collection,children:(0,d.jsx)(c.Y,{value:t.collection??i[0]?.value,options:i.map(e=>({value:e.value,label:String(e.label)})),"aria-label":u.upload.collection,onChange:e=>g({collection:e})})}),(0,d.jsx)(l.F,{label:u.upload.tags,children:(0,d.jsx)(s.t,{value:t.tags.join(`, `),placeholder:u.upload.tagsPlaceholder,onChange:e=>g({tags:e.target.value.split(`,`).map(e=>e.trim()).filter(Boolean)})})}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-4 md:self-end`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(r.n,{weight:`semibold`,size:`xs`,children:u.upload.public}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,children:u.upload.publicHint})]}),(0,d.jsx)(c.J,{checked:t.public,onCheckedChange:e=>g({public:e})})]})]})]})}function ie({tab:e,selectedIds:i,selectionMode:a,stagedFiles:o,strings:s,onClearSelection:c,className:l}){let u=i.length,f=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,d.jsx)(`div`,{className:m,"aria-live":`polite`,children:(0,d.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:p===0?s.footer.noFiles:h(s.footer.stagedSummary,{count:p,size:b(f)})})}):(0,d.jsx)(`div`,{className:m,"aria-live":`polite`,children:u>0?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r.n,{weight:`semibold`,size:`xs`,className:`whitespace-nowrap`,children:h(s.footer.selectedCount,{count:u})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:c,children:s.footer.clear})]}):(0,d.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:a===`single`?s.footer.pickOne:s.footer.pickMany})})}function ae({tab:e,selectedItems:r,selectedIds:i,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:f,onUpload:p,onCancelUpload:m,className:g}){let _=i.length,v=a.length;return e===`upload`?(0,d.jsxs)(`div`,{className:t.cn(`media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,g),children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,disabled:o,onClick:m,children:l??s.footer.cancel}),(0,d.jsx)(n.t,{type:`button`,disabled:v===0||o,onClick:p,loading:o,loadingLabels:{loading:s.footer.uploading},children:v<=1?s.footer.upload:h(s.footer.uploadMany,{count:v})})]}):(0,d.jsxs)(`div`,{className:t.cn(`media-library-footer-actions--component flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,g),children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:u,children:l??s.footer.cancel}),(0,d.jsx)(n.t,{type:`button`,disabled:_===0,onClick:f,children:c??(_===0?s.footer.confirmEmpty:r.length===1?s.footer.confirmOne:h(s.footer.confirmMany,{count:_}))})]})}function R({tab:e,selectedItems:n,selectedIds:r,selectionMode:i,stagedFiles:a,uploading:o=!1,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:f,onClearSelection:p,onUpload:m,onCancelUpload:h,chrome:g=`section`,className:_}){return(0,d.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,d.jsx)(ie,{tab:e,selectedIds:r,selectionMode:i,stagedFiles:a,strings:s,onClearSelection:p}),(0,d.jsx)(ae,{tab:e,selectedItems:n,selectedIds:r,stagedFiles:a,uploading:o,strings:s,confirmLabel:c,cancelLabel:l,onCancel:u,onConfirm:f,onUpload:m,onCancelUpload:h})]})}var oe=(0,u.createContext)(null);function se(e,t,n){return(0,u.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 ce({title:i,description:a,confirmLabel:s,cancelLabel:c,selectionMode:l=`multiple`,density:g=`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:O,collections:k,value:A,defaultValue:j,onValueChange:M,onItemUpdate:ce,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(m,w),V=D({items:te,fetcher:ne,accessors:O,collections:k,selectionMode:l,value:A,defaultValue:j,onValueChange:M,onItemUpdate:ce,onItemDelete:le,onUpload:ue,onError:de,initialTab:fe,defaultView:pe,defaultQuery:z,defaultType:me,defaultCollection:he,defaultSort:ge,defaultUploadOptions:_e}),H=se(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,u.useContext)(oe),ye=!T?.footer,K=G&&ye?(0,d.jsx)(ie,{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?h(B.countAll,{count:V.totalCount}):h(B.countFiltered,{count:V.filteredCount,total:V.totalCount}),xe=T?.footer??(G?(0,d.jsx)(ae,{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,d.jsx)(R,{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,d.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,d.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,d.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[T?.headerStart,(i||a)&&(0,d.jsxs)(`div`,{className:`min-w-0`,children:[!!i&&(0,d.jsx)(r.n,{tag:`div`,weight:`semibold`,children:i}),!!a&&(0,d.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:a})]})]}),J&&(0,d.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,d.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[v&&(0,d.jsxs)(`div`,{className:`media-library--tabs flex items-center rounded-md bg-muted p-0.5`,role:`tablist`,children:[(0,d.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,d.jsx)(f.ImageIcon,{className:`size-3.5`}),B.tabs.library]}),(0,d.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,d.jsx)(f.UploadCloud,{className:`size-3.5`}),B.tabs.upload,V.stagedFiles.length>0&&(0,d.jsx)(`span`,{className:`rounded-full bg-background/20 px-1.5 text-xxs tabular-nums`,children:V.stagedFiles.length})]})]}),T?.headerEnd]}),K]})]}),(0,d.jsxs)(`div`,{className:`media-library--body flex min-h-0 flex-1`,children:[U===`upload`?(0,d.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:(0,d.jsx)(re,{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,d.jsxs)(`div`,{className:t.cn(`media-library--library min-w-0 flex-1 flex-col`,W?`hidden lg:flex`:`flex`),children:[(0,d.jsxs)(`div`,{className:`media-library--toolbar border-b border-border/70 px-4 py-3`,children:[(0,d.jsx)(P,{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,d.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-2`,"aria-live":`polite`,children:be})]}),(0,d.jsx)(`div`,{className:`media-library--results min-h-0 flex-1 overflow-y-auto p-4`,children:V.loading?T?.loading??(0,d.jsx)(`div`,{className:`flex min-h-64 items-center justify-center`,children:(0,d.jsx)(r.n,{type:`secondary`,children:B.loading})}):V.error?T?.error??(0,d.jsxs)(o.t,{variant:`destructive`,children:[(0,d.jsx)(o.i,{children:B.errorTitle}),(0,d.jsx)(o.r,{children:B.errorDescription})]}):V.visibleItems.length===0?T?.empty??(0,d.jsx)(N,{title:V.hasFilters?B.emptyFilteredTitle:B.emptyLibraryTitle,description:V.hasFilters?B.emptyFilteredDescription:B.emptyLibraryDescription,action:V.hasFilters?(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:V.clearFilters,children:B.clearFilters}):v?(0,d.jsxs)(n.t,{type:`button`,onClick:()=>V.setTab(`upload`),children:[(0,d.jsx)(f.UploadCloud,{className:`size-3.5`}),B.uploadMedia]}):void 0}):V.view===`table`?(0,d.jsx)(`div`,{className:`overflow-x-auto`,children:(0,d.jsx)(I,{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,d.jsx)(`div`,{className:t.cn(`media-library--grid grid gap-3`,g===`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,d.jsx)(`div`,{children:r},t):(0,d.jsx)(F,{item:e,selected:n.selected,density:g,showMeta:_,selectionMode:l,accessors:V.accessors,strings:B,onToggle:n.toggle,onDetails:n.openDetails},t)})})})]}),U===`library`&&(0,d.jsx)(L,{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,p.createPortal)(xe,G.element):null:xe]})}function le({open:n,onOpenChange:r,trigger:a,dialogTitle:o,dialogDescription:s,onClose:c,className:l,dialogClassName:f,contentClassName:p,closeOnEscape:h=!0,closeOnBackdropClick:g=!0,..._}){let v=e.useStrings(m,_.strings),[y,b]=(0,u.useState)(!1),[x,S]=(0,u.useState)(null),C=n!==void 0,w=C?n:y,T=e=>{C||b(e),r?.(e)},E=()=>{T(!1),c?.()};return(0,d.jsx)(oe.Provider,{value:{element:x},children:(0,d.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,d.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))]`,f),contentClassName:t.cn(`media-library-dialog--body flex min-h-0 flex-col overflow-hidden p-0`,p),closeOnBackdropClick:g,closeOnEscape:h,children:(0,d.jsx)(ce,{..._,onClose:E,className:t.cn(`media-library-dialog--library rounded-none border-0`,l),heightClassName:_.heightClassName??`min-h-0 flex-1`,strings:_.strings})})})}function ue(e,t,n){let r=e.slice(),[i]=r.splice(t,1);return i===void 0||r.splice(n,0,i),r}function de({items:i,accessors:o,title:s,description:c,primaryId:l,onPrimaryChange:u,onRemove:p,onReorder:g,onAdd:_,maxItems:v,layout:x=`field`,density:S=`comfortable`,readOnly:C=!1,empty:w,action:T,renderItem:E,strings:ee,className:te,...ne}){let D=e.useStrings(m,ee),O=y(o),k=i.length,A=l??(k>0?O.getId(i[0]):void 0),j=!C&&!!_&&(v===void 0||k<v),M=j&&(x===`field`||k>0)?(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`outline`,icon:f.Plus,onClick:_,children:D.gallery.add}):v!==void 0&&k>=v?(0,d.jsx)(a.t,{variant:`secondary`,children:D.gallery.maxReached}):null,P=(e,t)=>{if(t<0||t>=k||e===t)return;let n=ue(i,e,t);g?.(n.map(e=>O.getId(e)),n)},F=!!(s||c||T||M),I=k===0&&x!==`field`,L=()=>!j||x!==`field`?null:(0,d.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,d.jsx)(f.Plus,{className:`size-4`}),(0,d.jsx)(`span`,{className:`sr-only`,children:D.gallery.addTile})]});return(0,d.jsxs)(`section`,{className:t.cn(`media-resource-gallery--component rounded-lg border border-border bg-card shadow-xs`,te),"data-layout":x,"data-density":S,...ne,children:[F&&(0,d.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,d.jsxs)(`div`,{className:`min-w-0`,children:[!!s&&(0,d.jsx)(r.n,{tag:`div`,weight:`semibold`,children:s}),!!c&&(0,d.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:c})]}),(0,d.jsx)(`div`,{className:`media-resource-gallery--actions flex flex-wrap items-center gap-2`,children:T??M})]}),I?(0,d.jsx)(`div`,{className:`media-resource-gallery--empty p-4 pt-0`,children:w??(0,d.jsx)(N,{title:D.gallery.emptyTitle,description:D.gallery.emptyDescription,action:j?(0,d.jsx)(n.t,{type:`button`,icon:f.ImagePlus,onClick:_,children:D.gallery.add}):void 0})}):(0,d.jsxs)(`div`,{className:t.cn(`media-resource-gallery--items p-4`,F&&`pt-0`,x===`list`?`grid gap-2`:x===`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,g=o===A,_=O.getPublic(e)===!1,v=O.getDuration(e),y=i>0,S=i<k-1,w=E?.(e,{id:o,index:i,total:k,primary:g,accessors:O,canMovePrevious:y,canMoveNext:S,setPrimary:()=>u?.(o,e),remove:()=>p?.(o,e),movePrevious:()=>P(i,i-1),moveNext:()=>P(i,i+1)});return w?(0,d.jsx)(`div`,{children:w},o):x===`field`?(0,d.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`,g&&`col-span-2 row-span-2 min-h-52`),"data-primary":g||void 0,children:[l?(0,d.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center bg-muted text-muted-foreground`,children:(0,d.jsx)(f.File,{className:g?`size-7`:`size-5`})}),g&&(0,d.jsx)(a.t,{variant:`secondary`,className:`absolute left-2 top-2 bg-background/90 shadow-xs`,children:D.gallery.cover}),c===`video`&&!!v&&(0,d.jsxs)(a.t,{variant:`secondary`,className:`absolute bottom-2 left-2 bg-foreground text-background`,children:[(0,d.jsx)(f.Play,{className:`size-3 fill-current`}),v]}),_&&(0,d.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,d.jsx)(f.Lock,{className:`size-3`})}),!C&&(0,d.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:()=>p?.(o,e),children:(0,d.jsx)(f.X,{className:`size-3.5`})})]},o):x===`list`?(0,d.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":g||void 0,children:[(0,d.jsx)(`div`,{className:`relative size-12 shrink-0 overflow-hidden rounded-md bg-muted`,children:l?(0,d.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:(0,d.jsx)(f.File,{className:`size-4`})})}),(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,d.jsx)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),g&&(0,d.jsx)(a.t,{variant:`info`,children:D.gallery.primary})]}),(0,d.jsxs)(r.n,{size:`xxs`,type:`secondary`,children:[h(D.gallery.itemPosition,{index:i+1,total:k}),` · `,b(O.getSize(e))||D.unknownSize]})]}),!C&&(0,d.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:g,"aria-label":D.gallery.setPrimary,onClick:()=>u?.(o,e),children:(0,d.jsx)(f.Star,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!y,"aria-label":D.gallery.movePrevious,onClick:()=>P(i,i-1),children:(0,d.jsx)(f.ArrowLeft,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>P(i,i+1),children:(0,d.jsx)(f.ArrowRight,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":D.gallery.remove,onClick:()=>p?.(o,e),children:(0,d.jsx)(f.Trash2,{className:`size-3.5`})})]})]},o):(0,d.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":g||void 0,children:[(0,d.jsxs)(`div`,{className:`relative aspect-[4/3] bg-muted`,children:[l?(0,d.jsx)(`img`,{src:l,alt:m,loading:`lazy`,className:`size-full object-cover`}):(0,d.jsx)(`div`,{className:`flex size-full items-center justify-center text-muted-foreground`,children:(0,d.jsx)(f.File,{className:`size-6`})}),(0,d.jsxs)(`div`,{className:`absolute left-2 top-2 flex flex-wrap gap-1`,children:[g&&(0,d.jsx)(a.t,{variant:`info`,children:D.gallery.primary}),(0,d.jsx)(a.t,{variant:`secondary`,children:h(D.gallery.itemPosition,{index:i+1,total:k})})]})]}),(0,d.jsxs)(`div`,{className:`media-resource-gallery--item-body grid gap-2 p-3`,children:[(0,d.jsxs)(`div`,{className:`min-w-0`,children:[(0,d.jsx)(r.n,{tag:`div`,weight:`semibold`,size:`xs`,className:`truncate`,children:s}),(0,d.jsx)(r.n,{size:`xxs`,type:`secondary`,children:b(O.getSize(e))||D.unknownSize})]}),!C&&(0,d.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:g,"aria-label":D.gallery.setPrimary,onClick:()=>u?.(o,e),children:(0,d.jsx)(f.Star,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!y,"aria-label":D.gallery.movePrevious,onClick:()=>P(i,i-1),children:(0,d.jsx)(f.ArrowLeft,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,disabled:!S,"aria-label":D.gallery.moveNext,onClick:()=>P(i,i+1),children:(0,d.jsx)(f.ArrowRight,{className:`size-3.5`})}),(0,d.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,className:`ml-auto`,"aria-label":D.gallery.remove,onClick:()=>p?.(o,e),children:(0,d.jsx)(f.Trash2,{className:`size-3.5`})})]})]})]},o)}),L()]})]})}exports.MediaLibrary=ce,exports.MediaLibraryCard=F,exports.MediaLibraryDetailPanel=L,exports.MediaLibraryDialog=le,exports.MediaLibraryEmptyState=N,exports.MediaLibraryFooter=R,exports.MediaLibraryTable=I,exports.MediaLibraryToolbar=P,exports.MediaLibraryUploadPanel=re,exports.MediaResourceGallery=de,exports.defaultMediaLibraryStrings=m,exports.formatMediaLibrarySize=b,exports.formatMediaLibraryString=h,exports.getMediaLibraryDimensions=x,exports.resolveMediaLibraryAccessors=y,exports.useMediaLibrary=D;
 //# sourceMappingURL=index.cjs.map