https://snew.ai/assets/StyleStarterOverlay-Bfzd9oO5.js

1import{r,u as tt,b as rt,j as t}from"./index-L9AYrVUw.js";import{p as ot,h as nt,bi as Re,bj as st,bk as at,be as lt,bl as Ae,ci as Z,a7 as it,b as K,cj as dt,bp as ut,R as ct,n as pt}from"./PlanAccessModal-P_W2GThH.js";import{n as mt}from"./Package.es-CyLjTX4J.js";import{l as ht}from"./UploadSimple.es-BDJIa312.js";import{a as Ee,A as gt,b as bt}from"./aspectRatios-DDqw6bsx.js";import{s as Ie,c as Fe,a as xt}from"./catalog-CkHlpXUG.js";import{S as ft}from"./types-YVLQw7aQ.js";import{S as Oe}from"./SearchInput-h5gAN-Be.js";import{c as Me}from"./search-BKf_V4_4.js";import{t as yt}from"./overrides-DxGb-X-q.js";import{s as vt,S as jt}from"./styleGroups-B2OGYl0a.js";import{c as Be}from"./castingThumbnail-BTwl0DD5.js";import{n as wt}from"./resolveCasting-1-rDPxyF.js";import{e as St}from"./cost-CN2DV9ao.js";import{O as w}from"./overImage-BfLII5AZ.js";import{P as Q,a as Ct}from"./promptBox-D9Xxfn9U.js";import{C as kt}from"./ChatSubmitButton-Bm0hHp2J.js";import"./productFunnel-DiJFcMU2.js";import"./locale-Cctu0V3Y.js";import"./eligibility-B5UjMwH6.js";import"./scoring-Oj4SgCwH.js";import"./visualDirection-6RyRmTlC.js";import"./productHeight-D88Bzh8q.js";import"./qaSignal-BzonQWWb.js";import"./shadow-1gm38VU4.js";const Rt=new Map([["bold",r.createElement(r.Fragment,null,r.createElement("path",{d:"M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20ZM79.57,196.57a60,60,0,0,1,96.86,0,83.72,83.72,0,0,1-96.86,0ZM100,120a28,28,0,1,1,28,28A28,28,0,0,1,100,120ZM194,179.94a83.48,83.48,0,0,0-29-23.42,52,52,0,1,0-74,0,83.48,83.48,0,0,0-29,23.42,84,84,0,1,1,131.9,0Z"}))],["duotone",r.createElement(r.Fragment,null,r.createElement("path",{d:"M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z",opacity:"0.2"}),r.createElement("path",{d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"}))],["fill",r.createElement(r.Fragment,null,r.createElement("path",{d:"M172,120a44,44,0,1,1-44-44A44.05,44.05,0,0,1,172,120Zm60,8A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88.09,88.09,0,0,0-91.47-87.93C77.43,41.89,39.87,81.12,40,128.25a87.65,87.65,0,0,0,22.24,58.16A79.71,79.71,0,0,1,84,165.1a4,4,0,0,1,4.83.32,59.83,59.83,0,0,0,78.28,0,4,4,0,0,1,4.83-.32,79.71,79.71,0,0,1,21.79,21.31A87.62,87.62,0,0,0,216,128Z"}))],["light",r.createElement(r.Fragment,null,r.createElement("path",{d:"M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26ZM71.44,198a66,66,0,0,1,113.12,0,89.8,89.8,0,0,1-113.12,0ZM94,120a34,34,0,1,1,34,34A34,34,0,0,1,94,120Zm99.51,69.64a77.53,77.53,0,0,0-40-31.38,46,46,0,1,0-51,0,77.53,77.53,0,0,0-40,31.38,90,90,0,1,1,131,0Z"}))],["regular",r.createElement(r.Fragment,null,r.createElement("path",{d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"}))],["thin",r.createElement(r.Fragment,null,r.createElement("path",{d:"M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28ZM68.87,198.42a68,68,0,0,1,118.26,0,91.8,91.8,0,0,1-118.26,0Zm124.3-5.55a75.61,75.61,0,0,0-44.51-34,44,44,0,1,0-41.32,0,75.61,75.61,0,0,0-44.51,34,92,92,0,1,1,130.34,0ZM128,156a36,36,0,1,1,36-36A36,36,0,0,1,128,156Z"}))]]),De=r.forwardRef((n,h)=>r.createElement(ot,{ref:h,...n,weights:Rt}));De.displayName="UserCircleIcon";const Te=De;function Pe({id:n,nome:h}){const[f,b]=r.useState(!1);r.useEffect(()=>b(!1),[n]);const m=Be(n);return!m||f?t.jsx(Te,{size:28,weight:"regular",color:"hsl(var(--muted-foreground))"}):t.jsx("img",{src:m,alt:h,onError:()=>b(!0),style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center top"}})}const Le=300,At="0px 1px 0px rgba(0, 0, 0, 0.07)",Ne=6,Et=36;function ze({titulo:n,busca:h,onBusca:f,placeholder:b}){return t.jsxs("div",{style:{flexShrink:0,marginBottom:16},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16,paddingBottom:14},children:[t.jsx("span",{style:{fontSize:15,fontWeight:500,color:"hsl(var(--foreground))"},children:n}),t.jsx(Oe,{autoFocus:!0,value:h,onChange:f,placeholder:b,style:{width:"32%",minWidth:220,marginBottom:0}})]}),t.jsx("div",{style:{height:1,background:"hsl(var(--border))"}})]})}function J({label:n,filled:h,active:f,onClick:b,image:m,anchor:d="center",onClear:u,wide:y=!1}){return t.jsxs("button",{type:"button",onClick:b,className:"group/escolha",style:{position:"relative",flex:1,minWidth:0,aspectRatio:y?"16 / 9":"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 14px",borderRadius:8,border:"none",background:f?"#F4F4F4":"#FFFFFF",boxShadow:"0px 1px 0px rgba(0, 0, 0, 0.1)",color:h?"hsl(var(--foreground))":"hsl(var(--muted-foreground))",fontFamily:"inherit",fontSize:13,cursor:"pointer",transition:"background 120ms ease, color 120ms ease"},children:[h&&u&&t.jsx("span",{role:"button",tabIndex:0,"aria-label":`limpar ${n}`,onClick:x=>{x.stopPropagation(),u()},onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),x.stopPropagation(),u())},className:"opacity-0 transition-opacity group-hover/escolha:opacity-100 focus-visible:opacity-100",style:{position:"absolute",top:10,right:10,zIndex:1,width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:ct.pill,background:w.bgHover,backdropFilter:w.blur,WebkitBackdropFilter:w.blur,color:w.ink,cursor:"pointer"},children:t.jsx(pt,{size:11,weight:"bold"})}),m?t.jsx("span",{"aria-label":n,title:n,style:{position:"absolute",inset:6,borderRadius:6,background:`hsl(var(--muted)) url(${m}) center ${d==="top"?"top":"center"}/cover no-repeat`}}):n]})}function It(n){return n.replace(/^[A-Z]{1,4}-?[A-Z0-9]{1,3}

1\s*·\s*/,"").replace(/\s*[·|]\s*v\d+(\.\d+)*\s*$/i,"").replace(/\s+v\d+(\.\d+)+\s*$/i,"").trim()||n}function tr({info:n}){var we,Se,Ce,ke;const h=tt(),{products:f,loading:b}=nt(),m=n.mode==="product",[d,u]=r.useState(null),[y,x]=r.useState(""),[I,Ze]=r.useState(""),[ee,A]=r.useState(null),[s,F]=r.useState(n.styleId?{id:n.styleId,name:n.styleName??"Preset",thumb:n.styleThumb}:null),[C,te]=r.useState(!1),[re,oe]=r.useState({}),[i,M]=r.useState(m&&n.productImage?{imageUrl:n.productImage,label:n.productName??"Produto"}:null),[c,H]=r.useState(()=>{var e;return((e=Re())==null?void 0:e.id)??null}),v=r.useMemo(()=>{const e=(s==null?void 0:s.id)??null;if(!e)return!0;const o=st(e);return o?wt(o):at(e)},[s==null?void 0:s.id]);r.useEffect(()=>{!v&&d==="casting"&&u(null)},[v,d]);const[_,ne]=r.useState(null),[se,ae]=r.useState(""),[S,He]=r.useState("1:1"),[$,_e]=r.useState("hd"),[P,k]=r.useState(null),le=r.useRef(null),ie=r.useRef(null),[$e,Ue]=r.useState(560);r.useEffect(()=>{const e=()=>{var a;const l=(a=ie.current)==null?void 0:a.getBoundingClientRect();l&&Ue(Math.max(260,Math.round(l.top-20-Et)))};e();const o=requestAnimationFrame(e);return window.addEventListener("resize",e),()=>{cancelAnimationFrame(o),window.removeEventListener("resize",e)}},[d,C]),r.useEffect(()=>{var e;te(!1),M(m&&n.productImage?{imageUrl:n.productImage,label:n.productName??"Produto"}:null),F(n.styleId?{id:n.styleId,name:n.styleName??"Preset",thumb:n.styleThumb}:null),H(((e=Re())==null?void 0:e.id)??null),ae(""),A(null),u(null)},[n.styleId,n.productImage,m]);const de=r.useMemo(()=>{const e=(n.productSegment??"fas").toLowerCase(),o=ft.includes(e)?e:"fas",l=[...Ie(Fe(o)),...Ie(xt(o))],a=new Set;return l.filter(p=>lt(p.id)).filter(p=>a.has(p.id)?!1:(a.add(p.id),!0)).map((p,T)=>({id:p.id,name:p.name,display:It(p.name),thumb:yt(p.id,o)??null,recommended:T<Fe(o).length,searchAliases:p.searchAliases}))},[n.productSegment]),U=r.useMemo(()=>vt(de,e=>e.thumb),[de]),E=r.useMemo(()=>{const e=I.trim().toLowerCase();return e?U.map(o=>{if(Me(e,[o.label,...o.variants.flatMap(a=>a.style.searchAliases??[])]))return o;const l=o.variants.filter(a=>Me(e,[a.style.id,a.label,a.style.display,...a.style.searchAliases??[]]));return l.length?{...o,variants:l}:null}).filter(o=>o!==null).slice(0,60):U.slice(0,60)},[U,I]),L=I.trim().length>0,R=r.useMemo(()=>L?null:E.find(e=>e.id===ee)??null,[E,ee,L]),N=r.useMemo(()=>R?R.variants.map(e=>({v:e,label:e.label})):L?E.flatMap(e=>e.variants.map(o=>({v:o,label:o.label===jt?e.label:`${e.label} · ${o.label}`}))).slice(0,60):null,[R,L,E]);r.useEffect(()=>{if(!C)return document.body.classList.add("snew-hide-board-empty-note"),()=>document.body.classList.remove("snew-hide-board-empty-note")},[C]);const ue=Math.min(Le,$e),We=()=>{u(null),k(null),te(!0)};r.useEffect(()=>{if(C)return;const e=o=>{o.key==="Escape"&&(o.stopPropagation(),We())};return window.addEventListener("keydown",e,!0),()=>window.removeEventListener("keydown",e,!0)},[C]);const Ge=r.useMemo(()=>(f??[]).filter(e=>!y||e.name.toLowerCase().includes(y.toLowerCase())),[f,y]),Ye=()=>{var T;if(!i&&!c||m&&!s)return;const e=(i==null?void 0:i.imageUrl)??n.styleThumb??"",o=(s==null?void 0:s.id)??n.styleId,l=(s==null?void 0:s.name)??n.styleName,a=(i==null?void 0:i.label)??(c?(T=Z(c))==null?void 0:T.name:null)??l??"Preset",p=Date.now();h("/board",{replace:!0,state:ut({productImageUrl:e,productLabel:a,productId:i==null?void 0:i.productId,styles:[{id:o,name:l,castMemberId:v?c:null}],prompt:se,format:S,quality:$,timestamp:p})})},ce=120,Ve={display:"flex",gap:6,margin:"-16px -16px 0",padding:16,borderRadius:12,background:"#F8F8F8"},W={display:"flex",flexDirection:"column",gap:Ne,padding:Ne,borderRadius:6,background:"#FFFFFF",boxShadow:At,border:"none",cursor:"pointer",fontFamily:"inherit",textAlign:"left"},G={fontSize:11,lineHeight:1,padding:0,color:"hsl(var(--muted-foreground))"},Y={width:ce,height:ce,borderRadius:4,overflow:"hidden",background:"hsl(var(--muted) / 0.5)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,position:"relative"},Xe=(!!i||v&&!!c)&&(!m||!!s),qe=m&&d==="style",j=!!(n.productImage||n.styleId||n.styleThumb),[z,pe]=r.useState({x:0,y:0}),O=r.useRef(null),Ke=e=>{const o=e;return!(!o||o.closest("button, a, input, textarea, select, [role='button'], [contenteditable='true']")||o.closest(".starter-popover"))};r.useEffect(()=>{const e=l=>{const a=O.current;!a||!B.current||(a.dx=a.ox+(l.clientX-a.x),a.dy=a.oy+(l.clientY-a.y),B.current.style.translate=`${a.dx}px ${a.dy}px`)},o=()=>{const l=O.current;l&&(O.current=null,he(!1),pe({x:l.dx??l.ox,y:l.dy??l.oy}))};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",o),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",o)}},[]);const[me,he]=r.useState(!1),[g,ge]=r.useState(!0),B=r.useRef(null),V=r.useRef(null),be=r.useRef(null);r.useEffect(()=>{var e;be.current=((e=V.current)==null?void 0:e.getBoundingClientRect().top)??null}),r.useLayoutEffect(()=>{var a;const e=be.current,o=(a=V.current)==null?void 0:a.getBoundingClientRect().top;if(e==null||o==null)return;const l=e-o;Math.abs(l)<1||pe(p=>({x:p.x,y:p.y+l}))},[g]),r.useEffect(()=>{const e=o=>{var a,p;const l=o.target;(a=B.current)!=null&&a.contains(l)||(p=l==null?void 0:l.closest)!=null&&p.call(l,".starter-popover")||(ge(!1),u(null),k(null))};return window.addEventListener("mousedown",e,!0),()=>window.removeEventListener("mousedown",e,!0)},[]);const xe=j?520:680,Qe=340,X=j?{position:"absolute",left:"calc(100% + 12px)",top:0,bottom:"auto",transform:"none",marginBottom:0,width:520,maxWidth:"40vw",height:Math.min(Le+120,Math.max(280,window.innerHeight-160)),maxHeight:"calc(100vh - 120px)"}:{position:"absolute",bottom:"100%",left:"50%",transform:"translateX(-50%)",marginBottom:10,width:xe,maxWidth:"94vw",height:ue,maxHeight:ue},D=(S==="auto"?"3:4":S).split(":").map(Number),Je=D[0]>0?D[0]:3,et=D[1]>

10?D[1]:4,q={outline:"2px solid hsl(var(--color-text-tertiary))",outlineOffset:-2},fe=[{id:"hd",label:"HD"},{id:"2k",label:"2K"},{id:"4k",label:"4K"}],ye={display:"inline-flex",alignItems:"center",gap:4,height:28,padding:"0 8px",borderRadius:8,border:"none",background:"transparent",fontSize:13,color:"hsl(var(--muted-foreground))",fontFamily:"inherit",cursor:"pointer"},ve={position:"absolute",bottom:"100%",left:0,marginBottom:8,minWidth:220,maxHeight:300,overflowY:"auto",padding:6,borderRadius:12,background:"hsl(var(--background))",border:"1px solid hsl(var(--border))",boxShadow:"0 2px 10px rgba(0,0,0,0.08)",zIndex:5},je={width:"100%",display:"flex",alignItems:"center",gap:8,padding:"7px 10px",borderRadius:8,border:"none",fontSize:12,textAlign:"left",cursor:"pointer"};return C?null:rt.createPortal(t.jsxs("div",{style:{position:"fixed",inset:0,display:"flex",alignItems:j?"center":"flex-end",justifyContent:"center",paddingBottom:j?0:56,zIndex:100002,pointerEvents:"none"},children:[!j&&t.jsx("div",{className:"starter-overlay-scrim",style:{position:"absolute",inset:0,background:"rgba(0,0,0,0.55)",backdropFilter:"blur(1px)",pointerEvents:"auto",zIndex:0}}),t.jsx("div",{ref:B,onMouseDown:e=>{Ke(e.target)&&(O.current={x:e.clientX,y:e.clientY,ox:z.x,oy:z.y},he(!0))},style:{display:"flex",flexDirection:"column",alignItems:"center",gap:18,pointerEvents:"none",position:"relative",zIndex:1,translate:me?void 0:`${z.x}px ${z.y}px`,cursor:me?"grabbing":void 0},children:t.jsxs("div",{ref:ie,className:"starter-overlay-box",style:{position:"relative",width:xe,pointerEvents:"auto",...j?{padding:0,background:"transparent",border:"none",boxShadow:"none",display:"flex",flexDirection:"column",gap:8}:{padding:16,borderRadius:16,background:"hsl(var(--background))",border:"1px solid hsl(var(--border))",boxShadow:"0 2px 10px rgba(0,0,0,0.06)"}},children:[j?t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,width:Qe,maxWidth:"100%",margin:"0 auto"},children:[t.jsxs("div",{style:{position:"relative",width:"100%"},children:[g&&t.jsx("span",{"aria-hidden":!0,className:"starter-source-ring"}),t.jsx("div",{ref:V,role:g?void 0:"button",tabIndex:g?void 0:0,title:g?void 0:"Mostrar opções",onClick:()=>{g||ge(!0)},className:"status-shimmer-box",style:{width:"100%",aspectRatio:`${Je} / ${et}`,maxHeight:"calc(100vh - 420px)",borderRadius:"var(--board-card-radius)",overflow:"hidden",cursor:g?void 0:"pointer",background:(()=>{const e=(s==null?void 0:s.thumb)||n.styleThumb||(i==null?void 0:i.imageUrl)||n.productImage;return e?`hsl(var(--muted)) url(${e}) center/cover no-repeat`:"hsl(var(--muted))"})()}})]}),g&&t.jsxs("div",{className:"starter-item-in",style:{display:"flex",gap:8,width:"100%",animationDelay:"0ms"},children:[m?t.jsx(J,{label:s?s.name:"Selecionar preset",filled:!!s,image:(s==null?void 0:s.thumb)??null,onClear:()=>{F(null),A(null)},active:d==="style",onClick:()=>u(d==="style"?null:"style"),wide:!v}):t.jsx(J,{label:i?i.label:"Selecionar produto",filled:!!i,image:(i==null?void 0:i.imageUrl)??null,onClear:()=>M(null),active:d==="product",onClick:()=>u(d==="product"?null:"product"),wide:!v}),v?t.jsx(J,{label:c?((we=Z(c))==null?void 0:we.name)??"Casting":"Selecionar casting",filled:!!c,image:c?Be(c)??null:null,anchor:"top",onClear:()=>{H(null),Ae(null)},active:d==="casting",onClick:()=>u(d==="casting"?null:"casting")}):null]})]}):t.jsxs("div",{style:Ve,children:[t.jsxs("button",{type:"button",title:(i==null?void 0:i.label)??"Produto",onClick:()=>u(d==="product"?null:"product"),style:{...W,...d==="product"?q:{}},children:[t.jsx("span",{style:G,children:"Produto"}),t.jsx("span",{style:{...Y,color:"hsl(var(--muted-foreground))"},children:i?t.jsx("img",{src:i.imageUrl,alt:i.label,style:{width:"100%",height:"100%",objectFit:"cover"}}):t.jsx(mt,{size:18,weight:"regular"})})]}),t.jsxs("button",{type:"button",title:(s==null?void 0:s.name)??n.styleName??"Preset",onClick:()=>m?u(d==="style"?null:"style"):void 0,style:{...W,cursor:m?"pointer":"default",...d==="style"?q:{}},children:[t.jsx("span",{style:G,children:"Preset"}),t.jsx("span",{style:{...Y,color:"hsl(var(--muted-foreground))"},children:(s==null?void 0:s.thumb)??n.styleThumb?t.jsx("img",{src:(s==null?void 0:s.thumb)??n.styleThumb,alt:(s==null?void 0:s.name)??n.styleName??"Preset",style:{width:"100%",height:"100%",objectFit:"cover"}}):t.jsx(it,{size:18,weight:"regular"})})]}),v&&t.jsxs("button",{type:"button",title:c?((Se=Z(c))==null?void 0:Se.name)??"Casting":"Casting",onClick:()=>u(d==="casting"?null:"casting"),style:{...W,...d==="casting"?q:{}},children:[t.jsx("span",{style:G,children:"Casting"}),t.jsx("span",{style:{...Y,color:"hsl(var(--muted-foreground))"},children:c?t.jsx(Pe,{id:c,nome:((Ce=Z(c))==null?void 0:Ce.name)??""}):t.jsx(Te,{size:18,weight:"regular"})})]})]}),t.jsxs("div",{className:j&&g?"starter-item-in":void 0,style:{animationDelay:"60ms",background:Q.bg,borderRadius:Q.radius,padding:16,display:g?"flex":"none",flexDirection:"column",gap:16,boxShadow:Q.shadow},children:[t.jsx("textarea",{value:se,onChange:e=>ae(e.target.value),className:Ct,placeholder:"Descreva um ajuste (opcional)",rows:4,style:{width:"100%",display:"block",border:"none",outline:"none",resize:"none",background:"transparent",padding:0,minHeight:96,fontSize:14,fontFamily:"inherit",color:"hsl(var(--foreground))"}}),t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:2},children:[t.jsxs("div",{style:{position:"relative"},children:[t.jsxs("button",{type:"button",onClick:()=>k(P==="format"?null:"format"),className:"prompt-chip",style:ye,children:[t.jsx(Ee,{ratioId:S,size:14}),S==="auto"?"Auto":S,t.jsx(K,{size:10})]}),P==="format"&&t.jsx("div",{style:ve,children:gt.map(e=>t.jsxs("button",{type:"button",onClick:()=>{He(e.id),k(null)},style:{...je,background:S===e.id?"hsl(var(--muted))":"transparent"},children:[t.jsx(Ee,{ratioId:e.id,size:14}),bt(e.id)]},e.id))})]}),t.jsxs("div",{style:{position:"relative"},children:[t.jsxs("button",{type:"button",onClick:()=>

1k(P==="quality"?null:"quality"),className:"prompt-chip",style:ye,children:[((ke=fe.find(e=>e.id===$))==null?void 0:ke.label)??"HD",t.jsx(K,{size:10})]}),P==="quality"&&t.jsx("div",{style:ve,children:fe.map(e=>t.jsx("button",{type:"button",onClick:()=>{_e(e.id),k(null)},style:{...je,background:$===e.id?"hsl(var(--muted))":"transparent"},children:e.label},e.id))})]})]}),t.jsx("span",{"data-testid":"style-starter-generate",children:t.jsx(kt,{credits:St(1),state:Xe?"active":"disabled",ariaLabel:"Gerar",onClick:Ye})})]})]}),qe&&t.jsxs("div",{className:"starter-popover",style:{...X,display:"flex",flexDirection:"column",overflow:"hidden",padding:16,borderRadius:12,background:"hsl(var(--background))",border:"1px solid hsl(var(--border))",boxShadow:"0 1px 2px rgba(0,0,0,0.08)"},children:[t.jsx(Oe,{autoFocus:!0,value:I,onChange:Ze,placeholder:"Buscar preset ou pose",style:{marginBottom:12}}),R&&t.jsxs("button",{type:"button",onClick:()=>A(null),style:{display:"flex",alignItems:"center",gap:6,marginBottom:10,padding:0,border:"none",background:"transparent",cursor:"pointer",fontFamily:"inherit",fontSize:12,color:"hsl(var(--foreground))"},children:[t.jsx(K,{size:12,style:{transform:"rotate(90deg)"}}),t.jsx("span",{style:{fontWeight:500},children:R.label}),t.jsxs("span",{style:{color:"hsl(var(--muted-foreground))"},children:["· ",R.variants.length," variações"]})]}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(6, minmax(0, 1fr))",gap:8,flex:1,minHeight:0,overflowY:"auto",alignContent:"start",alignItems:"start",gridAutoRows:"max-content"},children:[N==null?void 0:N.map(({v:e,label:o})=>t.jsx("button",{type:"button",title:e.style.display,onClick:()=>{F({id:e.style.id,name:e.style.display,thumb:e.style.thumb}),A(null),u(null)},style:{position:"relative",aspectRatio:"3 / 4",borderRadius:8,overflow:"hidden",padding:0,cursor:"pointer",border:(s==null?void 0:s.id)===e.style.id?"2px solid hsl(var(--foreground))":"

11px solid hsl(var(--border))",background:e.style.thumb?`#FAFAFA url(${e.style.thumb}) center/cover no-repeat`:"hsl(var(--muted))"},children:t.jsx("span",{style:{position:"absolute",left:0,right:0,bottom:0,padding:"10px 6px 4px",fontSize:10,lineHeight:1.2,color:"#fff",textAlign:"left",background:"linear-gradient(transparent, rgba(0,0,0,0.62))"},children:o})},e.style.id)),!N&&E.map(e=>{const o=e.variants.length===1,l=e.variants.some(a=>a.style.id===(s==null?void 0:s.id));return t.jsxs("button",{type:"button",title:o?e.variants[0].style.display:`${e.label} · ${e.variants.length} variações`,onClick:()=>{if(o){const a=e.variants[0].style;F({id:a.id,name:a.display,thumb:a.thumb}),u(null);return}A(e.id)},style:{position:"relative",aspectRatio:"3 / 4",borderRadius:8,overflow:"hidden",padding:0,cursor:"pointer",border:"none",outline:l?"2px solid hsl(var(--foreground))":"1px solid hsl(var(--border))",outlineOffset:l?-2:-1,background:e.cover?`#FAFAFA url(${e.cover}) center/cover no-repeat`:"hsl(var(--muted))"},children:[!e.cover&&t.jsx("span",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",padding:8,textAlign:"center",fontSize:10,lineHeight:1.25,color:"hsl(var(--muted-foreground))"},children:e.label}),!o&&t.jsx("span",{style:{position:"absolute",top:5,right:5,padding:"1px 6px",borderRadius:999,fontSize:10,fontWeight:500,color:"#fff",background:"rgba(0,0,0,0.55)"},children:e.variants.length})]},e.id)})]})]}),d==="product"&&t.jsxs("div",{className:"starter-popover",style:{...X,display:"flex",flexDirection:"column",overflow:"hidden",padding:16,borderRadius:12,background:"hsl(var(--background))",border:"1px solid hsl(var(--border))",boxShadow:"0 1px 2px rgba(0,0,0,0.08)"},children:[t.jsx(ze,{titulo:"Produtos",busca:y,onBusca:x,placeholder:"Procurar produtos"}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(7, minmax(0, 1fr))",gap:12,flex:1,minHeight:0,overflowY:"auto",alignContent:"start",alignItems:"start",gridAutoRows:"max-content"},children:[t.jsxs("button",{type:"button",onClick:()=>{var e;return(e=le.current)==null?void 0:e.click()},title:"enviar image do computador",style:{aspectRatio:"1 / 1",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:6,borderRadius:8,border:"1px dashed hsl(var(--border))",background:"hsl(var(--muted))",color:"hsl(var(--muted-foreground))",fontFamily:"inherit",fontSize:11,cursor:"pointer"},children:[t.jsx(ht,{size:16}),"Enviar image"]}),b&&Array.from({length:24}).map((e,o)=>t.jsx("div",{className:"thumb-skeleton",style:{aspectRatio:"1 / 1",borderRadius:8,border:"1px solid hsl(var(--border))"}},`sk-${o}`)),!b&&Ge.slice(0,80).map(e=>t.jsxs("button",{type:"button",onClick:()=>{M({imageUrl:e.image_url,label:e.name,productId:e.id}),u(null)},title:e.name,style:{position:"relative",aspectRatio:"1 / 1",borderRadius:8,overflow:"hidden",padding:0,cursor:"pointer",border:(i==null?void 0:i.imageUrl)===e.image_url?"2px solid hsl(var(--foreground))":"

11px solid hsl(var(--border))",background:"#FAFAFA"},children:[!re[e.id]&&t.jsx("span",{className:"thumb-skeleton",style:{position:"absolute",inset:0,display:"block"}}),e.image_url&&t.jsx("img",{src:e.image_url,alt:e.name,loading:"lazy",onLoad:()=>oe(o=>({...o,[e.id]:!0})),onError:()=>oe(o=>({...o,[e.id]:!0})),style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:re[e.id]?1:0,transition:"opacity 180ms ease"}})]},e.id))]}),t.jsx("input",{ref:le,type:"file",accept:"image/*",hidden:!0,onChange:e=>{var l;const o=(l=e.target.files)==null?void 0:l[0];o&&(M({imageUrl:URL.createObjectURL(o),label:o.name}),u(null))}})]}),d==="casting"&&t.jsxs("div",{className:"starter-popover",style:{...X,display:"flex",flexDirection:"column",overflow:"hidden",padding:16,borderRadius:12,background:"hsl(var(--background))",border:"1px solid hsl(var(--border))",boxShadow:"0 1px 2px rgba(0,0,0,0.08)"},children:[t.jsx(ze,{titulo:"Elenco",busca:y,onBusca:x,placeholder:"Procurar no elenco"}),t.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(7, minmax(0, 1fr))",gap:12,flex:1,minHeight:0,overflowY:"auto",alignContent:"start",alignItems:"start",gridAutoRows:"max-content"},children:dt.filter(e=>e.name.toLowerCase().includes(y.trim().toLowerCase())).map(e=>t.jsxs("button",{type:"button",onClick:()=>{H(e.id),Ae(e.id),u(null)},title:e.name,onMouseEnter:()=>ne(e.id),onMouseLeave:()=>ne(o=>o===e.id?null:o),style:{position:"relative",aspectRatio:"1 / 1",borderRadius:8,overflow:"hidden",padding:0,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",border:"none",outline:c===e.id?"2px solid hsl(var(--muted-foreground))":_===e.id?"2px solid hsl(var(--muted))":"1px solid hsl(var(--muted))",outlineOffset:c===e.id||_===e.id?-2:-1,transition:"outline-color 140ms ease",background:"hsl(var(--muted))"},children:[t.jsx(Pe,{id:e.id,nome:e.name}),t.jsx("span",{style:{position:"absolute",left:8,bottom:8,maxWidth:"calc(100% - 16px)",padding:"3px 6px",borderRadius:4,background:w.bg,backdropFilter:w.blur,WebkitBackdropFilter:w.blur,color:w.ink,fontSize:11,lineHeight:1.3,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",opacity:c===e.id||_===e.id?1:0,transition:"opacity 140ms ease",pointerEvents:"none"},children:e.name})]},e.id))})]})]})})]}),document.body)}export{tr as default};