{"version":3,"file":"border-beam-B6Ht0Xjb.js","sources":["../../../app/frontend/components/magicui/border-beam.jsx"],"sourcesContent":["import { cn } from \"@/lib/utils\"\n\nexport const BorderBeam = ({\n  className,\n  size = 200,\n  duration = 9,\n  anchor = 90,\n  borderWidth = 2.5,\n  colorFrom = \"#fb923c\", // bg-orange-400 equivalent\n  colorTo = \"#fed7aa\", // bg-orange-200 equivalent\n  delay = 0,\n}) => {\n  return (\n    <div\n      style={{\n        \"--size\": size,\n        \"--duration\": duration,\n        \"--anchor\": anchor,\n        \"--border-width\": borderWidth,\n        \"--color-from\": colorFrom,\n        \"--color-to\": colorTo,\n        \"--delay\": `-${delay}s`,\n      }}\n      className={cn(\n        \"pointer-events-none absolute inset-0 rounded-[inherit] [border:calc(var(--border-width)*1px)_solid_transparent]\",\n        // mask styles\n        \"![mask-clip:padding-box,border-box] ![mask-composite:intersect] [mask:linear-gradient(transparent,transparent),linear-gradient(white,white)]\",\n        // pseudo styles\n        \"after:absolute after:aspect-square after:w-[calc(var(--size)*1px)] after:animate-border-beam after:[animation-delay:var(--delay)] after:[background:linear-gradient(to_left,var(--color-from),var(--color-to),transparent)] after:[offset-anchor:calc(var(--anchor)*1%)_50%] after:[offset-path:rect(0_auto_auto_0_round_calc(var(--size)*1px))]\",\n        className\n      )}\n    />\n  )\n}\n"],"names":["BorderBeam","className","size","duration","anchor","borderWidth","colorFrom","colorTo","delay","jsx","cn"],"mappings":"uYAEO,MAAMA,EAAa,CAAC,CACzB,UAAAC,EACA,KAAAC,EAAO,IACP,SAAAC,EAAW,EACX,OAAAC,EAAS,GACT,YAAAC,EAAc,IACd,UAAAC,EAAY,UACZ,QAAAC,EAAU,UACV,MAAAC,EAAQ,CACV,IAEIC,EAAA,IAAC,MAAA,CACC,MAAO,CACL,SAAUP,EACV,aAAcC,EACd,WAAYC,EACZ,iBAAkBC,EAClB,eAAgBC,EAChB,aAAcC,EACd,UAAW,IAAIC,CAAK,GACtB,EACA,UAAWE,EACT,kHAEA,+IAEA,mVACAT,CACF,CAAA,CAAA"}