https://image-layer.com/_next/static/chunks/3323.1b653dbc4394c3ae.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3323],{9009:(e,t,a)=>{a.d(t,{T:()=>n});var s=a(43592),r=a(74340),l=a(68896);let n=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("textarea",{className:(0,l.cn)("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",a),ref:t,...r})});n.displayName="Textarea"},46070:(e,t,a)=>{a.d(t,{I:()=>x});var s=a(43592);a(74340);var r=a(63537),l=a(29163),n=a(68896);function o(e){let{delayDuration:t=0,...a}=e;return(0,s.jsx)(l.Kq,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function i(e){let{...t}=e;return(0,s.jsx)(o,{children:(0,s.jsx)(l.bL,{"data-slot":"tooltip",...t})})}function d(e){let{...t}=e;return(0,s.jsx)(l.l9,{"data-slot":"tooltip-trigger",...t})}function c(e){let{className:t,sideOffset:a=0,children:r,...o}=e;return(0,s.jsx)(l.ZL,{children:(0,s.jsxs)(l.UC,{"data-slot":"tooltip-content",sideOffset:a,className:(0,n.cn)("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",t),...o,children:[r,(0,s.jsx)(l.i3,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}function x(e){let{content:t}=e;return(0,s.jsxs)(i,{children:[(0,s.jsx)(d,{asChild:!0,children:(0,s.jsx)("button",{type:"button","aria-label":t,className:"ml-1 inline-flex items-center justify-center text-[#555] transition-colors hover:text-white focus:outline-none",children:(0,s.jsx)(r.A,{className:"h-3.5 w-3.5"})})}),(0,s.jsx)(c,{side:"top",sideOffset:8,className:"max-w-[220px] rounded-xl border border-white/10 bg-[#111] px-3 py-2 text-[11px] leading-5 text-white/85",children:t})]})}},66447:(e,t,a)=>{a.d(t,{Cf:()=>x,Es:()=>h,L3:()=>p,c7:()=>m,lG:()=>i,rr:()=>u});var s=a(43592),r=a(74340),l=a(42163),n=a(69793),o=a(68896);let i=l.bL;l.l9;let d=l.ZL;l.bm;let c=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(l.hJ,{ref:t,className:(0,o.cn)("fixed inset-0 z-[10000] bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...r})});c.displayName=l.hJ.displayName;let x=r.forwardRef((e,t)=>{let{className:a,children:r,...i}=e;return(0,s.jsxs)(d,{children:[(0,s.jsx)(c,{}),(0,s.jsxs)(l.UC,{ref:t,className:(0,o.cn)("fixed left-[50%] top-[50%] z-[10000] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 sm:rounded-lg",a),...i,children:[r,(0,s.jsxs)(l.bm,{className:"absolute right-4 top-4 roun

