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])},67390,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)("#0284c7"),[h,i]=(0,c.useState)("#38bdf8"),[j,k]=(0,c.useState)("#0f172a"),[l,m]=(0,c.useState)("dark"),n=a.replace("#","").toUpperCase().padStart(6,"0"),o=h.replace("#","").toUpperCase().padStart(6,"0"),p=j.replace("#","").toUpperCase().padStart(6,"0"),q=`ThemeData(
  brightness: Brightness.${l},
  primaryColor: Color(0xFF${n}),
  scaffoldBackgroundColor: Color(0xFF${p}),
  colorScheme: ColorScheme.${l}(
    primary: Color(0xFF${n}),
    secondary: Color(0xFF${o}),
    surface: Color(0xFF${p}),
  ),
  appBarTheme: const AppBarTheme(
    backgroundColor: Color(0xFF${n}),
    elevation: 0,
  ),
  elevatedButtonTheme: ElevatedButtonThemeData(
    style: ElevatedButton.styleFrom(
      backgroundColor: Color(0xFF${n}),
      foregroundColor: ${"dark"===l?"Colors.white":"Colors.black"},
    ),
  ),
)`;return(0,b.jsx)(d.ToolLayout,{title:"Flutter Theme Generator",description:"Create a consistent visual identity for your app and generate the ThemeData code.",controls:(0,b.jsxs)("div",{className:"space-y-8",children:[(0,b.jsx)("div",{className:"flex justify-center mb-8",children:(0,b.jsxs)("div",{className:"bg-secondary p-1 rounded-xl flex",children:[(0,b.jsx)("button",{onClick:()=>{m("light"),k("#ffffff")},className:`px-6 py-2 rounded-lg text-sm font-medium transition-all ${"light"===l?"bg-background text-primary shadow-sm":"text-muted-foreground"}`,children:"Light Mode"}),(0,b.jsx)("button",{onClick:()=>{m("dark"),k("#0f172a")},className:`px-6 py-2 rounded-lg text-sm font-medium transition-all ${"dark"===l?"bg-background text-primary shadow-sm":"text-muted-foreground"}`,children:"Dark Mode"})]})}),(0,b.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 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:"Primary Color"}),(0,b.jsx)(f.ColorPicker,{color:a,onChange:g})]}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("label",{className:"text-xs font-bold text-muted-foreground uppercase",children:"Accent 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:"Background"}),(0,b.jsx)(f.ColorPicker,{color:j,onChange:k})]})]}),(0,b.jsxs)("div",{className:"pt-8 border-t border-border",children:[(0,b.jsx)("span",{className:"text-xs text-muted-foreground uppercase tracking-widest block mb-6 text-center",children:"Theme Preview"}),(0,b.jsxs)("div",{className:"rounded-2xl border border-border overflow-hidden shadow-2xl transition-all duration-300 mx-auto max-w-sm",style:{backgroundColor:j},children:[(0,b.jsxs)("div",{className:"h-12 flex items-center px-4 shadow-md",style:{backgroundColor:a},children:[(0,b.jsx)("div",{className:"w-8 h-1 rounded bg-white/30 mr-4"}),(0,b.jsx)("div",{className:"text-white text-xs font-bold",children:"App Title"})]}),(0,b.jsxs)("div",{className:"p-6 space-y-4",children:[(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("div",{className:"h-4 w-3/4 rounded bg-muted/20",style:{color:"dark"===l?"#fff":"#000"},children:(0,b.jsx)("span",{className:"text-xs font-bold",children:"Headline Large"})}),(0,b.jsx)("div",{className:"h-2 w-full rounded bg-muted/10"}),(0,b.jsx)("div",{className:"h-2 w-5/6 rounded bg-muted/10"})]}),(0,b.jsxs)("div",{className:"flex gap-3 pt-4",children:[(0,b.jsx)("button",{className:"px-4 py-2 rounded-lg text-[10px] font-bold shadow-lg",style:{backgroundColor:a,color:"dark"===l?"#fff":"#000"},children:"PRIMARY BUTTON"}),(0,b.jsx)("button",{className:"px-4 py-2 rounded-lg text-[10px] font-bold border",style:{borderColor:a,color:a},children:"OUTLINED"})]}),(0,b.jsx)("div",{className:"pt-4 grid grid-cols-4 gap-2",children:[1,2,3,4].map(a=>(0,b.jsx)("div",{className:"aspect-square rounded-xl shadow-sm",style:{backgroundColor:h+"33"}},a))})]})]})]})]}),output:(0,b.jsx)(e.CodeOutput,{code:q})})}a.s(["default",()=>g])}];

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