https://bfl.ai/_next/static/chunks/30207-eda7987e59af09bb.js?dpl=dpl_ERrSGK6M8RkzXTqf8jLCYykJD4tZ

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30207],{3642:(e,t,r)=>{r.d(t,{Accordion:()=>s,AccordionContent:()=>d,AccordionContentFAQ:()=>u,AccordionItem:()=>o,AccordionTrigger:()=>c});var a=r(63226),n=r(72659),l=r(52066);r(19410);var i=r(90512);let s=e=>{let{...t}=e;return(0,a.jsx)(n.bL,{"data-slot":"accordion",...t})},o=e=>{let{className:t,...r}=e;return(0,a.jsx)(n.q7,{"data-slot":"accordion-item",className:(0,i.cn)(t),...r})},c=e=>{let{className:t,children:r,...s}=e;return(0,a.jsx)(n.Y9,{children:(0,a.jsxs)(n.l9,{"data-slot":"accordion-trigger",className:(0,i.cn)("group text-bf-paragraph-medium hover:text-green/70 flex w-full cursor-pointer items-baseline justify-between gap-4 py-5 text-left leading-[1.4] text-pretty transition-colors duration-300 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",t),...s,children:[r,(0,a.jsx)(l.default,{className:"pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"})]})})},d=e=>{let{className:t,children:r,...l}=e;return(0,a.jsx)(n.UC,{"data-slot":"accordion-content",className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden",...l,children:(0,a.jsx)("div",{className:(0,i.cn)("pt-6",t),children:r})})},u=e=>{let{className:t,children:r,...l}=e;return(0,a.jsx)(n.UC,{"data-slot":"accordion-content",className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=closed]:border-white-3/0 data-[state=open]:border-white-3/50 overflow-hidden border-t transition-all duration-300",...l,children:(0,a.jsx)("div",{className:(0,i.cn)("pt-6 pb-10",t),children:r})})}},4649:(e,t,r)=>{r.d(t,{z:()=>n});let a={nonTextBehavior:"remove"},n=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=Object.assign({},a,t);return e.map(e=>"block"===e._type&&e.children?e.children.map(e=>e.text).join(""):"remove"===r.nonTextBehavior?"":`[${e._type} block]`).join("\n\n")}},6996:(e,t,r)=>{r.d(t,{Q:()=>n});var a=r(53130);let n=(0,a.createServerReference)("7fee54b1d9e24df865a7014ced08da55e98aed6a85",a.callServer,void 0,a.findSourceMapURL,"revalidateSyncTags")},14464:(e,t,r)=>{r.d(t,{LinkWithOutline:()=>h});var a=r(63226),n=r(72306),l=r(42190),i=r(87303),s=r.n(i),o=r(19410),c=r(90512),d=r(89957);let u={initial:{x:"0px"},hover:{x:"4px"}},f={duration:.3,gap:{duration:.15,delay:.15},textColor:{duration:.15,delay:0},ease:d.U},m={duration:.15,ease:d.U},h=e=>{let{href:t,children:r,initialColor:i="var(--color-green)",hoverColor:d="var(--color-black)",className:h,hasArrow:x=!0,rotateArrow:b=!1,isExternal:p=!1,download:g}=e,[v,w]=(0,o.useState)(!1);return(0,a.jsx)(s(),{href:t,className:(0,c.cn)("w-fit",h),target:t.startsWith("http")||p?"_blank":void 0,rel:p?"noopener noreferrer":void 0,download:g,children:(0,a.jsxs)(l.P.span,{className:"with-underline group flex cursor-pointer items-center leading-none font-medium tracking-[0.01em] text-red-500 transition-colors duration-300 hover:gap-2 hover:text-black",variants:{initial:{color:i,gap:"4px"},hover:{gap:"8px",color:d}},initial:"initial",onHoverStart:()=>w(!0),onHoverEnd:()=>w(!1),animate:v?"hover":"initial",transition:f,children:[x&&(0,a.jsx)(l.P.span,{variants:u,animate:v?"hover":"initial",transition:m,children:(0,a.jsx)(n.default,{className:(0,c.cn)("size-4",b&&"rotate-180")})}),r]})})}},19868:(e,t,r)=>{r.d(t,{AnnouncementBannerProvider:()=>i,k:()=>s});var a=r(63226),n=r(19410);let l=(0,n.createContext)(void 0),i=e=>{let{children:t}=e,[r,i]=(0,n.useState)(!1);return(0,a.jsx)(l.Provider,{value:{isBannerVisible:r,setBannerVisible:i},children:t})},s=()=>{let e=(0,n.useContext)(l);if(void 0===e)throw Error("useAnnouncementBannerContext must be used within AnnouncementBannerProvider");return e}},32122:(e,t,r)=>{r.d(t,{DisableDraftMode:()=>c});var a=r(63226),n=r(38664),l=r(86616),i=r(19410),s=r(53130);let o=(0,s.createServerReference)("005f315534f4ed8b7b5d39a062f7f9a48d48ec740c",s.callServer,void 0,s.findSourceMapURL,"disableDraftMode");function c(){let e=(0,l.useRouter)(),[t,r]=(0,i.useTransition)(),[s,c]=(0,i.useState)(!1);return((0,i.useEffect)(()=>{c(window!==window.parent||!!window.opener)},[]),s)?null:(0,a.jsx)("div",{id:"test",className:"fixed bottom-8 left-1/2 z-99999 -translate-x-1/2 lg:bottom-16",children:t?(0,a.jsx)("div",{className:"bg-white-2 text-green/70 border-white-2/50 rounded-md border px-2 py-1 text-xs backdrop-blur-sm",children:(0,a.jsxs)("div",{className:"flex items-center space-x-1",children:[(0,a.jsx)("div",{className:"h-2 w-2 animate-spin rounded-full border border-current border-t-transparent"}),(0,a.jsx)("span",{children:"Disabling..."})]})}):(0,a.jsx)("button",{onClick:()=>r(async()=>{await o(),e.refresh()}),className:"bg-white-2 text-green/70 hover:bg-white-2/80 hover:text-green group border-white-2/50 cursor-pointer rounded-md border px-2 py-1 text-xs backdrop-blur-sm transition-all duration-200",children:(0,a.jsxs)("div",{className:"text-green flex items-center space-x-1",children:[(0,a.jsx)(n.default,{className:"h-2 w-2 transition-transform group-hover:scale-110"}),(0,a.jsx)("span",{children:"Disable draft mode"})]})})})}},47392:(e,t,r)=>{r.d(t,{H:()=>n});var a=r(19410);function n(e){(0,a.useEffect)(()=>(e?document.body.style.overflowY="hidden":document.body.style.overflowY="",()=>{document.body.style.overflowY=""}),[e])}},49505:(e,t,r)=>{r.d(t,{NavbarDarkModeProvider:()=>c,q:()=>d});var a=r(63226),n=r(19410),l=r(85758);let i=(0,n.createContext)(void 0),s=["/","/models","/enterprise","/licensing"],o=["/models/flux-3-video","/models/flux-3-action"],c=e=>{let{children:t}

1=e,[r,c]=(0,n.useState)(null),[d,u]=(0,n.useState)(null),f=(0,l.d)(),m=s.some(e=>f===e||f.startsWith(e+"/")),h=o.some(e=>f===e),x=(0,n.useCallback)(e=>c(e),[]),b=(0,n.useCallback)(e=>u(e),[]);return(0,a.jsx)(i.Provider,{value:{isDarkMode:null!==r?r:m,toggleDarkMode:()=>c(e=>!(e??m)),setDarkMode:x,isTransparent:null!==d?d:h,setTransparent:b},children:t})},d=()=>{let e=(0,n.useContext)(i);if(void 0===e)throw Error("useNavbarDarkModeContext must be used within a NavbarDarkModeProvider");return e}},49854:(e,t,r)=>{r.d(t,{Navbar:()=>ey});var a=r(63226),n=r(19410),l=r(90512);let i=e=>{let{className:t,style:r,variant:n="smooth"}=e;return(0,a.jsx)("div",{"aria-hidden":!0,className:(0,l.cn)("z-noise pointer-events-none absolute inset-0 opacity-20 mix-blend-overlay",t),style:{backgroundSize:"rough"===n?"250px 250px":"125px 125px",imageRendering:"pixelated",...r}})};var s=r(19868),o=r(49505),c=r(92800),d=r(85758),u=r(13705),f=r(42190);let m=e=>{let{active:t}=e;return(0,a.jsx)("div",{className:"z-backdrop pointer-events-none fixed inset-0",children:(0,a.jsx)(u.N,{children:t&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(f.P.div,{className:"absolute inset-0 bg-gradient-to-t from-transparent via-black to-black",initial:{opacity:0}

1,animate:{opacity:.15},exit:{opacity:0}})})})})};var h=r(87303),x=r.n(h),b=r(49703),p=r(42017),g=r(52066),v=r(86616);let w=n.memo(e=>{let{className:t,children:r,setActive:i,isDarkMode:s,...o}=e,c=n.useRef(null),d=n.useRef(!1),u=n.useRef(null),f=n.useRef(null),m=(0,v.usePathname)(),h=n.useCallback(e=>{let t=c.current;if(!t)return;let r=e.getBoundingClientRect(),a=t.getBoundingClientRect(),n={top:r.top-a.top,left:r.left-a.left};t.style.setProperty("--radix-navigation-menu-item-active-left",`${n.left}px`),t.style.setProperty("--radix-navigation-menu-item-active-width",`${r.width}px`),d.current?t.style.setProperty("--radix-navigation-transition-duration","150ms"):d.current=!0},[]),x=n.useCallback(()=>{let e=c.current;e&&(u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{e.style.setProperty("--radix-navigation-transition-duration","0ms"),d.current=!1},500))},[]),p=n.useCallback(e=>{for(let t of e)if("attributes"===t.type&&t.target instanceof HTMLElement){let e=t.target;if(!e.hasAttribute("aria-expanded"))continue;let r=e.dataset.state;"open"===r?h(e):"closed"===r&&x()}},[h,x]);return n.useEffect(()=>{let e=c.current;if(e)return f.current||(f.current=new MutationObserver(p)),f.current.observe(e,{childList:!1,attributes:!0,attributeFilter:["data-state"],subtree:!0}),()=>{f.current&&f.current.disconnect()}},[m,p]),(0,n.createElement)(b.bL,{className:(0,l.cn)("relative z-10 flex max-w-max flex-1 items-center justify-center",t),...o,delayDuration:0,key:m,ref:c,onValueChange:e=>i(!!e),skipDelayDuration:0,children:[r,(0,a.jsx)(C,{className:"overflow-visible after:absolute after:-top-8 after:left-0 after:h-8 after:w-full",isDarkMode:s},m)]})});w.displayName=b.bL.displayName;let k=e=>{let{className:t,...r}=e;return(0,a.jsx)(b.B8,{className:(0,l.cn)("group flex flex-1 list-none items-center justify-center gap-3",t),...r})};k.displayName=b.B8.displayName;let y=b.q7,j=(0,p.F)("group p-1.5 inline-flex cursor-pointer items-center justify-center font-medium text-bf-body-2-medium tracking-[0.01em] leading-none transition-opacity duration-150 hover:opacity-70"),N="with-underline-hover flex whitespace-nowrap",A=n.memo(e=>{let{className:t,children:r,...n}=e;return(0,a.jsxs)(b.l9,{className:(0,l.cn)(j(),"group",t),...n,children:[(0,a.jsx)("span",{className:N,children:r}),(0,a.jsx)(g.default,{className:"relative top-[1px] ml-1.5 size-3 transition duration-150 ease-in-out group-data-[state=open]:rotate-180","aria-hidden":"true"})]})});A.displayName=b.l9.displayName;let L=e=>{let{className:t,...r}=e;return(0,a.jsx)(b.UC,{className:(0,l.cn)("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-6 md:absolute md:w-auto",t),...r})};L.displayName=b.UC.displayName;let C=n.memo(e=>{let{className:t,isDarkMode:r,...i}=e,s=n.useMemo(()=>r?"bg-dark-green":"bg-white-1",[r]);return(0,a.jsx)("div",{className:(0,l.cn)("absolute top-full right-0 left-[calc(var(--radix-navigation-menu-item-active-left)+var(--radix-navigation-menu-item-active-width)/2)] flex transform justify-center bg-amber-500","transition-all duration-[var(--radix-navigation-transition-duration)] ease-in-out"),children:(0,a.jsx)("div",{className:"absolute top-full left-0 flex -translate-x-1/2 justify-center overflow-hidden",children:(0,a.jsx)(b.LM,{className:(0,l.cn)("origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in relative mt-8 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-sm transition-all duration-150 ease-in-out md:w-[var(--radix-navigation-menu-viewport-width)]",s,t),...i})})})});C.displayName=b.LM.displayName;let E=n.memo(e=>{let{label:t,children:r}=e;return(0,a.jsxs)(y,{children:[(0,a.jsx)(A,{children:t}),(0,a.jsx)(L,{children:r})]})});E.displayName="NavigationMenuSection";var S=r(81980),M=r(91452),D=r(46703),P=r(44327),R=r(62067),U=r(21272),O=r(35667),B=r(45546),T=r(76763),_=r(54295),z=r(22932),I=r(40141),F=r(528),H=r(59169),$=r(67327),G=r(65254),W=r(96907);let X={label:"Get started",href:W.$},Q={label:"Contact Sales",href:"/contact"},V={label:"Enterprise",href:"/enterprise"},q={label:"Research",href:"/research"},Y={label:"Pricing",href:"/pricing"},K=[{label:"Models",links:[{label:"FLUX 2 [max]",href:"/models/flux-2-max",info:"Learn Our Story",icon:G.dw},{label:"FLUX 2",href:"/models/flux-2",info:"Learn Our Story",icon:G.dw},{label:"FLUX 2 [klein]",href:"/models/flux-2-klein",info:"Learn Our Story",icon:G.dw},{label:"FLUX 1.1 Kontext",href:"/models/flux-kontext",info:"Learn Our Story",icon:G.Td},{label:"FLUX 1.1 Ultra/Raw",href:"",info:"Learn Our Story",icon:G.w3},{label:"FLUX 1.1 Pro",href:"",info:"Learn Our Story",icon:G.tm},{label:"FLUX Tools",href:"",info:"Learn Our Story",icon:G.dw}],extraLinks:[{label:"All Models",href:"/models"},{label:"Try FLUX",href:W.$}]},{label:"API",links:[{label:"Documentation",href:"https://docs.bfl.ai",info:"Browse our guides",icon:M.default},{label:"Dashboard",href:X.href,info:"Access your data",icon:D.default},{label:"Status",href:"https://status.bfl.ai",info:"Check uptime info",icon:P.default}],extraLinks:[{label:"Get an API Key",href:W.$}]}

1,{label:"Open Weights",links:[{label:"Licensing",href:"/licensing",info:"View license terms",icon:R.default},{label:"Hugging Face",href:"https://huggingface.co/black-forest-labs",info:"Explore our models",icon:U.default},{label:"GitHub",href:"https://github.com/black-forest-labs/flux",info:"See the source code",icon:O.default}],extraLinks:[{label:Q.label,href:Q.href}]}],J=[{label:"Resources",links:[{label:"Documentation",href:"https://docs.bfl.ai",info:"API guides and tutorials",icon:M.default},{label:"Help Desk",href:"https://help.bfl.ai",info:"Get support and answers",icon:B.default},{label:"Blog",href:"/blog",info:"Latest news and updates",icon:T.default},{label:"Creator Program",href:"/creator-program",info:"Make things with us",icon:_.default},{label:"GitHub",href:"https://github.com/black-forest-labs",info:"Open source code",icon:O.default}]},{label:"Company",links:[{label:"About Us",href:"/about",info:"Learn about us",icon:z.default},{label:"Careers",href:"/careers",info:"Join our team",icon:I.default},{label:"Trust and Security",href:"https://trust.bfl.ai/",info:"Our security practices",icon:F.default},{label:"Contact Us",href:"/contact",info:"Get in touch",icon:H.default}]}];M.default,B.default,T.default,_.default,$.default,O.default,z.default,I.default,F.default,H.default;var Z=r(46949),ee=r(14464);let et=e=>{let{className:t,links:r,title:n,extraLinks:i,isDarkMode:s}=e;return(0,a.jsx)("div",{className:(0,l.cn)("grid gap-10",t),children:(0,a.jsxs)("div",{className:"flex flex-col gap-1.5",children:[n&&(0,a.jsx)("p",{className:(0,l.cn)("px-2 pb-1 text-[0.75rem] font-medium uppercase tracking-[0.08em]",s?"text-green":"text-white-4"),children:n}),r.map(e=>{let t=e.icon??Z.default;return(0,a.jsxs)(x(),{href:e.href,target:e.href.startsWith("http")?"_blank":void 0,className:(0,l.cn)("group flex cursor-pointer flex-row items-center gap-3 rounded-sm p-2 whitespace-nowrap transition-colors duration-300",s?"hover:bg-black":"hover:bg-white-2/70"),children:[(0,a.jsx)("div",{className:(0,l.cn)("flex size-9 items-center justify-center rounded-sm transition-colors duration-300",s?"bg-green group-hover:bg-violet":"group-hover:bg-green bg-white-3"),children:(0,a.jsx)(t,{className:(0,l.cn)("text-white-1 size-6 stroke-[1.5] transition-colors duration-300",s&&"group-hover:text-black")})}),(0,a.jsxs)("div",{className:"flex h-full flex-col justify-between",children:[(0,a.jsx)("p",{className:(0,l.cn)("leading-none font-medium tracking-[0.01em]",s?"text-white-3":"text-green"),children:e.label}),(0,a.jsx)("p",{className:(0,l.cn)("text-[0.875rem] leading-none tracking-[0.01em]",s?"text-green":"text-white-4"),children:e.info})]})]},`${e.label}-${e.href}`)}),i&&(0,a.jsx)("div",{className:"mt-2 ml-2 flex flex-col gap-3",children:null==i?void 0:i.map(e=>(0,a.jsx)(ee.LinkWithOutline,{href:e.href,initialColor:s?"var(--color-green)":void 0,hoverColor:s?"var(--color-violet)":void 0,className:"whitespace-nowrap",children:e.label},e.label))})]})})};var er=r(98332);let ea=e=>{let{onClick:t,className:r}=e,l=function(){let[e,t]=(0,n.useState)(null);return(0,n.useEffect)(()=>{t(document.cookie.split(";").some(e=>e.trim().startsWith("user-authorization")))},[]),e}(),[i,s]=(0,n.useState)(X.href);if((0,n.useEffect)(()=>{if(null===l)return;let e=(0,er.lk)();s(e?(0,er.ie)(X.href,e):X.href)},[l]),null===l)return null;let o=l?"Go to Dashboard":X.label;return(0,a.jsx)(S.CtaPill,{href:i,ariaLabel:o,onClick:t,target:"_blank",variant:"primary",linkClassName:r,className:r,children:o})};var en=r(4649),el=r(57002);let ei={"flux-2-max":G.dw,"flux-2":G.dw,"flux-2-klein":G.dw,"flux-kontext":G.Td,"flux-pro-ultra":G.w3,"flux-pro":G.tm,"flux-tools":G.dw},es=e=>e.filter(e=>e.headerVisibility.includes("show")).map(e=>({label:(0,en.z)(e.title||[]),href:e.customUrl||(0,el.L)(e.slug.current),info:"View model details",icon:ei[e.slug.current]})),eo=e=>{let{setActive:t,isDarkMode:r,dropdownDarkMode:n=r,models:l}=e;return(0,a.jsxs)("div",{className:"navbar-compact-bar navbar-compact:flex hidden items-center gap-4",children:[(0,a.jsx)(w,{setActive:t,isDarkMode:n,children:(0,a.jsxs)(k,{children:[(0,a.jsx)(E,{label:K[0].label,children:(0,a.jsx)(et,{className:"min-w-[220px]",extraLinks:K[0].extraLinks,isDarkMode:n,links:es(l)})}),(0,a.jsx)(y,{children:(0,a.jsx)(x(),{href:q.href,className:j(),children:(0,a.jsx)("span",{className:N,children:q.label})})}),(0,a.jsx)(E,{label:K[1].label,children:(0,a.jsx)(et,{className:"min-w-[220px]",extraLinks:K[1].extraLinks,isDarkMode:n,links:K[1].links})}),(0,a.jsx)(E,{label:K[2].label,children:(0,a.jsx)(et,{className:"min-w-[220px]",extraLinks:K[2].extraLinks,isDarkMode:n,links:K[2].links})}),(0,a.jsx)(y,{children:(0,a.jsx)(x(),{href:Y.href,className:j(),children:(0,a.jsx)("span",{className:N,children:Y.label})})}),(0,a.jsx)(y,{children:(0,a.jsx)(x(),{href:V.href,className:j(),children:(0,a.jsx)("span",{className:N,children:V.label})})}),(0,a.jsx)(E,{label:"Resources",children:(0,a.jsx)("div",{className:"flex flex-col gap-4",children:J.map(e=>(0,a.jsx)(et,{className:"min-w-[200px]",extraLinks:e.extraLinks,isDarkMode:n,links:e.links,title:e.label},e.label))})})]})}),(0,a.jsx)(S.CtaPill,{href:Q.href,ariaLabel:Q.label,variant:"secondary",theme:r?"dark":"light",children:Q.label}),(0,a.jsx)(ea,{})]})};var ec=r(72659),ed=r(98383),eu=r(3642);let ef=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not

