(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{5113:function(e,t,a){Promise.resolve().then(a.bind(a,2194))},2194:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return h}});var s=a(3827),r=a(4090),i=a(9143),n=a(7742),l=a(4353);let o=(0,n.j)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),d=r.forwardRef((e,t)=>{let{className:a,variant:r,size:n,asChild:d=!1,...c}=e,u=d?i.g7:"button";return(0,s.jsx)(u,{className:(0,l.cn)(o({variant:r,size:n,className:a})),ref:t,...c})});d.displayName="Button";var c=a(8010),u=a(2138),p=a(5986);function f(e){let{toast:t}=(0,c.pm)(),{bg:a}=e,[i,n]=(0,r.useState)("");return(0,s.jsxs)("div",{className:"relative min-h-[300px] w-full overflow-hidden rounded-md border",children:[i&&(0,s.jsx)("div",{className:"fixed left-0 top-0 -z-50 h-full w-full",children:i}),(0,s.jsxs)("div",{className:"absolute z-10 flex items-center justify-end w-full gap-1 top-0 p-3",children:[i&&(0,s.jsx)(d,{size:"icon",className:"h-7 w-7",onClick:()=>n(""),children:(0,s.jsx)(u.Z,{className:"h-[1rem] w-[1rem]"})}),(0,s.jsx)(d,{className:"text-xs h-7",size:"sm",onClick:()=>{n(""),n(a)},children:"preview"}),(0,s.jsx)(d,{className:"text-xs h-7 dark:ring-1 ring-slate-900/10",variant:"outline",size:"sm",onClick:()=>{let e=p.renderToString(a);navigator.clipboard.writeText(e),t({title:"Copied to clipboard"})},children:"copy"})]}),a]})}let x=[(0,s.jsx)("div",{className:"absolute inset-0 -z-10 h-full w-full bg-white bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:16px_16px]"}),(0,s.jsx)("div",{className:"absolute inset-0 -z-10 h-full w-full bg-white bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem]"}),(0,s.jsx)("div",{className:"absolute inset-0 -z-10 h-full w-full bg-white bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:14px_24px]",children:(0,s.jsx)("div",{className:"absolute left-0 right-0 top-0 -z-10 m-auto h-[310px] w-[310px] rounded-full bg-blue-500 opacity-20 blur-[100px]"})}),(0,s.jsx)("div",{className:"absolute inset-0 -z-10 h-full w-full bg-white bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem]",children:(0,s.jsx)("div",{className:"absolute bottom-0 left-0 right-0 top-0 bg-[radial-gradient(circle_800px_at_100%_200px,#d5c5ff,transparent)]"})}),(0,s.jsx)("div",{className:"absolute top-0 z-[-2] h-screen w-screen rotate-180 transform bg-white bg-[radial-gradient(60%_120%_at_50%_50%,hsla(0,0%,100%,0)_0,rgba(252,205,238,.5)_100%)]"}),(0,s.jsx)("div",{className:"absolute inset-0 -z-10 h-full w-full bg-white bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:16px_16px] [mask-image:radial-gradient(ellipse_50%_50%_at_50%_50%,#000_60%,transparent_100%)]"}),(0,s.jsx)("div",{className:"absolute inset-0 top-0 -z-10 h-full w-full bg-white flex items-center justify-center",children:(0,s.jsx)("div",{className:"h-[300px] absolute top-0 left-0 w-[300px] rounded-full bg-blue-500 opacity-20 blur-[100px]"})}),(0,s.jsxs)("div",{className:"absolute inset-0 top-0 -z-10 h-full w-full bg-white flex items-center justify-center",children:[(0,s.jsx)("div",{className:"h-[300px] absolute top-0 right-0 w-[300px] rounded-full bg-blue-500 opacity-20 blur-[100px]"}),(0,s.jsx)("div",{className:"h-[300px] absolute bottom-0 left-0 w-[300px] rounded-full bg-purple-500 opacity-20 blur-[100px]"})]}),(0,s.jsx)("div",{className:"absolute inset-0 bg-white -z-10 h-full w-full bg-[conic-gradient(at_top,_var(--tw-gradient-stops))] from-gray-900 via-gray-100 to-gray-900 opacity-80"}),(0,s.jsx)("div",{className:"absolute inset-0 -z-10 bg-white h-full w-full bg-gradient-to-r from-rose-100 to-teal-100"}),(0,s.jsx)("div",{className:"absolute inset-0 -z-10 bg-white h-full w-full bg-[conic-gradient(at_top,_var(--tw-gradient-stops))] from-cyan-100 via-violet-200 to-emerald-400"}),(0,s.jsx)("div",{className:"absolute inset-0 -z-10 bg-white h-full w-full bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-blue-300 via-emerald-300 to-indigo-300"})];function g(){return(0,s.jsx)("div",{className:"py-20 -mt-2 grid grid-cols-1 place-items-center md:grid-cols-3 gap-5 md:gap-3 px-8 md:px-20 lg:px-40",children:x.map((e,t)=>(0,s.jsx)(f,{bg:e},t))})}function m(){return(0,s.jsx)(d,{onClick:()=>location.reload(),variant:"outline",children:"Reset"})}var b=a(8792);function h(){return(0,s.jsxs)("main",{children:[(0,s.jsxs)("div",{className:"py-20 px-6 flex flex-col items-center justify-center",children:[(0,s.jsxs)("h1",{className:"text-center max-w-md md:max-w-4xl mx-auto text-3xl font-medium text-gray-900 dark:text-gray-50 sm:text-5xl",children:["Collection of Stunning ",(0,s.jsx)("span",{className:"animate-text-gradient inline-flex bg-gradient-to-r from-neutral-900 via-slate-500 to-neutral-500 bg-[200%_auto] bg-clip-text text-transparent dark:from-neutral-100 dark:via-slate-400 dark:to-neutral-400 leading-tight",children:"Backgrounds and Gradients."})]}),(0,s.jsxs)("p",{className:"text-center leading-tight mt-2 mx-auto max-w-sm md:max-w-xl text-sm text-gray-600 dark:text-gray-200",children:["Ready-to-use, just copy and paste ",(0,s.jsx)("span",{className:"opacity-70",children:"className"})," into your code. crafted with ",(0,s.jsx)("span",{className:"opacity-70",children:"Tailwind CSS"})," tweak it to your taste."]}),(0,s.jsxs)("div",{className:"mt-7 flex gap-2 items-center justify-center",children:[(0,s.jsx)(d,{asChild:!0,children:(0,s.jsx)(b.default,{target:"_blank",href:"https://github.com/Daya3611/tailwind-bg",children:"View Source"})}),(0,s.jsx)(m,{})]})]}),(0,s.jsx)(g,{})]})}},8010:function(e,t,a){"use strict";a.d(t,{pm:function(){return p}});var s=a(4090);let r=0,i=new Map,n=e=>{if(i.has(e))return;let t=setTimeout(()=>{i.delete(e),c({type:"REMOVE_TOAST",toastId:e})},1e6);i.set(e,t)},l=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,1)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(e=>e.id===t.toast.id?{...e,...t.toast}:e)};case"DISMISS_TOAST":{let{toastId:a}=t;return a?n(a):e.toasts.forEach(e=>{n(e.id)}),{...e,toasts:e.toasts.map(e=>e.id===a||void 0===a?{...e,open:!1}:e)}}case"REMOVE_TOAST":if(void 0===t.toastId)return{...e,toasts:[]};return{...e,toasts:e.toasts.filter(e=>e.id!==t.toastId)}}},o=[],d={toasts:[]};function c(e){d=l(d,e),o.forEach(e=>{e(d)})}function u(e){let{...t}=e,a=(r=(r+1)%Number.MAX_SAFE_INTEGER).toString(),s=()=>c({type:"DISMISS_TOAST",toastId:a});return c({type:"ADD_TOAST",toast:{...t,id:a,open:!0,onOpenChange:e=>{e||s()}}}),{id:a,dismiss:s,update:e=>c({type:"UPDATE_TOAST",toast:{...e,id:a}})}}function p(){let[e,t]=s.useState(d);return s.useEffect(()=>(o.push(t),()=>{let e=o.indexOf(t);e>-1&&o.splice(e,1)}),[e]),{...e,toast:u,dismiss:e=>c({type:"DISMISS_TOAST",toastId:e})}}},4353:function(e,t,a){"use strict";a.d(t,{cn:function(){return i}});var s=a(3167),r=a(1367);function i(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,r.m6)((0,s.W)(t))}}},function(e){e.O(0,[129,166,971,69,744],function(){return e(e.s=5113)}),_N_E=e.O()}]);