(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,38149,e=>{"use strict";var t=e.i(43476);function s({title:e,description:s,controls:r,output:a}){return(0,t.jsxs)("div",{className:"container mx-auto px-4 py-8 max-w-7xl",children:[(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)("h1",{className:"text-3xl font-bold tracking-tight text-foreground mb-2",children:e}),(0,t.jsx)("p",{className:"text-muted-foreground",children:s})]}),(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8 items-start",children:[(0,t.jsx)("div",{className:"space-y-6",children:(0,t.jsx)("div",{className:"bg-card rounded-2xl border border-border p-6 shadow-sm",children:r})}),(0,t.jsx)("div",{className:"lg:sticky lg:top-24",children:(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)("h2",{className:"text-sm font-semibold text-muted-foreground uppercase tracking-wider px-1",children:"Generated Output"}),a]})})]})]})}e.s(["ToolLayout",()=>s])},74886,e=>{"use strict";let t=(0,e.i(75254).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"}]]);e.s(["Copy",()=>t],74886)},43531,e=>{"use strict";let t=(0,e.i(75254).default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);e.s(["Check",()=>t],43531)},31067,e=>{"use strict";function t(){return(t=Object.assign.bind()).apply(null,arguments)}e.s(["default",()=>t])},92876,e=>{"use strict";var t=e.i(43476),s=e.i(71645);function r({color:e,onChange:r}){let a,l=(a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e))?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16)}:{r:0,g:0,b:0},n=(0,s.useCallback)(e=>{let t=l.g.toString(16).padStart(2,"0"),s=l.b.toString(16).padStart(2,"0");r(`#${e.toString(16).padStart(2,"0")}${t}${s}`)},[l,r]),o=(0,s.useCallback)(e=>{let t=l.r.toString(16).padStart(2,"0"),s=l.b.toString(16).padStart(2,"0");r(`#${t}${e.toString(16).padStart(2,"0")}${s}`)},[l,r]),c=(0,s.useCallback)(e=>{let t=l.r.toString(16).padStart(2,"0"),s=l.g.toString(16).padStart(2,"0");r(`#${t}${s}${e.toString(16).padStart(2,"0")}`)},[l,r]);return(0,t.jsxs)("div",{className:"w-full space-y-4",children:[(0,t.jsxs)("div",{className:"relative group",children:[(0,t.jsx)("input",{type:"color",value:e,onChange:e=>r(e.target.value),className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10"}),(0,t.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:e},children:(0,t.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,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("span",{className:"text-xs font-bold text-red-400 w-5",children:"R"}),(0,t.jsx)("div",{className:"flex-1 relative",children:(0,t.jsx)("input",{type:"range",min:0,max:255,value:l.r,onChange:e=>n(parseInt(e.target.value)),className:"w-full h-3 rounded-full appearance-none cursor-pointer",style:{background:`linear-gradient(to right, #000, rgb(${l.r},0,0), #ff0000)`}})}),(0,t.jsx)("span",{className:"text-xs font-mono w-8 text-right text-muted-foreground",children:l.r})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("span",{className:"text-xs font-bold text-green-400 w-5",children:"G"}),(0,t.jsx)("div",{className:"flex-1",children:(0,t.jsx)("input",{type:"range",min:0,max:255,value:l.g,onChange:e=>o(parseInt(e.target.value)),className:"w-full h-3 rounded-full appearance-none cursor-pointer",style:{background:`linear-gradient(to right, #000, rgb(0,${l.g},0), #00ff00)`}})}),(0,t.jsx)("span",{className:"text-xs font-mono w-8 text-right text-muted-foreground",children:l.g})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("span",{className:"text-xs font-bold text-blue-400 w-5",children:"B"}),(0,t.jsx)("div",{className:"flex-1",children:(0,t.jsx)("input",{type:"range",min:0,max:255,value:l.b,onChange:e=>c(parseInt(e.target.value)),className:"w-full h-3 rounded-full appearance-none cursor-pointer",style:{background:`linear-gradient(to right, #000, rgb(0,0,${l.b}), #0000ff)`}})}),(0,t.jsx)("span",{className:"text-xs font-mono w-8 text-right text-muted-foreground",children:l.b})]})]})]})}e.s(["ColorPicker",()=>r])},98425,e=>{"use strict";var t=e.i(43476),s=e.i(71645),r=e.i(38149),a=e.i(74837),l=e.i(92876);function n(){let[e,n]=(0,s.useState)("Home"),[o,c]=(0,s.useState)("#0284c7"),[d,i]=(0,s.useState)("#ffffff"),[x,u]=(0,s.useState)(!0),[p,g]=(0,s.useState)(4),m=o.replace("#","").toUpperCase().padStart(6,"0"),h=d.replace("#","").toUpperCase().padStart(6,"0"),f=`AppBar(
  title: const Text("${e}"),
  backgroundColor: const Color(0xFF${m}),
  foregroundColor: const Color(0xFF${h}),
  centerTitle: ${x},
  elevation: ${p},
  actions: [
    IconButton(icon: const Icon(Icons.search), onPressed: () {}),
    IconButton(icon: const Icon(Icons.more_vert), onPressed: () {}),
  ],
)`;return(0,t.jsx)(r.ToolLayout,{title:"Flutter AppBar Generator",description:"Design your app navigation bar with custom colors, titles, and elevation.",controls:(0,t.jsxs)("div",{className:"space-y-6",children:[(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Title Text"}),(0,t.jsx)("input",{type:"text",value:e,onChange:e=>n(e.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,t.jsx)("div",{className:"flex items-center gap-4",children:(0,t.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group",children:[(0,t.jsx)("input",{type:"checkbox",checked:x,onChange:e=>u(e.target.checked),className:"w-4 h-4 rounded border-border text-primary focus:ring-primary bg-background"}),(0,t.jsx)("span",{className:"text-sm font-medium text-muted-foreground group-hover:text-foreground",children:"Center Title"})]})}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("label",{className:"text-sm font-medium text-muted-foreground",children:"Elevation"}),(0,t.jsx)("input",{type:"range",min:"0",max:"24",step:"1",value:p,onChange:e=>g(parseInt(e.target.value)),className:"w-full"})]}),(0,t.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsx)("label",{className:"text-xs font-bold text-muted-foreground uppercase",children:"Background Color"}),(0,t.jsx)(l.ColorPicker,{color:o,onChange:c})]}),(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsx)("label",{className:"text-xs font-bold text-muted-foreground uppercase",children:"Text & Icon Color"}),(0,t.jsx)(l.ColorPicker,{color:d,onChange:i})]})]}),(0,t.jsxs)("div",{className:"pt-8 border-t border-border flex flex-col items-center",children:[(0,t.jsx)("span",{className:"text-xs text-muted-foreground uppercase tracking-widest block mb-10",children:"Preview"}),(0,t.jsxs)("div",{className:"p-10 bg-slate-100 dark:bg-slate-900 rounded-3xl w-full",children:[(0,t.jsx)("div",{style:{backgroundColor:o,color:d,boxShadow:p>0?`0 ${p}px ${2*p}px rgba(0,0,0,0.15)`:"none"},className:"h-14 w-full flex items-center px-4 rounded-lg transition-all",children:(0,t.jsxs)("div",{className:"flex-1 flex items-center",children:[(0,t.jsx)("div",{className:"w-6 h-6 rounded-full bg-white/20 mr-4"}),(0,t.jsx)("div",{className:`flex-1 text-lg font-bold ${x?"text-center":""}`,children:e}),(0,t.jsxs)("div",{className:"flex gap-4",children:[(0,t.jsx)("div",{className:"w-5 h-5 rounded-sm bg-white/20"}),(0,t.jsx)("div",{className:"w-5 h-5 rounded-sm bg-white/20"})]})]})}),(0,t.jsx)("div",{className:"h-20 bg-background/50 rounded-b-lg mt-0.5 border-x border-b border-border/50"})]})]})]}),output:(0,t.jsx)(a.CodeOutput,{code:f})})}e.s(["default",()=>n])}]);