1([tabindex="-1"])'];var em=r(47392),eh=r(89957);let ex=e=>{let{link:t,isDarkMode:r,index:n,dropdown:i}=e;return(0,a.jsx)(x(),{href:t.href,target:t.href.startsWith("http")?"_blank":void 0,className:(0,l.cn)("-mx-2.5 block w-fit px-2.5 leading-none font-medium tracking-[0.01em] transition-colors duration-300",r?"text-white-3 hover:text-violet":"text-green hover:text-black",0!==n&&"pt-2.5",n!==i.links.length-1&&1!=i.links.length&&"pb-2.5"),children:t.label},t.label)},eb=e=>{let{className:t,links:r,extraLinks:n,isDarkMode:i}=e;return(0,a.jsxs)("div",{className:(0,l.cn)("grid gap-6 pb-4",t),children:[(0,a.jsx)("div",{className:"flex flex-col gap-4",children:r.map(e=>{let t=e.icon??Z.default;return(0,a.jsxs)(x(),{href:e.href,target:e.href.startsWith("http")?"_blank":void 0,className:(0,l.cn)("group flex cursor-pointer flex-row items-center gap-3 rounded-sm p-2.5 whitespace-nowrap transition-colors duration-300",i?"bg-green/10 hover:bg-green/20":"bg-white-2/30 hover:bg-white-2/70"),children:[(0,a.jsx)("div",{className:(0,l.cn)("flex size-9 items-center justify-center rounded-sm transition-colors duration-300",i?"bg-green group-hover:bg-violet":"group-hover:bg-green bg-white-3"),children:(0,a.jsx)(t,{className:"text-white-1 size-6 stroke-[1.5] transition-colors duration-300"})}),(0,a.jsxs)("div",{className:"flex h-full flex-col justify-between",children:[(0,a.jsx)("p",{className:(0,l.cn)("leading-none font-medium tracking-[0.01em]",i?"text-white-3":"text-green"),children:e.label}),(0,a.jsx)("p",{className:(0,l.cn)("text-[0.875rem] leading-none tracking-[0.01em]",i?"text-green":"text-white-4"),children:e.info})]})]},e.label)})}),(0,a.jsx)("div",{className:"grid w-full grid-cols-2 justify-between gap-3",children:null==n?void 0:n.map(e=>(0,a.jsx)(ee.LinkWithOutline,{href:e.href,initialColor:i?"var(--color-green)":void 0,hoverColor:i?"var(--color-violet)":void 0,className:"whitespace-nowrap",children:e.label},e.label))})]})},ep=e=>{let{isOpen:t,isDarkMode:r}=e;return(0,a.jsxs)("span",{className:"flex size-8 flex-col items-center justify-center space-y-1.5","aria-label":"Toggle menu",children:[(0,a.jsx)(f.P.span,{className:(0,l.cn)("h-0.5 w-7 origin-center bg-black",r&&"bg-white-3"),animate:{rotate:45*!!t,y:8*!!t},transition:{duration:.2,ease:"easeInOut"}}),(0,a.jsx)(f.P.span,{className:(0,l.cn)("h-0.5 w-7 bg-black",r&&"bg-white-3"),animate:{opacity:+!t},transition:{duration:.1}}),(0,a.jsx)(f.P.span,{className:(0,l.cn)("h-0.5 w-7 origin-center bg-black",r&&"bg-white-3"),animate:{rotate:t?-45:0,y:t?-8:0},transition:{duration:.2,ease:"easeInOut"}})]})},eg=e=>{let{isOpen:t,onClose:r,ref:n,isDarkMode:s,models:o}=e,c=[{...K[0],links:es(o)},...K.slice(1)];return(0,ed.createPortal)((0,a.jsx)(u.N,{children:t&&(0,a.jsxs)(f.P.div,{ref:n,className:(0,l.cn)("fixed inset-0 z-[390] border-b",s?"bg-black text-white-1":"bg-white-1 text-black"),initial:{height:0,opacity:0},animate:{height:"100vh",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:eh.U},style:{transformOrigin:"top"},children:[(0,a.jsx)(f.P.div,{className:"h-full overflow-y-auto overscroll-contain px-6 py-8",initial:{y:-20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{delay:.1,duration:.2,ease:"easeOut"},children:(0,a.jsxs)("div",{className:"flex h-full flex-col justify-between pt-20",children:[(0,a.jsx)("div",{className:"flex flex-col",children:(0,a.jsxs)(ec.nD,{type:"single",collapsible:!0,className:"flex flex-col gap-4",children:[(0,a.jsxs)(eu.AccordionItem,{value:c[0].label,children:[(0,a.jsx)(eu.AccordionTrigger,{className:"w-fit py-0 text-[2rem] font-medium -tracking-[0.04em]",children:c[0].label}),(0,a.jsx)(eu.AccordionContent,{children:(0,a.jsx)(eb,{links:c[0].links,isDarkMode:s,extraLinks:c[0].extraLinks})})]}),(0,a.jsx)(x(),{href:q.href,className:"w-fit text-[2rem] font-medium -tracking-[0.04em]",children:q.label}),c.slice(1).map(e=>(0,a.jsxs)(eu.AccordionItem,{value:e.label,children:[(0,a.jsx)(eu.AccordionTrigger,{className:"w-fit py-0 text-[2rem] font-medium -tracking-[0.04em]",children:e.label}),(0,a.jsx)(eu.AccordionContent,{children:(0,a.jsx)(eb,{links:e.links,isDarkMode:s,extraLinks:e.extraLinks})})]},e.label)),(0,a.jsx)(x(),{href:Y.href,className:"w-fit text-[2rem] font-medium -tracking-[0.04em]",children:Y.label}),(0,a.jsx)(x(),{href:V.href,className:"w-fit text-[2rem] font-medium -tracking-[0.04em]",children:V.label}),(0,a.jsxs)(eu.AccordionItem,{value:"Resources",children:[(0,a.jsx)(eu.AccordionTrigger,{className:"w-fit py-0 text-[2rem] font-medium -tracking-[0.04em]",children:"Resources"}),(0,a.jsx)(eu.AccordionContent,{children:J.map(e=>(0,a.jsxs)("div",{className:"flex w-max flex-col",children:[(0,a.jsx)("p",{className:"px-2 pt-2 pb-1 text-[0.75rem] font-medium uppercase tracking-[0.08em] opacity-50",children:e.label}),e.links.map((t,r)=>(0,a.jsx)(ex,{link:t,isDarkMode:s,index:r,dropdown:e},t.label))]},e.label))})]})]})}),(0,a.jsxs)("div",{className:"mt-auto flex flex-col gap-3 pt-8 pb-8",children:[(0,a.jsx)(S.CtaPill,{href:Q.href,onClick:r,variant:"secondary",theme:s?"dark":"light",linkClassName:"w-full",className:"w-full",children:Q.label}),(0,a.jsx)(ea,{className:"w-full",onClick:r})]})]})}),(0,a.jsx)(i,{})]})}),document.body)},ev=e=>{let{active:t,setActive:r,isDarkMode:l,models:i}=e,s=(0,n.useRef)(null),{focusTrapRef:o}=((e,t)=>{let r=(0,n.useRef)(null),a=(0,n.useRef)(null),l=(0,n.useRef)(null),i=(0,n.useCallback)(e=>{var n,i,s,o;if(!r.current)return;let c=Array.from(r.current.querySelectorAll(ef.join(",")));a.current=c[0],l.current=c[c.length-1],("Tab"===e.key||9===e.keyCode)&&(e.shiftKey?document.activeElement===a.current?(e.preventDefault(),null==(n=t.current)||n.focus()):document.activeElement===t.current&&(e.preventDefault(),null==(i=l.current)||i.focus()):document.activeElement===l.current?(e.preventDefault(),null==(s=t.current)||s.focus()):document.activeElement===t.current&&(e.preventDefault(),null==(o=a.current)||o.focus()))},[t]);return(0,n.useEffect)(()=>{var t;if(!e||!r.current)return;let n=Array.from(r.current.querySelectorAll(ef.join(",")));return a.current=n[0],l.current=n[n.length-1],null==(t=a.current)||t.focu

