https://airawath.com/_next/static/chunks/6832.9e6d77b7659b06d3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6832],{35363:function(e,t,o){o.d(t,{Z:function(){return l}});let l=(0,o(79205).Z)("sliders-horizontal",[["path",{d:"M10 5H3",key:"1qgfaw"}],["path",{d:"M12 19H3",key:"yhmn1j"}],["path",{d:"M14 3v4",key:"1sua03"}],["path",{d:"M16 17v4",key:"1q0r14"}],["path",{d:"M21 12h-9",key:"1o4lsq"}],["path",{d:"M21 19h-5",key:"1rlt1p"}],["path",{d:"M21 5h-7",key:"1oszz2"}],["path",{d:"M8 10v4",key:"tgpxqk"}],["path",{d:"M8 12H3",key:"a7s4jb"}]])},32489:function(e,t,o){o.d(t,{Z:function(){return l}});let l=(0,o(79205).Z)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},44769:function(e,t,o){var l=o(57437),a=o(2265),r=o(32489),n=o(99397),i=o(40875),s=o(21513),c=o(88781);t.Z=e=>{let{value:t,onChange:o,templateColors:d=[],onTemplateColorsChange:u,collapsible:h=!0,ariaLabel:p="Pick custom color",collapsedPresetRows:g=3}=e,m=(0,a.useRef)(null),[f,x]=(0,a.useState)(!1),b=d.length>0&&!!u,y=(0,a.useMemo)(()=>new Set([...s.rl.map(e=>e.toLowerCase()),...d.map(e=>e.toLowerCase())]),[d]),w=d.length<10,[A,k]=(0,a.useState)(!1),j=u&&!y.has(t.toLowerCase())?t:null,v=(0,a.useMemo)(()=>{let e=Math.max(1,g),t=1+(j?1:0);return Math.max(0,Math.min(s.rl.length,6*e-t))},[g,j]),S=s.rl.length>v,C=e=>{if(u){if(!w){k(!0),setTimeout(()=>k(!1),2500);return}y.has(e.toLowerCase())||u([...d,e])}},M=e=>{null==u||u(d.filter(t=>t!==e))};return(0,l.jsxs)("div",{className:"rounded-xl p-3",style:{border:c.T5},children:[b&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{style:{paddingBottom:c.zf.paddingLg},children:[(0,l.jsxs)("label",{className:"text-xs font-semibold mb-1.5 block",style:{fontFamily:c.ut,color:c.DM.textMuted},children:["Custom Colors (",d.length,"/",10,")"]}),(0,l.jsx)("div",{className:"grid grid-cols-6",style:{columnGap:c.zf.gapLg,rowGap:c.zf.paddingLg},children:d.map(e=>(0,l.jsxs)("div",{className:"relative group",children:[(0,l.jsx)("button",{type:"button",onClick:()=>o(e),title:e,style:{...c.x1.swatch,backgroundColor:e,border:t.toLowerCase()===e.toLowerCase()?"2px solid ".concat(c.DM.textMuted):"#ffffff"===e.toLowerCase()?"1px solid ".concat(c.DM.divider):"1px solid transparent"}}),(0,l.jsx)("button",{type:"button",onClick:()=>M(e),className:"absolute -top-1 -right-1 w-3.5 h-3.5 rounded-full bg-gray-400 text-white flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer",style:{fontSize:8,lineHeight:1},title:"Remove color",children:(0,l.jsx)(r.Z,{size:8})})]},e))})]}),(0,l.jsx)("div",{style:{borderTop:"1px solid ".concat(c.DM.divider),paddingTop:c.zf.paddingLg}})]}),(0,l.jsxs)("div",{className:"grid grid-cols-6",style:{columnGap:c.zf.gapLg,rowGap:c.zf.paddingLg},children:[(0,l.jsxs)("button",{type:"button",onClick:()=>{var e;return null===(e=m.current)||void 0===e?void 0:e.click()},className:"flex items-center justify-center",style:{...c.x1.swatch,background:"conic-gradient(red, yellow, lime, aqua, blue, magenta, red)",padding:2,position:"relative"},title:p,children:[(0,l.jsx)("div",{style:{width:"100%",height:"100%",borderRadius:c.zf.radiusRound,backgroundColor:c.DM.white,display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)(n.Z,{size:14,style:{color:c.DM.text}})}),(0,l.jsx)("input",{ref:m,type:"color",value:t,onChange:e=>o(e.target.value),"aria-label":p,style:{position:"absolute",top:"50%",left:"50%",width:0,height:0,opacity:0,pointerEvents:"none"}})]}),j&&(0,l.jsxs)("div",{className:"flex flex-col items-center",style:{gap:2},children:[(0,l.jsx)("div",{style:{...c.x1.swatch,backgroundColor:j,border:"2px solid ".concat(c.DM.textMuted)}}),(0,l.jsx)("button",{type:"button",onClick:()=>C(j),title:w?"Save ".concat(j.toUpperCase()," to custom colors"):"Max ".concat(10," colors reached"),className:"cursor-pointer hover:opacity-80 transition-opacity",style:{fontFamily:c.ut,fontSize:9,fontWeight:600,color:w?c.DM.primary:"#ef4444",background:"none",border:"none",padding:0,whiteSpace:"nowrap"},children:w?"+ Save":"Max"}),A&&(0,l.jsx)("span",{style:{fontFamily:c.ut,fontSize:8,color:"#ef4444",whiteSpace:"nowrap"},children:"Limit reached!"})]}),(f||!h?s.rl:s.rl.slice(0,v)).map(e=>(0,l.jsx)("button",{type:"button",onClick:()=>o(e),title:e,style:{...c.x1.swatch,backgroundColor:e,border:t.toLowerCase()===e.toLowerCase()?"2px solid ".concat(c.DM.textMuted):"#ffffff"===e.toLowerCase()?"1px solid ".concat(c.DM.divider):"1px solid transparent"}},e))]}),h&&S&&(0,l.jsxs)("button",{type:"button",onClick:()=>x(e=>!e),className:"w-full flex items-center justify-center pt-2 cursor-pointer border-0 bg-transparent hover:opacity-80 transition-opacity".concat(g<3?" gap-1":""),style:{color:g<3?c.DM.primary:c.DM.text,fontFamily:c.ut,fontSize:12,fontWeight:600},"aria-expanded":f,"aria-label":f?"Show fewer preset colors":"Show more preset colors",children:[g<3&&(f?"Show less":"More colors"),(0,l.jsx)(i.Z,{size:16,style:{transform:f?"rotate(180deg)":"none",transition:"transform 200ms"}})]})]})}},86832:function(e,t,o){o.r(t),o.d(t,{default:function(){return S}});

