https://metaimg.ai/_next/static/chunks/390-3b942fe6cd93a481.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[390],{4238:(e,t,o)=>{o.d(t,{I1:()=>n,Oh:()=>s,mX:()=>r,tO:()=>l,w1:()=>d,z0:()=>i});var a=o(475);function n(e){return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[(0,a.jsx)("path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}),(0,a.jsx)("rect",{width:"4",height:"12",x:"2",y:"9"}),(0,a.jsx)("circle",{cx:"4",cy:"4",r:"2"})]})}function i(e){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",...e,children:(0,a.jsx)("path",{d:"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"})})}function r(e){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",...e,children:(0,a.jsx)("path",{d:"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"})})}function s(e){return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[(0,a.jsx)("path",{d:"M4 11a9 9 0 0 1 9 9"}),(0,a.jsx)("path",{d:"M4 4a16 16 0 0 1 16 16"}),(0,a.jsx)("circle",{cx:"5",cy:"19",r:"1"})]})}function l(e){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",...e,children:(0,a.jsx)("path",{d:"M12.001 22C6.47813 22 2.00098 17.5228 2.00098 12C2.00098 6.47715 6.47813 2 12.001 2C17.5238 2 22.001 6.47715 22.001 12C22.001 17.5228 17.5238 22 12.001 22ZM12.001 20C16.4193 20 20.001 16.4183 20.001 12C20.001 7.58172 16.4193 4 12.001 4C7.5827 4 4.00098 7.58172 4.00098 12C4.00098 16.4183 7.5827 20 12.001 20ZM13.3345 12C14.1629 12 14.8345 11.3284 14.8345 10.5C14.8345 9.67157 14.1629 9 13.3345 9H10.501V12H13.3345ZM13.3345 7C15.2675 7 16.8345 8.567 16.8345 10.5C16.8345 12.433 15.2675 14 13.3345 14H10.501V17H8.50098V7H13.3345Z"})})}function d(e){return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[(0,a.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,a.jsx)("path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"}),(0,a.jsx)("path",{d:"M2 12h20"})]})}},2541:(e,t,o)=>{o.d(t,{$:()=>d});var a=o(475),n=o(107),i=o(7820),r=o(669),s=o(2250);let l=(0,r.F)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),d=n.forwardRef((e,t)=>{let{className:o,variant:n,size:r,asChild:d=!1,...c}=e,u=d?i.DX:"button";return(0,a.jsx)(u,{className:(0,s.cn)(l({variant:n,size:r,className:o})),ref:t,...c})});d.displayName="Button"},6118:(e,t,o)=>{o.d(t,{SQ:()=>c,_2:()=>u,mB:()=>g,rI:()=>l,ty:()=>d});var a=o(475),n=o(107),i=o(3615),r=o(2899),s=o(2250);let l=i.bL,d=i.l9;i.YJ,i.ZL,i.Pb,i.z6,n.forwardRef((e,t)=>{let{className:o,inset:n,children:l,...d}=e;return(0,a.jsxs)(i.ZP,{ref:t,className:(0,s.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",n&&"pl-8",o),...d,children:[l,(0,a.jsx)(r.vKP,{className:"ml-auto h-4 w-4"})]})}).displayName=i.ZP.displayName,n.forwardRef((e,t)=>

