module.exports=[46035,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(69147),e=a.i(57064),f=a.i(46842),g=a.i(38784),h=a.i(87532),i=a.i(5151),j=a.i(77156),k=a.i(1631),l=a.i(76472),m=a.i(23312),n=a.i(70106);let o=(0,n.default)("menu",[["path",{d:"M4 5h16",key:"1tepv9"}],["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 19h16",key:"1djgab"}]]);var p=a.i(32860),q=a.i(21374);let r=(0,n.default)("credit-card",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]]);var s=a.i(80032),t=a.i(1027),u=a.i(33441),v=a.i(8406);let w=[{name:"Glassmorphic Wallet",category:"finance",color:"from-blue-600 to-cyan-400",description:"Ultra-modern glassmorphism design with blurred overlays and vibrant gradients.",preview:(0,b.jsxs)("div",{className:"w-full h-full bg-slate-950 p-4 font-sans text-white overflow-hidden relative",children:[(0,b.jsx)("div",{className:"absolute top-[-20%] right-[-10%] w-40 h-40 bg-blue-500 rounded-full blur-[60px] opacity-40"}),(0,b.jsx)("div",{className:"absolute bottom-[-10%] left-[-10%] w-40 h-40 bg-purple-500 rounded-full blur-[60px] opacity-40"}),(0,b.jsxs)("div",{className:"flex justify-between items-center mb-6 relative z-10",children:[(0,b.jsx)(o,{className:"w-5 h-5"}),(0,b.jsx)("div",{className:"w-8 h-8 rounded-full bg-white/20 backdrop-blur-md border border-white/30 flex items-center justify-center",children:(0,b.jsx)(f.User,{className:"w-4 h-4"})})]}),(0,b.jsxs)("div",{className:"mb-6 relative z-10",children:[(0,b.jsx)("p",{className:"text-[10px] text-slate-400 font-bold uppercase tracking-widest",children:"Total Balance"}),(0,b.jsx)("h2",{className:"text-3xl font-black mt-1",children:"$42,500.00"})]}),(0,b.jsxs)("div",{className:"w-full aspect-[1.6/1] bg-white/10 backdrop-blur-xl border border-white/20 rounded-3xl p-5 mb-6 relative z-10 overflow-hidden group",children:[(0,b.jsx)("div",{className:"absolute top-0 right-0 p-4 opacity-20",children:(0,b.jsx)(r,{className:"w-20 h-20"})}),(0,b.jsxs)("div",{className:"flex justify-between h-full flex-col",children:[(0,b.jsxs)("div",{className:"flex justify-between items-start",children:[(0,b.jsx)("span",{className:"text-sm font-bold",children:"PLATINUM CARD"}),(0,b.jsx)("div",{className:"w-10 h-8 bg-yellow-500/20 rounded-lg border border-yellow-500/30"})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("p",{className:"text-lg font-mono tracking-[0.2em]",children:"**** **** **** 8829"}),(0,b.jsxs)("div",{className:"flex justify-between items-end mt-2",children:[(0,b.jsx)("p",{className:"text-[10px] font-bold opacity-60 uppercase",children:"Cloud Strife"}),(0,b.jsx)("p",{className:"text-[10px] font-bold opacity-60",children:"12/28"})]})]})]})]}),(0,b.jsxs)("div",{className:"space-y-3 relative z-10",children:[(0,b.jsxs)("div",{className:"flex justify-between items-center px-2",children:[(0,b.jsx)("span",{className:"text-xs font-bold",children:"Transactions"}),(0,b.jsx)("span",{className:"text-[10px] text-blue-400",children:"View All"})]}),[1,2].map(a=>(0,b.jsxs)("div",{className:"bg-white/5 backdrop-blur-md p-3 rounded-2xl flex items-center gap-3 border border-white/5",children:[(0,b.jsx)("div",{className:"w-10 h-10 rounded-xl bg-blue-500/20 flex items-center justify-center",children:(0,b.jsx)(t.Zap,{className:"w-5 h-5 text-blue-400"})}),(0,b.jsxs)("div",{className:"flex-1",children:[(0,b.jsxs)("p",{className:"text-[10px] font-bold",children:["Subscription Payment ",a]}),(0,b.jsx)("p",{className:"text-[8px] text-slate-500",children:"Today, 10:45 AM"})]}),(0,b.jsx)("p",{className:"text-xs font-bold text-red-400",children:"-$12.99"})]},a))]})]}),code:`class GlassWalletScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFF030712),
      body: Stack(
        children: [
          // Background Glows
          _buildBackgroundGlow(),
          SafeArea(
            child: Padding(
              padding: EdgeInsets.all(24),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  _buildHeader(),
                  SizedBox(height: 32),
                  _buildBalance(),
                  SizedBox(height: 32),
                  _buildCard(),
                  SizedBox(height: 32),
                  _buildTransactions(),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}`},{name:"Neumorphic Coffee",category:"minimalist",color:"from-stone-200 to-stone-300",description:"Soft UI / Neumorphism style focusing on light, shadows, and subtle tactile surfaces.",preview:(0,b.jsxs)("div",{className:"w-full h-full bg-[#E0E5EC] p-6 font-sans text-slate-700 flex flex-col items-center",children:[(0,b.jsxs)("div",{className:"w-full flex justify-between mb-8",children:[(0,b.jsx)("div",{className:"w-10 h-10 rounded-xl bg-[#E0E5EC] shadow-[6px_6px_12px_#b8bec5,-6px_-6px_12px_#ffffff] flex items-center justify-center",children:(0,b.jsx)(o,{className:"w-4 h-4"})}),(0,b.jsx)("div",{className:"w-10 h-10 rounded-xl bg-[#E0E5EC] shadow-[6px_6px_12px_#b8bec5,-6px_-6px_12px_#ffffff] flex items-center justify-center",children:(0,b.jsx)(g.ShoppingCart,{className:"w-4 h-4"})})]}),(0,b.jsx)("div",{className:"w-48 h-48 rounded-full bg-[#E0E5EC] shadow-[10px_10px_20px_#b8bec5,-10px_-10px_20px_#ffffff] mb-8 flex items-center justify-center p-4",children:(0,b.jsx)("div",{className:"w-full h-full rounded-full border-[8px] border-[#E0E5EC] shadow-[inset_6px_6px_12px_#b8bec5,inset_-6px_-6px_12px_#ffffff] flex items-center justify-center",children:(0,b.jsx)(k.Smartphone,{className:"w-12 h-12 text-slate-400"})})}),(0,b.jsxs)("div",{className:"text-center space-y-2 mb-8",children:[(0,b.jsx)("h3",{className:"text-xl font-black",children:"Caramel Macchiato"}),(0,b.jsx)("p",{className:"text-[10px] text-slate-500 font-bold uppercase tracking-widest",children:"Premium Blend"})]}),(0,b.jsx)("div",{className:"w-full grid grid-cols-3 gap-4 mb-8",children:["S","M","L"].map(a=>(0,b.jsx)("div",{className:`aspect-square rounded-2xl flex items-center justify-center font-bold text-sm ${"M"===a?"bg-[#E0E5EC] shadow-[inset_4px_4px_8px_#b8bec5,inset_-4px_-4px_8px_#ffffff] text-blue-500":"shadow-[4px_4px_8px_#b8bec5,-4px_-4px_8px_#ffffff]"}`,children:a},a))}),(0,b.jsx)("div",{className:"w-full py-4 bg-[#E0E5EC] shadow-[6px_6px_12px_#b8bec5,-6px_-6px_12px_#ffffff] rounded-2xl text-center font-black text-xs uppercase tracking-widest text-blue-500 active:shadow-[inset_4px_4px_8px_#b8bec5,inset_-4px_-4px_8px_#ffffff] transition-all cursor-pointer",children:"Add to Cart"})]}),code:`// Neumorphic BoxDecoration Helper
BoxDecoration neumorphicDecoration({bool isPressed = false}) {
  return BoxDecoration(
    color: Color(0xFFE0E5EC),
    borderRadius: BorderRadius.circular(16),
    boxShadow: isPressed ? [
      BoxShadow(color: Color(0xFFB8BEC5), offset: Offset(4, 4), blurRadius: 8, inset: true),
      BoxShadow(color: Color(0xFFFFFFFF), offset: Offset(-4, -4), blurRadius: 8, inset: true),
    ] : [
      BoxShadow(color: Color(0xFFB8BEC5), offset: Offset(6, 6), blurRadius: 12),
      BoxShadow(color: Color(0xFFFFFFFF), offset: Offset(-6, -6), blurRadius: 12),
    ],
  );
}`},{name:"Cyberpunk Gaming",category:"entertainment",color:"from-yellow-400 to-pink-600",description:"High-contrast neon design with glitch effects and aggressive futuristic shapes.",preview:(0,b.jsxs)("div",{className:"w-full h-full bg-[#0a0a0b] p-6 font-mono text-yellow-400",children:[(0,b.jsxs)("div",{className:"flex justify-between items-center mb-10 border-b border-yellow-400/20 pb-4",children:[(0,b.jsx)("span",{className:"text-[10px] font-black italic tracking-tighter bg-yellow-400 text-black px-2 py-0.5",children:"V-SYSTEM 2.0"}),(0,b.jsxs)("div",{className:"flex gap-4",children:[(0,b.jsx)(m.Bell,{className:"w-4 h-4"}),(0,b.jsx)("div",{className:"w-4 h-4 bg-yellow-400 rounded-sm"})]})]}),(0,b.jsxs)("div",{className:"relative mb-10",children:[(0,b.jsx)("div",{className:"absolute -left-2 top-0 h-full w-0.5 bg-yellow-400 shadow-[0_0_10px_#fbbf24]"}),(0,b.jsx)("p",{className:"text-[10px] opacity-50 mb-1 tracking-widest",children:"CURRENT OBJECTIVE"}),(0,b.jsx)("h2",{className:"text-2xl font-black skew-x-[-10deg]",children:"BREACH THE NET"}),(0,b.jsxs)("div",{className:"mt-4 flex gap-2",children:[(0,b.jsx)("div",{className:"h-1 flex-1 bg-yellow-400/20 relative overflow-hidden",children:(0,b.jsx)("div",{className:"absolute left-0 top-0 h-full w-2/3 bg-yellow-400 shadow-[0_0_15px_#fbbf24] animate-pulse"})}),(0,b.jsx)("span",{className:"text-[10px] font-bold",children:"67%"})]})]}),(0,b.jsx)("div",{className:"grid grid-cols-2 gap-4",children:[1,2,3,4].map(a=>(0,b.jsxs)("div",{className:"aspect-square border border-yellow-400/30 p-3 flex flex-col justify-between hover:bg-yellow-400/5 transition-all",children:[(0,b.jsx)(s.Box,{className:"w-6 h-6 opacity-30"}),(0,b.jsxs)("div",{children:[(0,b.jsxs)("p",{className:"text-[8px] font-bold",children:["MODULE_0",a]}),(0,b.jsx)("p",{className:"text-[10px] font-black",children:"ENCRYPTED"})]})]},a))}),(0,b.jsx)("div",{className:"mt-10 p-4 border-2 border-pink-600 bg-pink-600/10 text-pink-600 font-black text-center skew-x-[-12deg] shadow-[0_0_20px_#db2777]",children:"CRITICAL ALERT"})]}),code:`class CyberpunkButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Transform(
      transform: Matrix4.skewX(-0.2),
      child: Container(
        padding: EdgeInsets.symmetric(vertical: 16),
        decoration: BoxDecoration(
          color: Colors.pinkAccent.withOpacity(0.1),
          border: Border.all(color: Colors.pinkAccent, width: 2),
          boxShadow: [
            BoxShadow(color: Colors.pinkAccent.withOpacity(0.5), blurRadius: 20, spreadRadius: -5),
          ],
        ),
        child: Text('CRITICAL ALERT', textAlign: TextAlign.center),
      ),
    );
  }
}`},{name:"Social Feed Pro",category:"social",color:"from-purple-600 to-pink-400",description:"Modern social media feed with story bubbles and glassmorphic post cards.",preview:(0,b.jsxs)("div",{className:"w-full h-full bg-slate-50 p-4 font-sans text-slate-900",children:[(0,b.jsx)("div",{className:"flex overflow-x-auto gap-4 mb-6 pb-2 no-scrollbar",children:[1,2,3,4,5].map(a=>(0,b.jsx)("div",{className:"shrink-0 w-12 h-12 rounded-full p-0.5 bg-gradient-to-tr from-yellow-400 via-pink-500 to-purple-600",children:(0,b.jsx)("div",{className:"w-full h-full rounded-full border-2 border-white bg-slate-200 flex items-center justify-center",children:(0,b.jsx)(f.User,{className:"w-6 h-6 text-slate-400"})})},a))}),(0,b.jsx)("div",{className:"space-y-6",children:(0,b.jsxs)("div",{className:"bg-white rounded-3xl shadow-xl shadow-slate-200 border border-slate-100 overflow-hidden",children:[(0,b.jsxs)("div",{className:"p-4 flex items-center justify-between",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("div",{className:"w-8 h-8 rounded-full bg-slate-100"}),(0,b.jsx)("span",{className:"text-xs font-black",children:"Designer_Mind"})]}),(0,b.jsx)(q.Star,{className:"w-4 h-4 text-yellow-400 fill-current"})]}),(0,b.jsx)("div",{className:"aspect-square bg-slate-50 flex items-center justify-center",children:(0,b.jsx)(t.Zap,{className:"w-20 h-20 text-indigo-500/20 animate-pulse"})}),(0,b.jsxs)("div",{className:"p-4 space-y-2",children:[(0,b.jsxs)("div",{className:"flex gap-4",children:[(0,b.jsx)(l.Heart,{className:"w-5 h-5 text-pink-500"}),(0,b.jsx)(y,{className:"w-5 h-5 text-slate-400"})]}),(0,b.jsx)("p",{className:"text-[10px]",children:(0,b.jsx)("span",{className:"font-bold",children:"2.4k Likes"})})]})]})})]}),code:`class SocialFeedItem extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Card(
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
      child: Column(
        children: [
          _buildUserHeader(),
          _buildPostImage(),
          _buildActionButtons(),
        ],
      ),
    );
  }
}`},{name:"Minimal Crypto",category:"finance",color:"from-emerald-500 to-teal-400",description:"Clean, enterprise-grade minimalist crypto dashboard with line charts.",preview:(0,b.jsxs)("div",{className:"w-full h-full bg-white p-6 font-sans text-slate-900",children:[(0,b.jsxs)("div",{className:"mb-8",children:[(0,b.jsx)("p",{className:"text-[10px] font-bold text-slate-400 uppercase tracking-widest",children:"Portfolio"}),(0,b.jsx)("h2",{className:"text-4xl font-black",children:"0.824 BTC"}),(0,b.jsx)("p",{className:"text-xs font-bold text-emerald-500 mt-1",children:"+12.4% Today"})]}),(0,b.jsxs)("div",{className:"space-y-4",children:[(0,b.jsx)("div",{className:"h-24 w-full bg-slate-50 rounded-3xl border border-slate-100 flex items-end p-4 gap-1",children:[20,40,30,60,45,80,50,90,70,100].map((a,c)=>(0,b.jsx)("div",{className:"flex-1 bg-emerald-500/20 rounded-t-sm",style:{height:`${a}%`}},c))}),(0,b.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,b.jsxs)("div",{className:"bg-slate-900 text-white p-6 rounded-3xl",children:[(0,b.jsx)(p.ArrowRight,{className:"w-6 h-6 mb-4 rotate-[-45deg]"}),(0,b.jsx)("p",{className:"text-[10px] font-bold opacity-50 uppercase",children:"SEND"})]}),(0,b.jsxs)("div",{className:"bg-emerald-500 text-white p-6 rounded-3xl",children:[(0,b.jsx)(p.ArrowRight,{className:"w-6 h-6 mb-4 rotate-[135deg]"}),(0,b.jsx)("p",{className:"text-[10px] font-bold opacity-50 uppercase",children:"RECEIVE"})]})]})]})]}),code:`class CryptoDashboard extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          _buildHeader(),
          _buildChart(),
          _buildQuickActions(),
        ],
      ),
    );
  }
}`},{name:"Neobrutalism Store",category:"ecommerce",color:"from-lime-400 to-emerald-400",description:"Bold, raw and high contrast. Features sharp edges, solid shadows, and stark colors.",preview:(0,b.jsxs)("div",{className:"w-full h-full bg-[#f4f4f0] p-6 font-sans text-black border-4 border-black box-border relative overflow-hidden",children:[(0,b.jsxs)("div",{className:"flex justify-between items-center mb-8",children:[(0,b.jsx)("h1",{className:"text-2xl font-black uppercase tracking-tighter",children:"KICKS."}),(0,b.jsx)("div",{className:"w-10 h-10 bg-lime-400 border-2 border-black flex items-center justify-center shadow-[4px_4px_0_0_#000] rotate-[-5deg]",children:(0,b.jsx)(g.ShoppingCart,{className:"w-5 h-5"})})]}),(0,b.jsxs)("div",{className:"w-full aspect-[4/5] bg-white border-4 border-black shadow-[8px_8px_0_0_#000] mb-8 relative p-4 flex flex-col justify-between group",children:[(0,b.jsx)("div",{className:"absolute -top-3 -right-3 bg-red-500 text-white font-black text-[10px] px-3 py-1 border-2 border-black rotate-12 shadow-[4px_4px_0_0_#000]",children:"NEW DROP"}),(0,b.jsx)("div",{className:"w-full flex-1 bg-lime-200 border-2 border-black mb-4 flex items-center justify-center overflow-hidden",children:(0,b.jsx)(t.Zap,{className:"w-24 h-24 text-black group-hover:scale-110 transition-transform"})}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h2",{className:"text-xl font-black uppercase",children:"Retro '92 Runner"}),(0,b.jsx)("p",{className:"font-bold text-sm",children:"$140.00"})]})]}),(0,b.jsx)("button",{className:"w-full py-4 bg-black text-white font-black uppercase tracking-widest hover:bg-lime-400 hover:text-black transition-colors border-2 border-black shadow-[4px_4px_0_0_#000] hover:translate-x-1 hover:translate-y-1 hover:shadow-none",children:"Add to Bag"})]}),code:`class NeobrutalistButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.lime[400],
        border: Border.all(color: Colors.black, width: 3),
        boxShadow: [
          BoxShadow(
            color: Colors.black,
            offset: Offset(6, 6),
          ),
        ],
      ),
      padding: EdgeInsets.symmetric(vertical: 16),
      alignment: Alignment.center,
      child: Text(
        'ADD TO BAG',
        style: TextStyle(
          color: Colors.black,
          fontWeight: FontWeight.w900,
          letterSpacing: 2,
        ),
      ),
    );
  }
}`},{name:"Apple Style Glass",category:"minimalist",color:"from-slate-200 to-gray-400",description:"Ultra-thin materials, severe blurs, and translucent frosted glass mirroring iOS aesthetics.",preview:(0,b.jsxs)("div",{className:"w-full h-full p-6 text-slate-800 font-sans relative overflow-hidden bg-cover bg-center",style:{backgroundImage:"linear-gradient(to bottom right, #ffafbd, #ffc3a0, #2193b0, #6dd5ed)"},children:[(0,b.jsx)("div",{className:"absolute top-10 left-[-20%] w-64 h-64 bg-white/40 rounded-full blur-[40px]"}),(0,b.jsxs)("div",{className:"mt-8 mb-6 relative z-10 text-white drop-shadow-md",children:[(0,b.jsx)("h1",{className:"text-4xl font-extrabold tracking-tight",children:"Weather"}),(0,b.jsx)("p",{className:"text-sm font-medium opacity-90",children:"Cupertino, CA"})]}),(0,b.jsxs)("div",{className:"w-full aspect-square rounded-[2rem] bg-white/20 backdrop-blur-2xl border border-white/40 p-6 flex flex-col justify-between relative z-10 shadow-xl",children:[(0,b.jsxs)("div",{className:"flex justify-between items-start text-white",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("p",{className:"text-6xl font-light",children:"72°"}),(0,b.jsx)("p",{className:"text-sm font-medium mt-1",children:"Mostly Clear"})]}),(0,b.jsx)(v.Sparkles,{className:"w-10 h-10 text-yellow-300 drop-shadow-md"})]}),(0,b.jsx)("div",{className:"flex justify-between items-center text-white/90 text-sm overflow-x-auto gap-4 scrollbar-none pt-4 border-t border-white/20",children:[1,2,3,4].map(a=>(0,b.jsxs)("div",{className:"flex flex-col items-center gap-1 shrink-0",children:[(0,b.jsxs)("span",{className:"font-medium text-[10px]",children:[a+1," PM"]}),(0,b.jsx)(v.Sparkles,{className:"w-4 h-4 text-yellow-300"}),(0,b.jsxs)("span",{className:"font-bold",children:["7",a,"°"]})]},a))})]}),(0,b.jsxs)("div",{className:"w-full h-24 mt-4 rounded-3xl bg-black/10 backdrop-blur-xl border border-white/20 relative z-10 flex items-center justify-around text-white p-4",children:[(0,b.jsxs)("div",{className:"text-center",children:[(0,b.jsx)("span",{className:"text-[10px] opacity-70",children:"UV INDEX"}),(0,b.jsx)("p",{className:"font-bold text-lg",children:"5"})]}),(0,b.jsx)("div",{className:"w-[1px] h-full bg-white/20"}),(0,b.jsxs)("div",{className:"text-center",children:[(0,b.jsx)("span",{className:"text-[10px] opacity-70",children:"HUMIDITY"}),(0,b.jsx)("p",{className:"font-bold text-lg",children:"45%"})]})]})]}),code:`import 'dart:ui';

class AppleGlassContainer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ClipRRect(
      borderRadius: BorderRadius.circular(32),
      child: BackdropFilter(
        filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
        child: Container(
          decoration: BoxDecoration(
            color: Colors.white.withOpacity(0.2),
            borderRadius: BorderRadius.circular(32),
            border: Border.all(
              color: Colors.white.withOpacity(0.4),
              width: 1.5,
            ),
          ),
          child: const SizedBox(), // Your content here
        ),
      ),
    );
  }
}`}];function x(){let[a,f]=(0,c.useState)("All"),g=w.filter(b=>"All"===a||b.category===a),[l,m]=(0,c.useState)(w[0]),[n,o]=(0,c.useState)(!1),p=a=>{f(a);let b=w.find(b=>"All"===a||b.category===a);b&&m(b)};return(0,b.jsx)(d.ToolLayout,{title:"UI Inspiration Gallery",description:"Truly modern designs for high-performance apps. Explore Glassmorphism, Neumorphism, and Cyberpunk styles with fully functional previews.",controls:(0,b.jsxs)("div",{className:"space-y-8 h-full flex flex-col",children:[(0,b.jsx)("div",{className:"flex flex-wrap gap-2 shrink-0",children:["All","finance","minimalist","entertainment","social","ecommerce"].map(c=>(0,b.jsx)("button",{onClick:()=>p(c),className:`px-5 py-2 rounded-full text-xs font-bold transition-all ${a===c?"bg-primary text-white shadow-lg shadow-primary/30":"bg-card border border-border text-muted-foreground hover:border-primary/50"}`,children:c.toUpperCase()},c))}),(0,b.jsx)("div",{className:"flex-1 overflow-y-auto grid grid-cols-1 gap-4 pr-2 custom-scrollbar",children:g.length>0?g.map(a=>(0,b.jsxs)("button",{onClick:()=>m(a),className:`w-full group relative bg-card rounded-[2rem] border overflow-hidden transition-all text-left ${l.name===a.name?"border-primary shadow-2xl scale-[1.02]":"border-border hover:border-primary/50"}`,children:[(0,b.jsx)("div",{className:`h-24 w-full bg-gradient-to-br ${a.color} opacity-20 group-hover:opacity-40 transition-opacity`}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsxs)("div",{className:"flex justify-between items-start mb-2",children:[(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsx)("span",{className:"text-[10px] font-bold text-primary uppercase tracking-widest",children:a.category}),"Glassmorphic Wallet"===a.name&&(0,b.jsx)("span",{className:"text-[10px] font-bold text-yellow-500 bg-yellow-500/10 px-2 rounded",children:"FEATURED"})]}),l.name===a.name&&(0,b.jsx)("div",{className:"w-2 h-2 rounded-full bg-primary animate-ping"})]}),(0,b.jsx)("h3",{className:"text-xl font-black mb-1 tracking-tight",children:a.name}),(0,b.jsx)("p",{className:"text-xs text-muted-foreground leading-relaxed",children:a.description}),(0,b.jsxs)("div",{className:"mt-4 flex gap-4",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 text-[10px] font-bold text-muted-foreground",children:[(0,b.jsx)(j.Eye,{className:"w-3 h-3"})," PREVIEW READY"]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-[10px] font-bold text-muted-foreground",children:[(0,b.jsx)(e.LayoutGrid,{className:"w-3 h-3"})," WIDGET-BASED"]})]})]})]},a.name)):(0,b.jsxs)("div",{className:"h-64 flex flex-col items-center justify-center text-center space-y-4 bg-secondary/20 rounded-[2rem] border border-dashed border-border",children:[(0,b.jsx)(h.Search,{className:"w-12 h-12 text-muted-foreground/30"}),(0,b.jsx)("p",{className:"text-xs font-bold text-muted-foreground uppercase tracking-widest",children:"No designs found in this category"}),(0,b.jsx)("button",{onClick:()=>p("All"),className:"text-xs font-bold text-primary hover:underline",children:"RESET FILTER"})]})})]}),output:(0,b.jsxs)("div",{className:"space-y-8 animate-in fade-in duration-700 h-full flex flex-col",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between shrink-0",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("h2",{className:"text-3xl font-black tracking-tighter",children:l.name}),(0,b.jsx)("p",{className:"text-xs text-muted-foreground uppercase font-bold tracking-[0.2em]",children:l.category})]}),(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsx)("button",{className:"px-4 py-2 bg-secondary rounded-xl text-xs font-bold hover:bg-secondary/80 transition-all",children:"VIEW DOCS"}),(0,b.jsxs)("button",{onClick:()=>{navigator.clipboard.writeText(l.code),o(!0),setTimeout(()=>o(!1),2e3)},className:"px-4 py-2 bg-primary text-primary-foreground rounded-xl text-xs font-bold shadow-lg shadow-primary/20 hover:brightness-110 active:scale-95 transition-all flex items-center gap-2",children:[n?(0,b.jsx)(u.Check,{className:"w-3.5 h-3.5 text-green-500"}):(0,b.jsx)(i.Copy,{className:"w-3.5 h-3.5"}),n?"COPIED!":"COPY CODE"]})]})]}),(0,b.jsxs)("div",{className:"flex-1 grid grid-cols-1 lg:grid-cols-2 gap-8 min-h-0",children:[(0,b.jsxs)("div",{className:"flex flex-col h-full",children:[(0,b.jsxs)("div",{className:"mb-3 flex items-center gap-2 px-1",children:[(0,b.jsx)(k.Smartphone,{className:"w-4 h-4 text-primary"}),(0,b.jsx)("span",{className:"text-[10px] font-black uppercase tracking-widest text-muted-foreground",children:"Functional UI Preview"})]}),(0,b.jsxs)("div",{className:"flex-1 bg-slate-200 dark:bg-[#0a0a0a] rounded-[3rem] p-4 flex items-center justify-center border-8 border-slate-900 shadow-2xl relative overflow-hidden",children:[(0,b.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent pointer-events-none"}),(0,b.jsxs)("div",{className:"w-full max-w-[280px] aspect-[9/19.5] bg-card rounded-[2.5rem] shadow-inner overflow-hidden border border-border/50 relative",children:[(0,b.jsxs)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-28 h-6 bg-slate-900 rounded-b-2xl z-50 flex items-center justify-center gap-3",children:[(0,b.jsx)("div",{className:"w-10 h-1 bg-slate-800 rounded-full"}),(0,b.jsx)("div",{className:"w-2 h-2 rounded-full bg-slate-800"})]}),(0,b.jsx)("div",{className:"w-full h-full pt-6",children:l.preview}),(0,b.jsx)("div",{className:"absolute bottom-1 left-1/2 -translate-x-1/2 w-24 h-1 bg-slate-800/20 rounded-full z-50"})]})]})]}),(0,b.jsxs)("div",{className:"flex flex-col h-full overflow-hidden",children:[(0,b.jsxs)("div",{className:"mb-3 flex items-center gap-2 px-1",children:[(0,b.jsx)(y,{className:"w-4 h-4 text-primary"}),(0,b.jsx)("span",{className:"text-[10px] font-black uppercase tracking-widest text-muted-foreground",children:"Flutter Source"})]}),(0,b.jsxs)("div",{className:"flex-1 overflow-y-auto bg-[#0d0d0d] border border-border rounded-[2rem] p-6 shadow-inner custom-scrollbar relative",children:[(0,b.jsx)("pre",{className:"text-xs font-mono text-blue-300 leading-relaxed",children:l.code}),(0,b.jsx)("div",{className:"sticky bottom-0 right-0 p-4 w-full flex justify-end",children:(0,b.jsx)("div",{className:"px-3 py-1 bg-primary/20 border border-primary/40 rounded text-[10px] font-bold text-primary backdrop-blur-md",children:"DART v3.3+"})})]})]})]})]})})}function y(a){return(0,b.jsxs)("svg",{...a,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("path",{d:"M12 2v20"}),(0,b.jsx)("path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"})]})}a.s(["default",()=>x],46035)}];

//# sourceMappingURL=src_app_flutter-ui-inspiration_page_tsx_c8c25ac3._.js.map