1var l=o(57437),a=o(2265),r=o(35363),n=o(32489),i=o(40875),s=o(88781),c=o(44769);let d=(0,o(30166).default)(()=>Promise.all([o.e(4705),o.e(1073)]).then(o.bind(o,11073)),{loadableGenerated:{webpack:()=>[11073]},ssr:!1,loading:()=>(0,l.jsx)("div",{className:"w-full h-full",style:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#faf5ff",color:"#7c3aed",fontSize:11,fontWeight:700},children:"Loading..."})});var u=e=>{let{bg:t,selected:o,onSelect:a}=e;return(0,l.jsx)("button",{type:"button",onClick:()=>a(t.file_url),className:"rounded-2xl cursor-pointer",title:t.name,"aria-pressed":o,"aria-label":t.name,style:{aspectRatio:"1 / 1",border:o?"2.5px solid ".concat(s.DM.primary):"2.5px solid transparent",padding:o?2:0,overflow:"hidden"},children:"video"===t.media_type?(0,l.jsx)("video",{src:t.file_url,className:"w-full h-full object-cover",muted:!0,onMouseEnter:e=>{e.target.play().catch(e=>console.warn("Video autoplay blocked:",e))},onMouseLeave:e=>{let t=e.target;t.pause(),t.currentTime=0}}):"lottie"===t.media_type?(0,l.jsx)(d,{src:t.file_url,className:"w-full h-full"}):(0,l.jsx)("img",{src:t.thumb_url||t.file_url,alt:t.name,className:"w-full h-full object-cover",loading:"lazy"})})},h=o(92442),p=o(21513);let g={fontFamily:s.ut,fontSize:13,fontWeight:600,color:s.DM.black,lineHeight:"normal",whiteSpace:"nowrap"},m={fontFamily:s.ut,fontSize:12,fontWeight:600,color:"rgba(28, 75, 90, 0.5)",lineHeight:"normal",whiteSpace:"nowrap"},f={display:"grid",gridTemplateColumns:"repeat(5, minmax(0, 1fr))",gap:"clamp(10px, 1vw, 14px)"},x={fontFamily:s.ut,fontSize:12,color:s.DM.textMuted,marginTop:8,textAlign:"center"};function b(e){let{icon:t}=e,o=null==t?void 0:t.trim();return(0,h.hU)(o)?(0,l.jsx)("span",{className:"inline-flex shrink-0 items-center justify-center overflow-hidden",style:{width:16,height:16},"aria-hidden":!0,children:(0,l.jsx)("img",{src:o,alt:"",width:16,height:16,className:"object-contain"})}):o?(0,l.jsx)("span",{className:"inline-flex shrink-0 items-center justify-center",style:{width:16,height:16,fontSize:14,lineHeight:1},"aria-hidden":!0,children:o}):(0,l.jsx)("span",{className:"inline-flex shrink-0 rounded-full",style:{width:16,height:16,backgroundColor:"#B5C9BF"},"aria-hidden":!0})}var y=e=>{let{categories:t,expanded:o,loadCategoryItems:r,isSelected:n,onSelect:i}=e,[s,c]=(0,a.useState)({}),d=e=>{let t=!s[e];c(o=>({...o,[e]:t})),t&&r(e)};return(0,l.jsx)("div",{children:t.map(e=>{let t=!!s[e.slug],r=o[e.slug],c=t&&!!r&&r.items.length>0,h=c?r.items:e.items.slice(0,p.rp),y=e.total>p.rp;return 0===h.length?null:(0,l.jsxs)(a.Fragment,{children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",style:{marginTop:"clamp(13px, calc(1.5vw + 9px), 31px)"},children:[(0,l.jsxs)("div",{className:"flex min-w-0 items-center",style:{gap:4},children:[(0,l.jsx)(b,{icon:e.icon}),(0,l.jsx)("span",{style:g,children:e.name})]}),y&&(0,l.jsx)("button",{type:"button",className:"shrink-0 cursor-pointer border-0 bg-transparent p-0 hover:opacity-80",style:m,"aria-expanded":t,"aria-label":t?"".concat(e.name,": show fewer backgrounds"):"".concat(e.name,": see all ").concat(e.total," backgrounds"),onClick:()=>d(e.slug),children:t?"Show less":"See all (".concat(e.total,")")})]}),(0,l.jsx)("div",{className:c?"custom-scrollbar-thin":void 0,style:{...f,marginTop:"max(10px, 0.83vw)",...c?{maxHeight:"60vh",overflowY:"auto"}:{}},children:h.map(e=>(0,l.jsx)(u,{bg:e,selected:n(e.file_url),onSelect:i},e.id))}),t&&(null==r?void 0:r.loading)&&(0,l.jsx)("p",{style:x,children:"Loading…"}),t&&(null==r?void 0:r.error)&&(0,l.jsx)("p",{style:x,children:"Couldn't load all — showing a preview."})]},e.id)})})};let w=null,A=0;function k(){return"https://api.airawath.com/v1/".replace(/\/$/,"")}let j=[{key:"designer",label:"Designer's\nChoice",icon:{src:"/_next/static/media/designer_choice.d71d35ee.png",height:300,width:300,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA1UlEQVR42i2MzUrDQBgA59vuJo3BNIjgoYg/+C6+snkGQZFeFCyI2pM/BW2zSTa7n1J6GJjLjGhKN6v1+3Xupnqc5dLHkS2i2euXbP1LI/3Hm8phTdz8YHtPCgPdEBlWa8ZqglWDDstn2TwsiL5Fwwhdh8wqzPmVWslLCd+PjL7D1keQEuIcOo6k5ZOYLPxSzOeIEdAEE4OGYedSzTBDVqpaR35xiTs9Q70HBY0RbVu1URHaT5i4XZl8i4Swv6iYoqgaW5/gF/fa3d0i1mEOSv0HyafNH1BBdF8YbvkBAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}}

1,{key:"blur",label:"Background\nBlur",icon:{src:"/_next/static/media/background_blur.133ab4c9.png",height:238,width:238,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAVFBMVEUcS1ocS1ocS1kbS1obSlocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1ocS1p6eK3cAAAAHHRSTlMCBgYGBggTFBUeHy4vOz0+QEFCV1laW2FigIKDkA97vQAAAEVJREFUeNoVykkSgCAMBMBxwZAEkbAq/v+fln1uwHkRcoAbIZmOHT5crcdAkNSeWYwh1udbM4M0lnrq8WfLem/AQszHig9zeAMo625D5QAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8},padding:"clamp(5px, 0.62vw, 8px)"},{key:"white",label:"Theme\nWhite",icon:{src:"/_next/static/media/theme_white.6d5ad008.png",height:300,width:300,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAyElEQVR42h3JPU7DQBRF4fPejB2CbSVCoqSgYilZLRUNVkRFQc0aEEIRP2kCNs7MXEz0Xd3m2N3r9t6wTVZWkWwGIDe3Ukof/6Mk2tjY0hZUs/ktKrJqu01MSrqo1nZj10zjRPQA5qgU2kUjR2ZCcJqYlBn2nyzOIkeyRTfnJ4/UXU3XNBx+J6YpEUJEGA7IA7zs3tk+PhOLWK5XpFxwd0XH7JgTYz1wedVyCANlRgVuwVzQY8bb94d2+y9uH54IqVJbzqmH2P8BVC1eBh/fl+QAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8}},{key:"custom",label:"Custom",icon:{src:"/_next/static/media/custom.84fe35fb.png",height:111,width:119,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAkUlEQVR42k3NOwrCQBSF4YiFuIZMbeMWLBSsJr0wg2BhdiEuwMY9uBdXYZnGVKnyhLz+m9wiAx/D3HOGG5jIrQOOibxDgwqXaWbJ5tBtjfX/0PqB4UAhxya0biW5lvxXwxSPZbDHG0c8ccYLH+ykkOjPDHfcDKtUIoWWXR37pfTDVULePXcrhRgFSpxwQK2zeAQ81ERKrHpBOgAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:7},padding:"clamp(14px, 1.56vw, 20px)"}],v=["red","orange","yellow","green","blue","purple","pink","brown","black","white","grey","teal","gold","multicolor"];var S=e=>{let{activePreset:t,onPresetChange:o,themeColor:d,onThemeColorChange:h,themeBackgroun

1dColor:g,onThemeBackgroundColorChange:m,themeTextMode:f,onThemeTextModeChange:x,backgroundUrl:b,backgrounds:S=[],onBackgroundSelect:C,templateColors:M,onTemplateColorsChange:N,hideDesignerChoice:D}=e,z=D?j.filter(e=>"designer"!==e.key):j;(0,a.useEffect)(()=>{D&&"designer"===t&&o("custom")},[D,t,o]);let L=(0,a.useRef)(null),[F,R]=(0,a.useState)([]),[E,B]=(0,a.useState)(!1),[U,H]=(0,a.useState)(!1),{categories:T,loading:W,error:V,expanded:Z,loadCategoryItems:I}=function(e){let[t,o]=(0,a.useState)(w||[]),[l,r]=(0,a.useState)(!1),[n,i]=(0,a.useState)(!1),[s,c]=(0,a.useState)({}),d=(0,a.useRef)(!1),u=(0,a.useRef)(new Set);return(0,a.useEffect)(()=>{if(!e)return;if(w&&Date.now()-A<18e5){o(w);return}if(d.current)return;d.current=!0;let t=k();t&&(r(!0),i(!1),fetch("".concat(t,"/backgrounds/categorized?top_n=").concat(p.rp)).then(e=>{if(!e.ok)throw Error("HTTP ".concat(e.status));return e.json()}).then(e=>{var t;let l=(null==e?void 0:null===(t=e.data)||void 0===t?void 0:t.categories)||[];w=l,A=Date.now(),o(l)}).catch(e=>{console.error("Failed to load background categories",e),i(!0)}).finally(()=>r(!1)))},[e]),{categories:t,loading:l,error:n,expanded:s,loadCategoryItems:(0,a.useCallback)(e=>{if(u.current.has(e))return;u.current.add(e),c(t=>({...t,[e]:{items:[],loading:!0,error:!1}}));let t=k();t&&fetch("".concat(t,"/backgrounds/categories/").concat(encodeURIComponent(e),"?limit=").concat(100)).then(e=>{if(!e.ok)throw Error("HTTP ".concat(e.status));return e.json()}).then(t=>{var o;let l=(null==t?void 0:null===(o=t.data)||void 0===o?void 0:o.items)||[];c(t=>({...t,[e]:{items:l,loading:!1,error:!1}}))}).catch(t=>{u.current.delete(e),console.error('Failed to load category "'.concat(e,'"'),t),c(t=>({...t,[e]:{items:[],loading:!1,error:!0}}))})},[])}}("custom"===t);(0,a.useEffect)(()=>{if(!E)return;let e=e=>{L.current&&!L.current.contains(e.target)&&B(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[E]);let P=e=>{R(t=>t.filter(t=>t!==e))},Y=e=>{F.includes(e)||R(t=>[...t,e]),B(!1)},_=F.length>0?S.filter(e=>e.color_tag&&F.includes(e.color_tag)):S,q=e=>{try{return new URL(e).pathname}catch(t){return e}},Q=e=>!!(b&&e&&q(b)===q(e)),G=e=>null==C?void 0:C(e),O=0===F.length,J=O&&!V&&T.length>0,X=O&&W&&0===T.length;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("h3",{className:"font-semibold",style:{fontFamily:s.ut,fontSize:24,color:s.DM.black,margin:0,lineHeight:1},children:"Theme"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"text-sm font-semibold mb-2 block",style:{fontFamily:s.ut,fontSize:14,color:s.DM.black},children:"Preset"}),(0,l.jsx)("div",{className:"flex justify-between",children:z.map(e=>{let{key:a,label:r,icon:n,padding:i}=e,c=t===a;return(0,l.jsxs)("button",{type:"button",onClick:()=>o(a),className:"flex flex-col items-center gap-1 cursor-pointer",style:{width:"22%"},children:[(0,l.jsx)("div",{className:"aspect-square rounded-xl overflow-hidden w-full flex items-center justify-center",style:{border:c?"2px solid ".concat(s.DM.primary):s.T5,backgroundColor:s.DM.bgLight,padding:i||0},children:(0,l.jsx)("img",{src:n.src,alt:r.replace("\n"," "),className:"w-full h-full",style:{objectFit:i?"contain":"cover"}})}),(0,l.jsx)("span",{className:"text-center leading-tight",style:{fontFamily:s.ut,fontSize:"clamp(9px, 0.86vw, 11px)",fontWeight:500,color:s.DM.text,whiteSpace:"pre-line"},children:r})]},a)})})]}),"white"===t&&(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"text-sm font-semibold mb-1.5 block",style:{fontFamily:s.ut,color:s.DM.text},children:"Page Backdrop"}),(0,l.jsx)("p",{className:"mb-1.5",style:{fontFamily:s.ut,fontSize:11,color:s.DM.textMuted},children:"Colour behind the invitation. Not part of the design guests receive."}),(0,l.jsx)(c.Z,{value:g,onChange:m,templateColors:M,onTemplateColorsChange:N,ariaLabel:"Pick page backdrop color"})]}),("blur"===t||"custom"===t)&&(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"text-sm font-semibold mb-1.5 block",style:{fontFamily:s.ut,color:s.DM.text},children:"Text Color"}),(0,l.jsx)("div",{className:"flex rounded-xl overflow-hidden",style:{border:s.T5},children:["auto","light","dark"].map(e=>{let t=f===e;return(0,l.jsx)("button",{type:"button",onClick:()=>x(e),className:"flex-1 py-2 cursor-pointer transition-colors capitalize",style:{fontFamily:s.ut,fontSize:13,fontWeight:t?600:500,backgroundColor:t?s.DM.primary:"transparent",color:t?"#fff":s.DM.text,border:"none"},children:"auto"===e?"Auto":"light"===e?"Light":"Dark"},e)})})]}),("blur"===t||"custom"===t)&&(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{className:"text-sm font-semibold mb-1.5 block",style:{fontFamily:s.ut,color:s.DM.text},children:"Right Panel Theme"}),(0,l.jsx)(c.Z,{value:d,onChange:h,templateColors:M,onTemplateColorsChange:N,ariaLabel:"Pick custom theme color",collapsedPresetRows:2})]}),"custom"===t&&(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,l.jsx)("label",{className:"text-sm font-semibold",style:{fontFamily:s.ut,fontSize:14,color:s.DM.black}

1,children:"Background Images"}),(0,l.jsxs)("div",{className:"relative",ref:L,children:[(0,l.jsxs)("button",{type:"button",onClick:()=>B(e=>!e),"aria-expanded":E,"aria-haspopup":"true","aria-controls":"theme-panel-color-filter-popover",className:"flex items-center gap-1 px-1 py-0.5 cursor-pointer hover:opacity-80 transition-opacity",style:{fontFamily:s.ut,fontSize:12,fontWeight:600,color:s.DM.primary},children:["Filter by Color",(0,l.jsx)(r.Z,{size:14,style:{transform:"rotate(90deg)"}})]}),E&&(0,l.jsx)("div",{id:"theme-panel-color-filter-popover",className:"absolute right-0 top-full mt-1 flex flex-wrap gap-1.5 p-2 rounded-lg z-10",style:{backgroundColor:"#fff",border:s.T5,boxShadow:"0 4px 12px rgba(0,0,0,0.1)",width:180},children:v.map(e=>(0,l.jsx)("button",{type:"button",onClick:()=>Y(e),className:"px-2 py-1 rounded text-xs cursor-pointer hover:opacity-80 transition-opacity capitalize",style:{fontFamily:s.ut,fontSize:11,fontWeight:500,backgroundColor:F.includes(e)?s.DM.primary:s.DM.bgLight,color:F.includes(e)?"#fff":s.DM.text},children:e},e))})]})]}),F.length>0&&(0,l.jsx)("div",{className:"flex flex-wrap gap-1.5 mb-3",children:F.map(e=>(0,l.jsxs)("span",{className:"flex items-center gap-1 px-1.5 py-1 rounded-md capitalize",style:{backgroundColor:s.DM.bgLight,fontFamily:s.ut,fontSize:12,fontWeight:600,color:s.DM.primary},children:[e,(0,l.jsx)("button",{type:"button",onClick:()=>P(e),className:"cursor-pointer hover:opacity-70",title:"Remove ".concat(e," filter"),children:(0,l.jsx)(n.Z,{size:14})})]},e))}),X&&(0,l.jsx)("p",{className:"text-sm text-center mt-3",style:{fontFamily:s.ut,color:s.DM.textMuted},children:"Loading backgrounds…"}),J&&(0,l.jsx)(y,{categories:T,expanded:Z,loadCategoryItems:I,isSelected:Q,onSelect:G}),!J&&!X&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"grid grid-cols-6 gap-2.5".concat(U?" custom-scrollbar-thin overflow-y-auto":""),style:U?{maxHeight:"60vh"}:void 0,children:(U?_:_.slice(0,17)).map(e=>(0,l.jsx)(u,{bg:e,selected:Q(e.file_url),onSelect:G},e.id))}),_.length>17&&(0,l.jsxs)("button",{type:"button",onClick:()=>H(e=>!e),"aria-expanded":U,"aria-label":U?"Show fewer background thumbnails":"Show all ".concat(_.length," backgrounds"),className:"w-full flex items-center justify-center gap-1 pt-2 cursor-pointer border-0 bg-transparent hover:opacity-70 transition-opacity",style:{fontFamily:s.ut,fontSize:12,fontWeight:600,color:s.DM.primary},children:[U?"Show Less":"Show All (".concat(_.length,")"),(0,l.jsx)(i.Z,{size:16,style:{transform:U?"rotate(180deg)":"none",transition:"transform 200ms"}})]}),0===_.length&&(0,l.jsx)("p",{className:"text-sm text-center mt-3",style:{fontFamily:s.ut,color:s.DM.textMuted},children:F.length>0?"No backgrounds match selected filters":"No backgrounds in library yet"})]})]})]})}}}]);