module.exports=[69147,a=>{"use strict";var b=a.i(87924);function c({title:a,description:c,controls:d,output:e}){return(0,b.jsxs)("div",{className:"container mx-auto px-4 py-8 max-w-7xl",children:[(0,b.jsxs)("div",{className:"mb-8",children:[(0,b.jsx)("h1",{className:"text-3xl font-bold tracking-tight text-foreground mb-2",children:a}),(0,b.jsx)("p",{className:"text-muted-foreground",children:c})]}),(0,b.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8 items-start",children:[(0,b.jsx)("div",{className:"space-y-6",children:(0,b.jsx)("div",{className:"bg-card rounded-2xl border border-border p-6 shadow-sm",children:d})}),(0,b.jsx)("div",{className:"lg:sticky lg:top-24",children:(0,b.jsxs)("div",{className:"space-y-4",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-muted-foreground uppercase tracking-wider px-1",children:"Generated Output"}),e]})})]})]})}a.s(["ToolLayout",()=>c])},5151,a=>{"use strict";let b=(0,a.i(70106).default)("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);a.s(["Copy",()=>b],5151)},33441,a=>{"use strict";let b=(0,a.i(70106).default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);a.s(["Check",()=>b],33441)},90851,a=>{"use strict";var b=a.i(87924),c=a.i(72131);function d({color:a,onChange:d}){let e,f=(e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a))?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:{r:0,g:0,b:0},g=(0,c.useCallback)(a=>{let b=f.g.toString(16).padStart(2,"0"),c=f.b.toString(16).padStart(2,"0");d(`#${a.toString(16).padStart(2,"0")}${b}${c}`)},[f,d]),h=(0,c.useCallback)(a=>{let b=f.r.toString(16).padStart(2,"0"),c=f.b.toString(16).padStart(2,"0");d(`#${b}${a.toString(16).padStart(2,"0")}${c}`)},[f,d]),i=(0,c.useCallback)(a=>{let b=f.r.toString(16).padStart(2,"0"),c=f.g.toString(16).padStart(2,"0");d(`#${b}${c}${a.toString(16).padStart(2,"0")}`)},[f,d]);return(0,b.jsxs)("div",{className:"w-full space-y-4",children:[(0,b.jsxs)("div",{className:"relative group",children:[(0,b.jsx)("input",{type:"color",value:a,onChange:a=>d(a.target.value),className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10"}),(0,b.jsx)("div",{className:"w-full h-40 rounded-2xl border border-border transition-all duration-200 group-hover:scale-[1.01] group-hover:shadow-lg flex items-center justify-center",style:{backgroundColor:a},children:(0,b.jsx)("div",{className:"bg-black/30 backdrop-blur-sm rounded-xl px-4 py-2 text-white text-sm font-mono font-bold shadow",children:"🎨 Click to open picker"})})]}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("span",{className:"text-xs font-bold text-red-400 w-5",children:"R"}),(0,b.jsx)("div",{className:"flex-1 relative",children:(0,b.jsx)("input",{type:"range",min:0,max:255,value:f.r,onChange:a=>g(parseInt(a.target.value)),className:"w-full h-3 rounded-full appearance-none cursor-pointer",style:{background:`linear-gradient(to right, #000, rgb(${f.r},0,0), #ff0000)`}})}),(0,b.jsx)("span",{className:"text-xs font-mono w-8 text-right text-muted-foreground",children:f.r})]}),(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("span",{className:"text-xs font-bold text-green-400 w-5",children:"G"}),(0,b.jsx)("div",{className:"flex-1",children:(0,b.jsx)("input",{type:"range",min:0,max:255,value:f.g,onChange:a=>h(parseInt(a.target.value)),className:"w-full h-3 rounded-full appearance-none cursor-pointer",style:{background:`linear-gradient(to right, #000, rgb(0,${f.g},0), #00ff00)`}})}),(0,b.jsx)("span",{className:"text-xs font-mono w-8 text-right text-muted-foreground",children:f.g})]}),(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("span",{className:"text-xs font-bold text-blue-400 w-5",children:"B"}),(0,b.jsx)("div",{className:"flex-1",children:(0,b.jsx)("input",{type:"range",min:0,max:255,value:f.b,onChange:a=>i(parseInt(a.target.value)),className:"w-full h-3 rounded-full appearance-none cursor-pointer",style:{background:`linear-gradient(to right, #000, rgb(0,0,${f.b}), #0000ff)`}})}),(0,b.jsx)("span",{className:"text-xs font-mono w-8 text-right text-muted-foreground",children:f.b})]})]})]})}a.s(["ColorPicker",()=>d])},54159,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(69147),e=a.i(62258),f=a.i(90851);function g(){let[a,g]=(0,c.useState)("Home"),[h,i]=(0,c.useState)("#0284c7"),[j,k]=(0,c.useState)("#ffffff"),[l,m]=(0,c.useState)(!0),[n,o]=(0,c.useState)(4),p=h.replace("#","").toUpperCase().padStart(6,"0"),q=j.replace("#","").toUpperCase().padStart(6,"0"),r=`AppBar(
  title: const Text("${a}"),
  backgroundColor: const Color(0xFF${p}),
  foregroundColor: const Color(0xFF${q}),
  centerTitle: ${l},
  elevation: ${n},
  actions: [
    IconButton(icon: const Icon(Icons.search), onPressed: () {}),
    IconButton(icon: const Icon(Icons.more_vert), onPressed: () {}),
  ],
)`;return(0,b.jsx)(d.ToolLayout,{title:"Flutter AppBar Generator",description:"Design your app navigation bar with custom colors, titles, and elevation.",controls:(0,b.jsxs)("div",{className:"space-y-6",children:[(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Title Text"}),(0,b.jsx)("input",{type:"text",value:a,onChange:a=>g(a.target.value),className:"w-full px-4 py-2 bg-background border border-border rounded-xl focus:ring-2 focus:ring-primary outline-none"})]}),(0,b.jsx)("div",{className:"flex items-center gap-4",children:(0,b.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group",children:[(0,b.jsx)("input",{type:"checkbox",checked:l,onChange:a=>m(a.target.checked),className:"w-4 h-4 rounded border-border text-primary focus:ring-primary bg-background"}),(0,b.jsx)("span",{className:"text-sm font-medium text-muted-foreground group-hover:text-foreground",children:"Center Title"})]})}),(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Elevation"}),(0,b.jsx)("input",{type:"range",min:"0",max:"24",step:"1",value:n,onChange:a=>o(parseInt(a.target.value)),className:"w-full"})]}),(0,b.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("label",{className:"text-xs font-bold text-muted-foreground uppercase",children:"Background Color"}),(0,b.jsx)(f.ColorPicker,{color:h,onChange:i})]}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("label",{className:"text-xs font-bold text-muted-foreground uppercase",children:"Text & Icon Color"}),(0,b.jsx)(f.ColorPicker,{color:j,onChange:k})]})]}),(0,b.jsxs)("div",{className:"pt-8 border-t border-border flex flex-col items-center",children:[(0,b.jsx)("span",{className:"text-xs text-muted-foreground uppercase tracking-widest block mb-10",children:"Preview"}),(0,b.jsxs)("div",{className:"p-10 bg-slate-100 dark:bg-slate-900 rounded-3xl w-full",children:[(0,b.jsx)("div",{style:{backgroundColor:h,color:j,boxShadow:n>0?`0 ${n}px ${2*n}px rgba(0,0,0,0.15)`:"none"},className:"h-14 w-full flex items-center px-4 rounded-lg transition-all",children:(0,b.jsxs)("div",{className:"flex-1 flex items-center",children:[(0,b.jsx)("div",{className:"w-6 h-6 rounded-full bg-white/20 mr-4"}),(0,b.jsx)("div",{className:`flex-1 text-lg font-bold ${l?"text-center":""}`,children:a}),(0,b.jsxs)("div",{className:"flex gap-4",children:[(0,b.jsx)("div",{className:"w-5 h-5 rounded-sm bg-white/20"}),(0,b.jsx)("div",{className:"w-5 h-5 rounded-sm bg-white/20"})]})]})}),(0,b.jsx)("div",{className:"h-20 bg-background/50 rounded-b-lg mt-0.5 border-x border-b border-border/50"})]})]})]}),output:(0,b.jsx)(e.CodeOutput,{code:r})})}a.s(["default",()=>g])}];

//# sourceMappingURL=_9353153b._.js.map