1{let{className:o,...n}=e;return(0,a.jsx)(i.G5,{ref:t,className:(0,s.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",o),...n})}).displayName=i.G5.displayName;let c=n.forwardRef((e,t)=>{let{className:o,sideOffset:n=4,...r}=e;return(0,a.jsx)(i.ZL,{children:(0,a.jsx)(i.UC,{ref:t,sideOffset:n,className:(0,s.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",o),...r})})});c.displayName=i.UC.displayName;let u=n.forwardRef((e,t)=>{let{className:o,inset:n,...r}=e;return(0,a.jsx)(i.q7,{ref:t,className:(0,s.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n&&"pl-8",o),...r})});u.displayName=i.q7.displayName,n.forwardRef((e,t)=>{let{className:o,children:n,checked:l,...d}=e;return(0,a.jsxs)(i.H_,{ref:t,className:(0,s.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),checked:l,...d,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(i.VF,{children:(0,a.jsx)(r.Srz,{className:"h-4 w-4"})})}),n]})}).displayName=i.H_.displayName,n.forwardRef((e,t)=>{let{className:o,children:n,...l}=e;return(0,a.jsxs)(i.hN,{ref:t,className:(0,s.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),...l,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(i.VF,{children:(0,a.jsx)(r.RiX,{className:"h-4 w-4 fill-current"})})}),n]})}).displayName=i.hN.displayName,n.forwardRef((e,t)=>{let{className:o,inset:n,...r}=e;return(0,a.jsx)(i.JU,{ref:t,className:(0,s.cn)("px-2 py-1.5 text-sm font-semibold",n&&"pl-8",o),...r})}).displayName=i.JU.displayName;let g=n.forwardRef((e,t)=>{let{className:o,...n}=e;return(0,a.jsx)(i.wv,{ref:t,className:(0,s.cn)("-mx-1 my-1 h-px bg-muted",o),...n})});g.displayName=i.wv.displayName},757:(e,t,o)=>{o.d(t,{$r:()=>d,HW:()=>n,NM:()=>r,VW:()=>s,jg:()=>l,tn:()=>i});var a=o(6458);let n=a.z.union([a.z.literal(100),a.z.literal(200),a.z.literal(300),a.z.literal(400),a.z.literal(500),a.z.literal(600),a.z.literal(700),a.z.literal(800),a.z.literal(900)]).default(400),i=a.z.enum(["inter","open-sans","noto-sans","noto-sans-jp","noto-sans-tc","noto-sans-sc","roboto","poppins","montserrat","lato","manrope","ubuntu","figtree","fira-sans","fira-code","fira-mono","source-code-pro","ibm-plex-mono","jetbrains-mono"]).default("inter"),r={100:"Thin",200:"Extra Light",300:"Light",400:"Regular",500:"Medium",600:"Semi Bold",700:"Bold",800:"Extra Bold",900:"Black"},s=[{value:"inter",label:"Inter",weights:[100,200,300,400,500,600,700,800,900],subset:"latin"},{value:"open-sans",label:"Open Sans",weights:[300,400,500,600,700,800],subset:"latin"},{value:"noto-sans",label:"Noto Sans",weights:[100,200,300,400,500,600,700,800,900],subset:"latin"},{value:"noto-sans-jp",label:"Noto Sans (Japanese)",weights:[100,200,300,400,500,600,700,800,900],subset:"japanese"},{value:"noto-sans-tc",label:"Noto Sans (Traditional Chinese)",weights:[100,200,300,400,500,600,700,800,900],subset:"chinese-traditional"},{value:"noto-sans-sc",label:"Noto Sans (Simplified Chinese)",weights:[100,200,300,400,500,600,700,800,900],subset:"chinese-simplified"},{value:"roboto",label:"Roboto",weights:[100,300,400,500,700,900],subset:"latin"},{value:"poppins",label:"Poppins",weights:[100,200,300,400,500,600,700,800,900],subset:"latin"},{value:"montserrat",label:"Montserrat",weights:[100,200,300,400,500,600,700,800,900],subset:"latin"},{value:"lato",label:"Lato",weights:[100,300,400,700,900],subset:"latin"},{value:"manrope",label:"Manrope",weights:[200,300,400,500,600,700,800],subset:"latin"},{value:"ubuntu",label:"Ubuntu",weights:[300,400,500,700],subset:"latin"},{value:"figtree",label:"Figtree",weights:[300,400,500,600,700,800,900],subset:"latin"},{value:"fira-sans",label:"Fira Sans",weights:[100,200,300,400,500,600,700,800,900],subset:"latin"},{value:"fira-code",label:"Fira Code",weights:[300,400,500,600,700],subset:"latin"},{value:"fira-mono",label:"Fira Mono",weights:[400,500,700],subset:"latin"},{value:"source-code-pro",label:"Source Code Pro",weights:[200,300,400,500,600,700,800,900],subset:"latin"},{value:"ibm-plex-mono",label:"IBM Plex Mono",weights:[100,200,300,400,500,600,700],subset:"latin"},{value:"jetbrains-mono",label:"JetBrains Mono",weights:[100,200,300,400,500,600,700,800],subset:"latin"}];function l(e){var t,o;let{family:a,weight:n}=e,i=null!==(o=null===(t=s.find(e=>e.value===a))||void 0===t?void 0:t.subset)&&void 0!==o?o:"latin";return"https://cdn.jsdelivr.net/fontsource/fonts/".concat(a,"@latest/").concat(i,"-").concat(n,"-normal.woff")}function d(e){let t=[];

1for(let[o,a]of Object.entries(e))if(a&&"object"==typeof a&&"fontFamily"in a&&"fontWeight"in a){if(t.find(e=>e.family===a.fontFamily&&e.weight===a.fontWeight))continue;t.push({family:a.fontFamily,weight:a.fontWeight})}return t}},3189:(e,t,o)=>{o.d(t,{Iu:()=>l,rE:()=>d});var a=o(6458);let n=a.z.object({pattern:a.z.enum(["grid","graph-paper","dots"]),color:a.z.string(),opacity:a.z.number().default(.5),blurRadius:a.z.number().default(20)}),i=a.z.object({type:a.z.literal("color"),color:a.z.string(),noise:a.z.number().default(.1),gridOverlay:n.optional()}),r=a.z.enum(["to top","to top right","to right","to bottom right","to bottom","to bottom left","to left","to top left"]),s=a.z.object({type:a.z.literal("linear-gradient"),direction:r,colorStops:a.z.array(a.z.string()),noise:a.z.number().default(.15),gridOverlay:n.optional()}),l=a.z.discriminatedUnion("type",[i,s]);function d(e){return"color"===e.type?e.color:"linear-gradient"===e.type?"linear-gradient(".concat(e.direction,", ").concat(e.colorStops.join(", "),")"):void 0}},2250:(e,t,o)=>{o.d(t,{cn:()=>i});var a=o(4901),n=o(8998);function i(){for(var e=arguments.length,t=Array(e),o=0;o<e;o++)t[o]=arguments[o];return(0,n.QP)((0,a.$)(t))}},3208:(e,t,o)=>{o.d(t,{TemplateStoreProvider:()=>k,H:()=>N});var a=o(475),n=o(107),i=o(2806),r=o(6458),s=o(3189);let l=r.z.object({width:r.z.number().default(1200),height:r.z.number().default(630)}),d=r.z.object({url:r.z.string().url()});var c=o(757);let u=r.z.object({text:r.z.string(),fontFamily:c.tn,fontWeight:c.HW,fontSize:r.z.number(),color:r.z.string()}),g=r.z.object({name:r.z.literal("og:basic"),params:r.z.object({title:u.merge(r.z.object({fontWeight:u.shape.fontWeight.default(700),fontSize:u.shape.fontSize.default(52)})),description:u.merge(r.z.object({fontSize:u.shape.fontSize.default(30)})),logo:d}),background:s.Iu,canvas:l}),f=r.z.object({name:r.z.literal("og:hero"),params:r.z.object({tag:u.merge(r.z.object({fontSize:u.shape.fontSize.default(20)})),title:u.merge(r.z.object({fontWeight:u.shape.fontWeight.default(700),fontSize:u.shape.fontSize.default(48)})),image:d}),background:s.Iu,canvas:l}),p=r.z.object({name:r.z.literal("og:image-right"),params:r.z.object({tag:u.merge(r.z.object({fontSize:u.shape.fontSize.default(20)})),title:u.merge(r.z.object({fontWeight:u.shape.fontWeight.default(700),fontSize:u.shape.fontSize.default(60)})),logo:d,image:d}),background:s.Iu,canvas:l}),h=r.z.object({name:r.z.literal("og:logos"),params:r.z.object({tag:u.merge(r.z.object({fontSize:u.shape.fontSize.default(20)})),title:u.merge(r.z.object({fontWeight:u.shape.fontWeight.default(700),fontSize:u.shape.fontSize.default(44)})),logos:r.z.array(d)}),background:s.Iu,canvas:l}),m=r.z.object({name:r.z.literal("og:notice"),params:r.z.object({title:u.merge(r.z.object({fontWeight:u.shape.fontWeight.default(700),fontSize:u.shape.fontSize.default(32)})),description:u.merge(r.z.object({fontSize:u.shape.fontSize.default(28)})),logo:d}),background:s.Iu,canvas:l}),b=r.z.object({name:r.z.literal("x:header-basic"),params:r.z.object({title:u.merge(r.z.object({fontWeight:u.shape.fontWeight.default(600),fontSize:u.shape.fontSize.default(48)})),description:u.merge(r.z.object({fontSize:u.shape.fontSize.default(36)}))}),background:s.Iu,canvas:l}),z=r.z.object({name:r.z.literal("x:header-minimalist"),params:r.z.object({title:u.merge(r.z.object({fontWeight:u.shape.fontWeight.default(600),fontSize:u.shape.fontSize.default(48)})),description:u.merge(r.z.object({fontSize:u.shape.fontSize.default(48)}))}),background:s.Iu,canvas:l}),v=r.z.object({name:r.z.literal("x:header-logo"),params:r.z.object({description:u.merge(r.z.object({fontSize:u.shape.fontSize.default(30)})),logo:d}),background:s.Iu,canvas:l});r.z.union([r.z.literal("og:image-right"),r.z.literal("og:basic"),r.z.literal("og:hero"),r.z.literal("og:notice"),r.z.literal("og:logos"),r.z.literal("x:header-basic"),r.z.literal("x:header-minimalist"),r.z.literal("x:header-logo")]),r.z.discriminatedUnion("name",[p,g,f,m,h,b,z,v]);let x={"og:image-right":{name:"og:image-right",params:{tag:{text:"metaimg.ai",fontFamily:"inter",fontWeight:400,fontSize:20,color:"#030712"},title:{text:"Generate Stunning Meta Images Instantly",fontFamily:"inter",fontWeight:700,fontSize:60,color:"#030712"},logo:{url:"/samples/logos/imgsrc.png"},image:{url:"/samples/imgsrc.png"}},background:{type:"linear-gradient",direction:"to top right",colorStops:["rgb(236, 72, 153)","rgb(239, 68, 68)","rgb(234, 179, 8)"],noise:.15,gridOverlay:{pattern:"grid",color:"#f9fafb",opacity:.4,blurRadius:20}},canvas:{width:1200,height:630}},"og:basic":{name:"og:basic",params:{title:{text:"Vercel",fontFamily:"inter",fontWeight:700,fontSize:52,color:"#030712"},description:{text:"The Frontend Cloud",fontFamily:"inter",fontWeight:400,fontSize:30,color:"#030712"},logo:{url:"/samples/logos/vercel.svg"}},background:{type:"linear-gradient",direction:"to top right",colorStops:["#d5d4d0 0%","#d5d4d0 1%","#eeeeec 31%","#efeeec 75%","#e9e9e7 100%"],noise:.15,gridOverlay:{pattern:"grid",color:"#6b7280",opacity:.35,blurRadius:20}},canvas:{width:1200,height:630}},"og:hero":{name:"og:hero",params:{tag:{text:"Open Source",fontFamily:"inter",fontWeight:400,fontSize:20,color:"#f9fafb"},title:{text:"Introducing Supabase Logs",fontFamily:"inter",fontWeight:700,fontSize:48,color:"#f9fafb"},image:{url:"/samples/supabase-logs.png"}},background:{type:"color",color:"#000000",noise:.1,gridOverlay:{pattern:"graph-paper",color:"#f9fafb",opacity:.55,blurRadius:20}},canvas:{width:1200,height:630}},"og:notice":{name:"og:notice",params:{title:{text:"Changelog #6",fontFamily:"inter",fontWeight:700,fontSize:32,color:"#030712"},description:{text:"December 2023",fontFamily:"inter",fontWeight:400,fontSize:28,color:"#030712"},logo:{url:"/samples/logos/bun.svg"}},background:{type:"color",color:"#FFC5C5",noise:.15},canvas:{width:1200,height:630}},"og:logos":{name:"og:logos",params:{tag:{text:"Developer Guide",fontFamily:"inter",fontWeight:400,fontSize:20,color:"#030712"},title:{text:"Build a Linear Clone with Supabase and Next.js",fontFamily:"inter",fontWeight:700,fontSize:44,color:"#030712"},logos:[{url:"/samples/logos/nextjs.svg"},{url:"/samples/logos/supabase.svg"}

1,{url:"/samples/logos/linear.svg"}]},background:{type:"linear-gradient",direction:"to top right",colorStops:["rgb(254, 202, 202)","rgb(252, 165, 165)","rgb(254, 240, 138)"],noise:.15},canvas:{width:1200,height:630}},"x:header-basic":{name:"x:header-basic",params:{title:{text:"Hi, I'm Fechin \uD83D\uDC4B",fontFamily:"inter",fontWeight:600,fontSize:48,color:"#f9fafb"},description:{text:"I build useful, everyday tools for developers.",fontFamily:"inter",fontWeight:500,fontSize:36,color:"#f9fafb"}},background:{type:"linear-gradient",direction:"to top right",colorStops:["rgb(17, 24, 39)","rgb(75, 85, 99)"],noise:.1,gridOverlay:{pattern:"grid",color:"#f9fafb",opacity:.3,blurRadius:20}},canvas:{width:1500,height:500}},"x:header-minimalist":{name:"x:header-minimalist",params:{title:{text:"endpts",fontFamily:"inter",fontWeight:600,fontSize:48,color:"#f9fafb"},description:{text:"| Deploy your API in seconds",fontFamily:"inter",fontWeight:400,fontSize:48,color:"#f9fafb"}},background:{type:"linear-gradient",direction:"to top right",colorStops:["#434343 0%","black 100%"],noise:.05},canvas:{width:1500,height:500}},"x:header-logo":{name:"x:header-logo",params:{description:{text:"Deploy app servers close to your users",fontFamily:"inter",fontWeight:600,fontSize:48,color:"#030712"},logo:{url:"/samples/logos/fly.svg"}},background:{type:"linear-gradient",direction:"to top right",colorStops:["rgb(249, 168, 212)","rgb(216, 180, 254)","rgb(129, 140, 248)"],noise:.15},canvas:{width:1500,height:500}}},w={...x["og:image-right"],previewSvg:null},y=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:w;return(0,i.y)()(t=>({...e,setTemplate:e=>t({...x[e]}),updateParams:e=>t(t=>({params:{...t.params,...e}})),setBackground:e=>t(t=>({background:{...e}})),updateCanvas:e=>t(t=>({canvas:{...t.canvas,...e}})),updatePreviewSvg:e=>t({previewSvg:e})}))};var j=o(2254);let S=(0,n.createContext)(null),k=e=>{let{children:t}=e,o=(0,n.useRef)(void 0);return o.current||(o.current=y()),(0,a.jsx)(S.Provider,{value:o.current,children:t})},N=e=>{let t=(0,n.useContext)(S);if(!t)throw Error("useTemplateStore must be use within TemplateStoreProvider");return(0,j.P)(t,e)}}}]);