1s(),document.addEventListener("keydown",i),()=>{document.removeEventListener("keydown",i)}},[e,i]),{focusTrapRef:r}})(t,s);return(0,em.H)(t),(0,a.jsxs)("div",{className:"navbar-compact:hidden flex w-full justify-end",children:[(0,a.jsx)("button",{onClick:()=>r(!t),className:"mx-2 flex w-fit cursor-pointer justify-end",ref:s,children:(0,a.jsx)(ep,{isOpen:t,isDarkMode:l})}),(0,a.jsx)(eg,{isOpen:t,onClose:()=>r(!1),ref:o,isDarkMode:l,models:i})]})},ew=e=>{let{children:t,items:r,className:i}=e,[s,o]=(0,n.useState)(!1),[c,d]=(0,n.useState)({x:0,y:0}),u=(0,n.useRef)(null),f=(0,n.useRef)(null),m=e=>{u.current&&!u.current.contains(e.target)&&o(!1)};return(0,n.useEffect)(()=>{if(s)return document.addEventListener("click",m),document.addEventListener("contextmenu",m),()=>{document.removeEventListener("click",m),document.removeEventListener("contextmenu",m)}},[s]),(0,n.useEffect)(()=>{if(s&&u.current){let e=u.current.getBoundingClientRect(),t=window.innerWidth,r=window.innerHeight,a=c.x,n=c.y;c.x+e.width>t&&(a=t-e.width-10),c.y+e.height>r&&(n=c.y-e.height),(a!==c.x||n!==c.y)&&d({x:a,y:n})}},[s,c]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{ref:f,onContextMenu:e=>{var t;e.preventDefault(),e.stopPropagation(),(null==(t=f.current)?void 0:t.getBoundingClientRect())&&(d({x:e.clientX,y:e.clientY}),o(!0))},className:(0,l.cn)("inline-block",i),children:t}),s&&(0,a.jsx)("div",{ref:u,className:"fixed z-50 min-w-[180px] rounded-lg border border-gray-200 bg-white py-2 shadow-lg dark:border-gray-700 dark:bg-gray-800",style:{left:c.x,top:c.y},children:r.map((e,t)=>(0,a.jsx)(n.Fragment,{children:e.separator?(0,a.jsx)("div",{className:"my-1 h-px bg-gray-200 dark:bg-gray-700"}):e.href?(0,a.jsx)(x(),{href:e.href,className:"block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700",onClick:()=>o(!1),children:e.label}):(0,a.jsx)("button",{className:"block w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700",onClick:()=>(e=>{e.onClick&&e.onClick(),o(!1)})(e),children:e.label})},t))})]})},ek=e=>{let{className:t}=e,r=[{label:"Download SVG",onClick:()=>{let e=document.querySelector("[data-navbar-logo]");if(e){let t=new Blob([new XMLSerializer().serializeToString(e)],{type:"image/svg+xml;charset=utf-8"}),r=URL.createObjectURL(t),a=document.createElement("a");a.href=r,a.download="black-forest-labs-logo.svg",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(r)}}},{label:"Brand assets",href:"/brand"}];return(0,a.jsx)(ew,{items:r,className:t,children:(0,a.jsx)(x(),{href:"/","aria-label":"Home",className:"transition-opacity duration-150 hover:opacity-70",children:(0,a.jsx)(G.G6,{"data-navbar-logo":!0})})})},ey=e=>{let{models:t}=e,r=(0,d.d)(),u="/models/flux-3-video"===r||"/models/flux-3-image"===r,f=(0,c.Q)("(max-width: 1189px)"),{isDarkMode:h,isTransparent:x}=(0,o.q)(),{isBannerVisible:b}=(0,s.k)(),[p,g]=(0,n.useState)(!1),[v,w]=(0,n.useState)(!1),[k,y]=(0,n.useState)(!1),[j,N]=(0,n.useState)(!1),[A,L]=(0,n.useState)(f);f!==A&&(L(f),w(!1),g(!1)),(0,n.useEffect)(()=>{w(!1),g(!1)},[r]),(0,n.useEffect)(()=>{let e=()=>{let e=window.scrollY,t=window.innerHeight,r=document.documentElement.scrollHeight;y(e>0),N(e+t>=r-10)};return window.addEventListener("scroll",e,{passive:!0}),e(),()=>window.removeEventListener("scroll",e)},[]);let C=x&&(!k||u)&&!v,E=C||h,S=h&&!C,M=u||"/"===r&&h;return(0,a.jsxs)(a.Fragment,{children:[!f&&(0,a.jsx)(m,{active:p}),(0,a.jsxs)("nav",{className:(0,l.cn)("container-full z-navbar sticky flex h-14 w-full items-center justify-between transition-[background-color,color,box-shadow,margin,top] duration-300 lg:h-20",M&&"flux3-page__navbar",b?"top-12":"top-0",C?"text-white-1 bg-transparent":h?"text-white-1 bg-black":"bg-white-1",!M&&!C&&h&&"dark-shadow",!M&&!C&&k&&!(j&&f)&&"shadow-medium",v&&"-mx-2 !shadow-none"),children:[(0,a.jsx)(ek,{}),(0,a.jsx)(ev,{active:v,setActive:w,isDarkMode:E,models:t}),(0,a.jsx)(eo,{setActive:g,isDarkMode:E,dropdownDarkMode:S,models:t}),!C&&(0,a.jsx)(i,{})]})]})}},57002:(e,t,r)=>{r.d(t,{L:()=>n});let a={"flux-3":"flux-3-video"};function n(e){return`/models/${a[e]??e}`}},59118:(e,t,r)=>{r.d(t,{Bk:()=>i,F3:()=>l,kI:()=>n});let a="bfl_previous_page";function n(e){try{sessionStorage.setItem(a,e)}catch{}}function l(){try{return sessionStorage.getItem(a)??""}catch{return""}}function i(){if(!document.referrer)return"";try{let e=new URL(document.referrer);if(e.origin!==window.location.origin)return"";return`${e.pathname}${e.search}`}catch{return""}}},59558:(e,t,r)=>{r.d(t,{PreviousPageTracker:()=>i});var a=r(86616),n=r(19410),l=r(59118);function i(){let e=(0,a.usePathname)(),t=(0,n.useRef)(null);return(0,n.useEffect)(()=>{null===t.current?(0,l.kI)((0,l.Bk)()):t.current!==e&&(0,l.kI)(t.current),t.current=e},[e]),null}},77972:(e,t,r)=>{r.d(t,{AnnouncementBannerClient:()=>m});var a=r(63226),n=r(38664),l=r(42190),i=r(87303),s=r.n(i),o=r(19410),c=r(19868),d=r(85758),u=r(90512);let f="homepage-announcement-dismissed-",m=e=>{var t;let{announcement:r}=e,i=(0,d.d)(),{setBannerVisible:m}=(0,c.k)(),[h,x]=(0,o.useState)(!1),[b,p]=(0,o.useState)(!0),g="/"===i;return((0,o.useEffect)(()=>{let e=`${f}${r._id}`,t="true"===localStorage.getItem(e);if(p(t),g&&!t){let e=setTimeout(()=>{x(!0),m(!0)},100);return()=>clearTimeout(e)}m(!1)},[g,r._id,m]),!g||b)?null:(0,a.jsxs)(l.P.div,{initial:{y:-100,opacity:0}

1,animate:h?{y:0,opacity:1}:{y:-100,opacity:0},transition:{duration:.4,ease:[.4,0,.2,1]},className:(0,u.cn)("container-full bg-black fixed top-0 right-0 left-0 flex h-12 w-full items-center justify-center px-4 text-center transition-all duration-300","border-white-3/20 border-b"),style:{zIndex:450},children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-center gap-2 pr-10",children:[(0,a.jsx)("span",{className:"text-sm text-white",children:r.text}),(0,a.jsx)("span",{className:"text-sm text-white",children:"•"}),(null==(t=r.readMoreLink)?void 0:t.url)&&(0,a.jsx)(s(),{href:r.readMoreLink.url,className:"hover:text-green text-sm whitespace-nowrap text-white underline transition-colors",children:r.readMoreLink.text||"Read more"})]}),(0,a.jsx)("button",{onClick:()=>{x(!1),m(!1);let e=`${f}${r._id}`;localStorage.setItem(e,"true"),p(!0)},className:"hover:bg-white/10 absolute right-4 flex h-8 w-8 items-center justify-center rounded-md transition-colors","aria-label":"Dismiss announcement",children:(0,a.jsx)(n.default,{className:"h-4 w-4 text-white"})})]})}},80398:(e,t,r)=>{r.r(t),r.d(t,{default:()=>a});let a={src:"/_next/static/media/bg-footer.c5582a35.png",height:964,width:1884,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAACVBMVEUMGRMWJB0kNCs7+rUMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAH0lEQVR4nD3IsQ0AAAyDMOD/o6ssZbKAzypBUadN4AABcQAUGG6pswAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:4}},80906:(e,t,r)=>{r.d(t,{AttributionCapture:()=>l});var a=r(19410),n=r(98332);function l(){return(0,a.useEffect)(()=>{(0,n.Cs)()},[]),null}},80975:(e,t,r)=>{r.d(t,{ParallaxImage:()=>u});var a=r(63226),n=r(51166),l=r(88442),i=r(42190),s=r(19410),o=r(18318),c=r(90512);let d={hero:{y:[0,64],scale:[1,1.1],offset:["start start","end start"],height:100},default:{y:[-32,32],scale:[1.08,1.08],offset:["start end","end start"]}},u=e=>{let{children:t,className:r,preset:u="default"}=e,f=(0,s.useRef)(null),{scrollYProgress:m}=(0,n.L)({target:f,offset:d[u??"default"].offset}),[h,x]=(0,s.useState)(!1);(0,s.useEffect)(()=>{x(!0)},[]);let b=(0,l.G)(m,[0,1],h&&o.Fr?[0,0]:d[u??"default"].y),p=(0,l.G)(m,[0,1],h&&o.Fr?[1,1]:d[u??"default"].scale);return(0,a.jsx)("div",{ref:f,className:(0,c.cn)("absolute inset-0 overflow-hidden",r),children:(0,a.jsx)(i.P.div,{style:{y:b,scale:p},className:"absolute inset-0 will-change-transform",children:t})})}},81980:(e,t,r)=>{r.d(t,{CtaPill:()=>m,M:()=>f});var a=r(63226),n=r(68446),l=r(72306),i=r(98634),s=r(42190),o=r(87303),c=r.n(o),d=r(19410),u=r(90512);function f(){let[e,t]=(0,d.useState)(!1);return(0,d.useEffect)(()=>{let e=window.matchMedia("(hover: hover) and (pointer: fine)"),r=()=>t(e.matches);return r(),e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[]),e}function m(e){let t=(0,i.I)(),r=f(),{variant:o="primary",theme:d="dark",withArrow:m="primary"===o,arrow:h="right",className:x,ariaLabel:b,children:p}=e,g=void 0===e.href&&!!e.disabled,v=(0,a.jsxs)(s.P.span,{className:(0,u.cn)("inline-flex items-center justify-center gap-2 rounded-[6px] px-6 py-3.5 text-[15px] tracking-[0.02em] whitespace-nowrap cursor-pointer font-medium transition-colors duration-200","primary"===o?"bg-[#e0ddff] text-[#0c0c0c]":"dark"===d?"bg-black/30 text-white border border-white/25 backdrop-blur-sm hover:bg-black/45 hover:border-white/35":"bg-black/5 text-[#0c0c0c] border border-black/25 backdrop-blur-sm hover:bg-black/10 hover:border-black/35",x),tabIndex:-1,initial:"rest",animate:"rest",whileHover:r&&!g?"hover":void 0,whileTap:t||g?void 0:{scale:.96},variants:{rest:{y:0},hover:{y:t?0:-2}},transition:{type:"spring",stiffness:400,damping:28},children:[p,m&&(0,a.jsx)(s.P.span,{className:"inline-block",variants:{rest:{x:0,y:0},hover:t?{x:0,y:0}:"up-right"===h?{x:2,y:-2}:{x:3,y:0}},transition:{type:"spring",stiffness:500,damping:24},"aria-hidden":!0,children:"up-right"===h?(0,a.jsx)(n.default,{className:"size-4"}):(0,a.jsx)(l.default,{className:"size-4"})})]});if(void 0===e.href){let{variant:t,theme:r,withArrow:n,arrow:l,className:i,ariaLabel:s,children:o,href:c,buttonClassName:d,type:f="button",...m}=e;return(0,a.jsx)("button",{"aria-label":b,...m,type:f,className:(0,u.cn)("inline-block","disabled:pointer-events-none disabled:opacity-50",d),children:v})}let{href:w,linkClassName:k,onClick:y,target:j}=e;return(0,a.jsx)(c(),{href:w,className:(0,u.cn)("inline-block",k),onClick:y,target:j,rel:"_blank"===j?"noopener noreferrer":void 0,"aria-label":b,children:v})}},85758:(e,t,r)=>{r.d(t,{d:()=>n});var a=r(86616);function n(){let e=(0,a.usePathname)();return"/index"===e?"/":e}},89957:(e,t,r)=>{r.d(t,{U:()=>a});let a=[.25,.1,.25,1]},90512:(e,t,r)=>{r.d(t,{cn:()=>l});var a=r(92073),n=r(90681);let l=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,a.$)(...t))}},91740:(e,t,r)=>{r.d(t,{QueryProvider:()=>s});var a=r(63226),n=r(6296),l=r(35510),i=r(19410);function s(e){let{children:t}=e,[r]=(0,i.useState)(()=>new n.E({defaultOptions:{queries:{staleTime:6e4,refetchOnWindowFocus:!1}}}));return(0,a.jsx)(l.Ht,{client:r,children:t})}},92800:(e,t,r)=>{r.d(t,{Q:()=>n});var a=r(19410);let n=function(e){let{defaultValue:t=!1}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(0,a.useSyncExternalStore)(t=>{let r=window.matchMedia(e);return r.addListener?r.addListener(t):r.addEventListener("change",t),()=>{r.removeListener?r.removeListener(t):r.removeEventListener("change",t)}},()=>window.matchMedia(e).matches,()=>t)}},96907:(e,t,r)=>{r.d(t,{$:()=>n,I:()=>l});var a=r(37811);let n=a.env.NEXT_PUBLIC_DASHBOARD_URL||"https://dashboard.bfl.ai",l=a.env.NEXT_PUBLIC_PLAYGROUND_URL||"https://playground.bfl.ai"}}]);