1ded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,s.jsx)(n.A,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});x.displayName=l.UC.displayName;let m=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,o.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};m.displayName="DialogHeader";let h=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,o.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a})};h.displayName="DialogFooter";let p=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(l.hE,{ref:t,className:(0,o.cn)("text-lg font-semibold leading-none tracking-tight",a),...r})});p.displayName=l.hE.displayName;let u=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(l.VY,{ref:t,className:(0,o.cn)("text-sm text-muted-foreground",a),...r})});u.displayName=l.VY.displayName},73323:(e,t,a)=>{a.r(t),a.d(t,{Flux2T2IParamsPanel:()=>p});var s=a(43592);a(74340);var r=a(97171),l=a(68896),n=a(14035),o=a(92650),i=a(87143),d=a(74331),c=a(81241),x=a(46070);let m=["1:1","16:9","9:16","4:3","3:4","3:2","2:3"],h=["1K","2K"];function p(e){let{params:t,onChange:a,isGenerating:p,t:u}=e;return(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsxs)("div",{className:"space-y-2 group",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)(r.J,{className:"text-[#a1a1a1] text-sm font-semibold flex items-center gap-2 group-focus-within:text-white transition-colors",children:[(0,s.jsx)(n.A,{className:"w-4 h-4"})," ",u.imagePrompt," ",(0,s.jsx)("span",{className:"text-[#FCE3C8]",children:"*"})]}),(0,s.jsxs)("span",{className:"text-[10px] text-gray-600 font-mono",children:[t.prompt.length,"/5000"]})]}),(0,s.jsx)(c.l,{value:t.prompt,onChange:e=>a({prompt:e}),placeholder:u.promptPlaceholderGPT,maxLength:5e3,rows:4,disabled:p,dialogTitle:u.imagePrompt,expandLabel:u.expandEditor,saveLabel:u.save,cancelLabel:u.cancel,className:"bg-transparent border border-white/10 resize-none rounded-2xl p-4 text-sm text-white placeholder:text-[#FCE3C8]/40 focus-visible:ring-0 focus-visible:border-white/30",dialogTextareaClassName:"rounded-2xl border-white/10 text-white placeholder:text-[#FCE3C8]/40 focus-visible:border-white/30"})]}),(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsxs)(r.J,{className:"text-[#a1a1a1] text-sm font-semibold flex items-center gap-2",children:[(0,s.jsx)(o.A,{className:"w-4 h-4"})," ",u.aspectRatio," ",(0,s.jsx)(x.I,{content:u.aspectRatioHelp})]}),(0,s.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:grid-cols-4",children:m.map(e=>(0,s.jsx)(d.D,{onClick:()=>a({aspect_ratio:e}),disabled:p,ratio:e,active:t.aspect_ratio===e},e))})]}),(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsxs)(r.J,{className:"text-[#a1a1a1] text-sm font-semibold flex items-center gap-2",children:[(0,s.jsx)(i.A,{className:"w-4 h-4"})," ",u.resolution]}),(0,s.jsx)("div",{className:"flex gap-3",children:h.map(e=>(0,s.jsx)("button",{onClick:()=>a({resolution:e}),disabled:p,className:(0,l.cn)("flex-1 h-[44px] border rounded-xl transition-all font-semibold text-sm",t.resolution===e?"border-[#FCE3C8] text-[#191919] bg-[#FCE3C8]":"border-[#2a2a2a] text-[#a1a1a1] bg-[#141414] hover:bg-[#1a1a1a]"),children:e},e))})]})]})}},74331:(e,t,a)=>{a.d(t,{D:()=>l});var s=a(43592),r=a(68896);function l(e){let{ratio:t,active:a,primaryLabel:l,secondaryLabel:n,className:o,...i}=e,{width:d,height:c}=function(e){let[t,a]=e.split(":").map(Number);if(!t||!a)return{width:26,height:26};let s=30/Math.max(t,a);return{width:Math.max(16,Math.round(t*s)),height:Math.max(16,Math.round(a*s))}}(t),x=null!=l?l:t;return(0,s.jsxs)("button",{type:"button",className:(0,r.cn)("relative flex h-[78px] w-full min-w-0 flex-col items-center justify-center rounded-2xl border bg-[#141414] px-2 text-center transition-all disabled:cursor-not-allowed disabled:opacity-50",a?"border-[#FCE3C8] bg-[rgba(252,227,200,0.06)] text-[#FCE3C8]":"border-[#2a2a2a] text-[#a1a1a1] hover:border-[#555] hover:bg-[#1a1a1a] hover:text-white",o),"aria-pressed":a,...i,children:[(0,s.jsx)("div",{className:"mb-2 flex h-8 items-center justify-center",children:(0,s.jsx)("div",{className:(0,r.cn)("rounded-[6px] border transition-all",a?"border-[#FCE3C8] bg-[#FCE3C8]/10 shadow-[inset_0_0_0_1px_rgba(252,227,200,0.08)]":"border-current/50 bg-white/[0.03]"),style:{width:d,height:c}})}),(0,s.jsx)("span",{className:"max-w-full text-[11px] font-semibold leading-none",children:x}),n&&(0,s.jsx)("span",{className:(0,r.cn)("mt-1 text-[9px] font-mono leading-none",a?"text-[#FCE3C8]/70":"text-[#666]"),children:n})]})}},81241:(e,t,a)=>{a.d(t,{l:()=>d});var s=a(43592),r=a(74340),l=a(94967),n=a(66447),o=a(9009),i=a(68896);function d(e){let{value:t,onChange:a,dialogTitle:d,expandLabel:c="Expand editor",saveLabel:x="Save",cancelLabel:m="Cancel",wrapperClassName:h,className:p,dialogContentClassName:u,dialogTextareaClassName:b,dialogRows:f,showCornerAccents:g=!1,disabled:w,rows:j=4,maxLength:y,placeholder:N,...v}=e,[C,k]=r.useState(!1),[E,F]=r.useState(t);r.useEffect(()=>{C||F(t)},[C,t]);let z=e=>{e&&F(t),k(e)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:(0,i.cn)("group relative",h),children:[(0,s.jsx)(o.T,{value:t,onChange:e=>a(e.target.value),rows:j,maxLength:y,placeholder:N,disabled:w,className:(0,i.cn)(p,"pr-12"),...v}),(0,s.jsx)("button",{type:"button",onClick:()=>z(!0),disabled:w,"aria-label":c,title:c,className:"absolute right-3 top-3 z-10 inline-flex h-7 w-7 items-center justify-center rounded-lg border border-white/10 bg-black/45 text-white transition-all hover:border-white/20 hover:bg-black/65 disabled:pointer-events-none disabled:opacity-40",children:(0,s.jsx)(l.A,{className:"h-3.5 w-3.5"})}),g&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"pointer-events-none absolute left-0 top-0 h-2.5 w-2.5 border-l border-t border-white/20 transition-colors group-focus-within:border-[#FCE3C8]"}),(0,s.jsx)("div",{className:"pointer-events-none absolute bottom-0 right-0 h-2.5 w-2.5 border-b border-r border-white/20 transition-colors group-focus-within:border-[#FCE3C8]"})]})]}),(0,s.jsx)(n.lG,{open:C,onOpenChange:z,children:(0,s.jsxs)(n.Cf,{className:(0,i.cn)("w-[92vw] max-w-4xl border border-white/10 bg-[#101010] p-0 text-white sm:rounded-2xl",u),children:[(0,s.jsx)(n.c7,{className:"border-b border-white/10 px-6 py-4",children:(0,s.jsx)(n.L3,{className:"text-base font-semibold text-white",children:d})}),(0,s.jsx)("div",{className:"px-4 py-4",children:(0,s.jsx)(o.T,{value:E,onChange:e=>F(e.target.value),rows:null!=f?f:Math.max(j,14),maxLength:y,placeholder:N,disabled:w,className:(0,i.cn)("min-h-[420px] w-full resize-none rounded-2xl border border-white/10 bg-black/20 p-4 text-sm text-white placeholder:text-[#FCE3C8]/40 focu

1s-visible:border-white/30 focus-visible:ring-0",b)})}),(0,s.jsxs)(n.Es,{className:"items-center justify-between border-t border-white/10 px-6 py-4 sm:flex-row sm:space-x-0",children:[(0,s.jsx)("span",{className:"text-xs font-mono text-[#666]",children:"number"==typeof y?"".concat(E.length,"/").concat(y):"".concat(E.length)}),(0,s.jsxs)("div",{className:"flex w-full gap-3 sm:w-auto",children:[(0,s.jsx)("button",{type:"button",onClick:()=>z(!1),className:"inline-flex h-10 flex-1 items-center justify-center rounded-xl border border-white/10 bg-transparent px-4 text-sm text-white/70 transition-colors hover:border-white/20 hover:text-white sm:flex-none",children:m}),(0,s.jsx)("button",{type:"button",onClick:()=>{a(E),k(!1)},className:"inline-flex h-10 flex-1 items-center justify-center rounded-xl border border-[#FCE3C8] bg-[#FCE3C8] px-4 text-sm font-semibold text-[#191919] transition-opacity hover:opacity-90 sm:flex-none",children:x})]})]})]})})]})}},87143:(e,t,a)=>{a.d(t,{A:()=>s});let s=(0,a(96369).A)("Monitor",[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]])},92650:(e,t,a)=>{a.d(t,{A:()=>s});let s=(0,a(96369).A)("LayoutTemplate",[["rect",{width:"18",height:"7",x:"3",y:"3",rx:"1",key:"f1a2em"}],["rect",{width:"9",height:"7",x:"3",y:"14",rx:"1",key:"jqznyg"}],["rect",{width:"5",height:"7",x:"16",y:"14",rx:"1",key:"q5h2i8"}]])},97171:(e,t,a)=>{a.d(t,{J:()=>n});var s=a(43592);a(74340);var r=a(23258),l=a(68896);function n(e){let{className:t,...a}=e;return(0,s.jsx)(r.b,{"data-slot":"label",className:(0,l.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",t),...a})}}}]);